@sitecore-feaas/clientside 0.0.8 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +5 -5
  2. package/dist/browser/basic.cjs +67 -0
  3. package/dist/browser/basic.js +67 -0
  4. package/dist/browser/index.cjs +68 -79
  5. package/dist/browser/index.js +68 -79
  6. package/dist/node/{react.cjs → basic.cjs} +436 -435
  7. package/dist/node/{react.js → basic.js} +432 -431
  8. package/dist/node/index.cjs +667 -284
  9. package/dist/node/index.js +667 -288
  10. package/examples/index.html +1 -1
  11. package/package.json +17 -17
  12. package/src/basic.ts +5 -0
  13. package/src/cloud.ts +9 -5
  14. package/src/components/FEAASBase.tsx +265 -0
  15. package/src/components/FEAASComponent.ts +98 -0
  16. package/src/components/FEAASContext.tsx +105 -0
  17. package/src/components/FEAASEditor.tsx +291 -0
  18. package/src/components/FEAASLoader.ts +113 -0
  19. package/src/components/FEAASPicker.tsx +98 -0
  20. package/src/components/FEAASStylesheet.ts +43 -0
  21. package/src/components/index.tsx +7 -0
  22. package/src/index.ts +4 -11
  23. package/test/components.js +11 -0
  24. package/test/components.ts +12 -0
  25. package/test/render.js +688 -0
  26. package/tsconfig.json +11 -6
  27. package/types/basic.d.ts +5 -0
  28. package/types/cloud.d.ts +18 -0
  29. package/types/components/FEAASBase.d.ts +70 -0
  30. package/types/components/FEAASComponent.d.ts +39 -0
  31. package/types/components/FEAASContext.d.ts +43 -0
  32. package/types/components/FEAASEditor.d.ts +70 -0
  33. package/types/components/FEAASLoader.d.ts +20 -0
  34. package/types/components/FEAASPicker.d.ts +61 -0
  35. package/types/components/FEAASStylesheet.d.ts +25 -0
  36. package/types/components/index.d.ts +7 -0
  37. package/types/dom.d.ts +29 -0
  38. package/types/fetch.d.ts +1 -0
  39. package/types/index.d.ts +4 -0
  40. package/types/tsbuildinfo +1 -0
  41. package/dist/browser/index.d.ts +0 -25
  42. package/dist/browser/react.cjs +0 -83
  43. package/dist/browser/react.d.ts +0 -36
  44. package/dist/browser/react.js +0 -83
  45. package/dist/browser/webcomponent-6b45b819.d.ts +0 -120
  46. package/dist/node/index.d.ts +0 -25
  47. package/dist/node/react.d.ts +0 -36
  48. package/dist/node/webcomponent-6b45b819.d.ts +0 -120
  49. package/index.cjs +0 -83
  50. package/index.d.ts +0 -25
  51. package/index.js +0 -83
  52. package/react.cjs +0 -83
  53. package/react.d.ts +0 -36
  54. package/react.js +0 -83
  55. package/src/react.ts +0 -66
  56. package/src/webcomponent.ts +0 -379
  57. package/webcomponent-6b45b819.d.ts +0 -120
@@ -1,25 +0,0 @@
1
- import { H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations, C as CloudStylesheet, b as FEAASComponentProps } from './webcomponent-6b45b819.js';
2
- export { D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, k as HTMLFeaasPickerProps, a as HTMLFeaasStylesheet, P as PickerProps, d as autoloadScripts, c as cleanCollectionBit, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-6b45b819.js';
3
-
4
- declare function fetchAndRevalidate(url: Parameters<typeof fetch>[0], options: Parameters<typeof fetch>[1], validator: (resposne: Response) => boolean, callback: (response: Response, status: 'cached' | 'valid') => void): Promise<Response>;
5
-
6
- declare const _default: {
7
- HTMLFeaasComponent: typeof HTMLFeaasComponent;
8
- HTMLFeaasStylesheet: typeof HTMLFeaasStylesheet;
9
- renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
10
- cleanCollectionBit(path: string): string;
11
- normalizeCollectionScope(path: string): string;
12
- queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
13
- setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
14
- observeDOMElement(element: HTMLElement): MutationObserver;
15
- autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
16
- loadScript(element: HTMLElement, src: string): boolean;
17
- renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
18
- renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
19
- renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
20
- renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
21
- renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
22
- renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
23
- };
24
-
25
- export { _default as default, fetchAndRevalidate };
@@ -1,83 +0,0 @@
1
- var Oe=Object.create;var B=Object.defineProperty,xe=Object.defineProperties,He=Object.getOwnPropertyDescriptor,$e=Object.getOwnPropertyDescriptors,Re=Object.getOwnPropertyNames,pe=Object.getOwnPropertySymbols,je=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty,Be=Object.prototype.propertyIsEnumerable;var ye=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))me.call(t,r)&&ye(e,r,t[r]);if(pe)for(var r of pe(t))Be.call(t,r)&&ye(e,r,t[r]);return e},w=(e,t)=>xe(e,$e(t));var Z=(e,t)=>{for(var r in t)B(e,r,{get:t[r],enumerable:!0})},be=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Re(t))!me.call(e,i)&&i!==r&&B(e,i,{get:()=>t[i],enumerable:!(n=He(t,i))||n.enumerable});return e};var Ne=(e,t,r)=>(r=e!=null?Oe(je(e)):{},be(t||!e||!e.__esModule?B(r,"default",{value:e,enumerable:!0}):r,e)),Ie=e=>be(B({},"__esModule",{value:!0}),e);var T=(e,t,r)=>new Promise((n,i)=>{var a=u=>{try{o(r.next(u))}catch(h){i(h)}},s=u=>{try{o(r.throw(u))}catch(h){i(h)}},o=u=>u.done?n(u.value):Promise.resolve(u.value).then(a,s);o((r=r.apply(e,t)).next())});var rt={};Z(rt,{Component:()=>De,HTMLFeaasComponent:()=>V,HTMLFeaasStylesheet:()=>W,Stylesheet:()=>Pe,autoloadScripts:()=>se,cleanCollectionBit:()=>ne,default:()=>tt,fetchComponent:()=>C,fetchStylesheet:()=>_,getComponentURL:()=>ge,getStylesheetURL:()=>ve,loadScript:()=>q,normalizeCollectionScope:()=>ie,observeDOMElement:()=>ae,queryScopes:()=>G,renderComponent:()=>_e,renderComponentElement:()=>we,renderComponentPromise:()=>ue,renderDOMContent:()=>P,renderDOMElement:()=>E,renderStylesheet:()=>Ce,renderStylesheetPromise:()=>oe,setDOMAttribute:()=>D});module.exports=Ie(rt);var v=Ne(require("react"),1);function ee(e,t,r,n){return T(this,null,function*(){let i=new Date,a=yield fetch(e,t);if(!a.ok)throw new Error("Fetch failed");let s=new Date(a.headers.get("date"));var o=a;if(n(a,"cached"),s<i){let u=yield fetch(e+"?"+Math.random(),w(A({},t),{method:"HEAD",cache:"no-cache"}));if(u.headers.get("last-modified")!=a.headers.get("last-modified")){if(r(u)===!1)throw new Error("Response is stale");o=yield fetch(e,w(A({},t),{cache:"reload"}))}}if(r(o)===!1)throw new Error("Response is not valid");return a!==o&&n(o,"valid"),o})}function ge({hostname:e="https://feaascomponentsapidev.blob.core.windows.net",library:t,component:r,version:n,revision:i="published"}){return`${e}/components/${t}/${r}/${n}/${i}.html`}function ve({hostname:e="https://feaascomponentsapidev.blob.core.windows.net",library:t,revision:r="published"}){return`${e}/styles/${t}/${r}.css`}function C(e,t){return T(this,null,function*(){return ee(ge(e),{},r=>r.headers.get("x-ms-meta-versionDeletedAt")==null,r=>{r.text().then(t)})})}function _(e,t){return T(this,null,function*(){return ee(ve(e),{},r=>r.headers.get("x-ms-meta-deletedAt")==null,r=>{r.text().then(t)})})}var le={};Z(le,{autoloadScripts:()=>se,cleanCollectionBit:()=>ne,loadScript:()=>q,normalizeCollectionScope:()=>ie,observeDOMElement:()=>ae,queryScopes:()=>G,renderComponent:()=>_e,renderComponentElement:()=>we,renderComponentPromise:()=>ue,renderDOMContent:()=>P,renderDOMElement:()=>E,renderStylesheet:()=>Ce,renderStylesheetPromise:()=>oe,setDOMAttribute:()=>D});function g(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?g=function(t){return typeof t}:g=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},g(e)}function ze(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Je(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&J(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},z(e)}function J(e,t){return J=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},J(e,t)}function Fe(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}function I(e,t,r){return Fe()?I=Reflect.construct:I=function(i,a,s){var o=[null];o.push.apply(o,a);var u=Function.bind.apply(i,o),h=new u;return s&&J(h,s.prototype),h},I.apply(null,arguments)}function qe(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function te(e){var t=typeof Map=="function"?new Map:void 0;return te=function(n){if(n===null||!qe(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t!="undefined"){if(t.has(n))return t.get(n);t.set(n,i)}function i(){return I(n,arguments,z(this).constructor)}return i.prototype=Object.create(n.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),J(i,n)},te(e)}function Ve(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function We(e,t){return t&&(typeof t=="object"||typeof t=="function")?t:Ve(e)}function Ue(e){var t=Fe();return function(){var n=z(e),i;if(t){var a=z(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return We(this,i)}}function Ee(e){return Ye(e)||Ge(e)||Ae(e)||Ke()}function Ye(e){if(Array.isArray(e))return re(e)}function Ge(e){if(typeof Symbol!="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ae(e,t){if(!!e){if(typeof e=="string")return re(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return re(e,t)}}function re(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ke(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xe(e,t){var r=typeof Symbol!="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=Ae(e))||t&&e&&typeof e.length=="number"){r&&(e=r);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(u){throw u},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
3
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var a=!0,s=!1,o;return{s:function(){r=r.call(e)},n:function(){var u=r.next();return a=u.done,u},e:function(u){s=!0,o=u},f:function(){try{!a&&r.return!=null&&r.return()}finally{if(s)throw o}}}}var b=Object.prototype.hasOwnProperty;function N(e,t){return e=e.slice(),e.push(t),e}function O(e,t){return t=t.slice(),t.unshift(e),t}var Qe=function(e){Je(r,e);var t=Ue(r);function r(n){var i;return ze(this,r),i=t.call(this,'JSONPath should not be called with "new" (it prevents return of (unwrapped) scalar values)'),i.avoidNew=!0,i.value=n,i.name="NewError",i}return r}(te(Error));function d(e,t,r,n,i){if(!(this instanceof d))try{return new d(e,t,r,n,i)}catch(u){if(!u.avoidNew)throw u;return u.value}typeof e=="string"&&(i=n,n=r,r=t,t=e,e=null);var a=e&&g(e)==="object";if(e=e||{},this.json=e.json||r,this.path=e.path||t,this.resultType=e.resultType||"value",this.flatten=e.flatten||!1,this.wrap=b.call(e,"wrap")?e.wrap:!0,this.sandbox=e.sandbox||{},this.preventEval=e.preventEval||!1,this.parent=e.parent||null,this.parentProperty=e.parentProperty||null,this.callback=e.callback||n||null,this.otherTypeCallback=e.otherTypeCallback||i||function(){throw new TypeError("You must supply an otherTypeCallback callback option with the @other() operator.")},e.autostart!==!1){var s={path:a?e.path:t};a?"json"in e&&(s.json=e.json):s.json=r;var o=this.evaluate(s);if(!o||g(o)!=="object")throw new Qe(o);return o}}d.prototype.evaluate=function(e,t,r,n){var i=this,a=this.parent,s=this.parentProperty,o=this.flatten,u=this.wrap;if(this.currResultType=this.resultType,this.currPreventEval=this.preventEval,this.currSandbox=this.sandbox,r=r||this.callback,this.currOtherTypeCallback=n||this.otherTypeCallback,t=t||this.json,e=e||this.path,e&&g(e)==="object"&&!Array.isArray(e)){if(!e.path&&e.path!=="")throw new TypeError('You must supply a "path" property when providing an object argument to JSONPath.evaluate().');if(!b.call(e,"json"))throw new TypeError('You must supply a "json" property when providing an object argument to JSONPath.evaluate().');var h=e;t=h.json,o=b.call(e,"flatten")?e.flatten:o,this.currResultType=b.call(e,"resultType")?e.resultType:this.currResultType,this.currSandbox=b.call(e,"sandbox")?e.sandbox:this.currSandbox,u=b.call(e,"wrap")?e.wrap:u,this.currPreventEval=b.call(e,"preventEval")?e.preventEval:this.currPreventEval,r=b.call(e,"callback")?e.callback:r,this.currOtherTypeCallback=b.call(e,"otherTypeCallback")?e.otherTypeCallback:this.currOtherTypeCallback,a=b.call(e,"parent")?e.parent:a,s=b.call(e,"parentProperty")?e.parentProperty:s,e=e.path}if(a=a||null,s=s||null,Array.isArray(e)&&(e=d.toPathString(e)),!(!e&&e!==""||!t)){var l=d.toPathArray(e);l[0]==="$"&&l.length>1&&l.shift(),this._hasParentSelector=null;var c=this._trace(l,t,["$"],a,s,r).filter(function(f){return f&&!f.isParentSelector});return c.length?!u&&c.length===1&&!c[0].hasArrExpr?this._getPreferredOutput(c[0]):c.reduce(function(f,p){var y=i._getPreferredOutput(p);return o&&Array.isArray(y)?f=f.concat(y):f.push(y),f},[]):u?[]:void 0}};d.prototype._getPreferredOutput=function(e){var t=this.currResultType;switch(t){case"all":{var r=Array.isArray(e.path)?e.path:d.toPathArray(e.path);return e.pointer=d.toPointer(r),e.path=typeof e.path=="string"?e.path:d.toPathString(e.path),e}case"value":case"parent":case"parentProperty":return e[t];case"path":return d.toPathString(e[t]);case"pointer":return d.toPointer(e.path);default:throw new TypeError("Unknown result type")}};d.prototype._handleCallback=function(e,t,r){if(t){var n=this._getPreferredOutput(e);e.path=typeof e.path=="string"?e.path:d.toPathString(e.path),t(n,r,e)}};d.prototype._trace=function(e,t,r,n,i,a,s,o){var u=this,h;if(!e.length)return h={path:r,value:t,parent:n,parentProperty:i,hasArrExpr:s},this._handleCallback(h,a,"value"),h;var l=e[0],c=e.slice(1),f=[];function p(m){Array.isArray(m)?m.forEach(function(k){f.push(k)}):f.push(m)}if((typeof l!="string"||o)&&t&&b.call(t,l))p(this._trace(c,t[l],N(r,l),t,l,a,s));else if(l==="*")this._walk(l,c,t,r,n,i,a,function(m,k,H,F,L,$,R,j){p(u._trace(O(m,H),F,L,$,R,j,!0,!0))});else if(l==="..")p(this._trace(c,t,r,n,i,a,s)),this._walk(l,c,t,r,n,i,a,function(m,k,H,F,L,$,R,j){g(F[m])==="object"&&p(u._trace(O(k,H),F[m],N(L,m),F,m,j,!0))});else{if(l==="^")return this._hasParentSelector=!0,{path:r.slice(0,-1),expr:c,isParentSelector:!0};if(l==="~")return h={path:N(r,l),value:i,parent:n,parentProperty:null},this._handleCallback(h,a,"property"),h;if(l==="$")p(this._trace(c,t,r,null,null,a,s));else if(/^(\x2D?[0-9]*):(\x2D?[0-9]*):?([0-9]*)$/.test(l))p(this._slice(l,c,t,r,n,i,a));else if(l.indexOf("?(")===0){if(this.currPreventEval)throw new Error("Eval [?(expr)] prevented in JSONPath expression.");this._walk(l,c,t,r,n,i,a,function(m,k,H,F,L,$,R,j){u._eval(k.replace(/^\?\(((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?)\)$/,"$1"),F[m],m,L,$,R)&&p(u._trace(O(m,H),F,L,$,R,j,!0))})}else if(l[0]==="("){if(this.currPreventEval)throw new Error("Eval [(expr)] prevented in JSONPath expression.");p(this._trace(O(this._eval(l,t,r[r.length-1],r.slice(0,-1),n,i),c),t,r,n,i,a,s))}else if(l[0]==="@"){var y=!1,M=l.slice(1,-2);switch(M){case"scalar":(!t||!["object","function"].includes(g(t)))&&(y=!0);break;case"boolean":case"string":case"undefined":case"function":g(t)===M&&(y=!0);break;case"integer":Number.isFinite(t)&&!(t%1)&&(y=!0);break;case"number":Number.isFinite(t)&&(y=!0);break;case"nonFinite":typeof t=="number"&&!Number.isFinite(t)&&(y=!0);break;case"object":t&&g(t)===M&&(y=!0);break;case"array":Array.isArray(t)&&(y=!0);break;case"other":y=this.currOtherTypeCallback(t,r,n,i);break;case"null":t===null&&(y=!0);break;default:throw new TypeError("Unknown value type "+M)}if(y)return h={path:r,value:t,parent:n,parentProperty:i},this._handleCallback(h,a,"value"),h}else if(l[0]==="`"&&t&&b.call(t,l.slice(1))){var X=l.slice(1);p(this._trace(c,t[X],N(r,X),t,X,a,s,!0))}else if(l.includes(",")){var Me=l.split(","),U=Xe(Me),de;try{for(U.s();!(de=U.n()).done;){var ke=de.value;p(this._trace(O(ke,c),t,r,n,i,a,!0))}}catch(m){U.e(m)}finally{U.f()}}else!o&&t&&b.call(t,l)&&p(this._trace(c,t[l],N(r,l),t,l,a,s,!0))}if(this._hasParentSelector)for(var S=0;S<f.length;S++){var Y=f[S];if(Y&&Y.isParentSelector){var x=this._trace(Y.expr,t,Y.path,n,i,a,s);if(Array.isArray(x)){f[S]=x[0];for(var Le=x.length,Q=1;Q<Le;Q++)S++,f.splice(S,0,x[Q])}else f[S]=x}}return f};d.prototype._walk=function(e,t,r,n,i,a,s,o){if(Array.isArray(r))for(var u=r.length,h=0;h<u;h++)o(h,e,t,r,n,i,a,s);else r&&g(r)==="object"&&Object.keys(r).forEach(function(l){o(l,e,t,r,n,i,a,s)})};d.prototype._slice=function(e,t,r,n,i,a,s){if(!!Array.isArray(r)){var o=r.length,u=e.split(":"),h=u[2]&&Number.parseInt(u[2])||1,l=u[0]&&Number.parseInt(u[0])||0,c=u[1]&&Number.parseInt(u[1])||o;l=l<0?Math.max(0,l+o):Math.min(o,l),c=c<0?Math.max(0,c+o):Math.min(o,c);for(var f=[],p=l;p<c;p+=h){var y=this._trace(O(p,t),r,n,i,a,s,!0);y.forEach(function(M){f.push(M)})}return f}};d.prototype._eval=function(e,t,r,n,i,a){e.includes("@parentProperty")&&(this.currSandbox._$_parentProperty=a,e=e.replace(/@parentProperty/g,"_$_parentProperty")),e.includes("@parent")&&(this.currSandbox._$_parent=i,e=e.replace(/@parent/g,"_$_parent")),e.includes("@property")&&(this.currSandbox._$_property=r,e=e.replace(/@property/g,"_$_property")),e.includes("@path")&&(this.currSandbox._$_path=d.toPathString(n.concat([r])),e=e.replace(/@path/g,"_$_path")),e.includes("@root")&&(this.currSandbox._$_root=this.json,e=e.replace(/@root/g,"_$_root")),/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/.test(e)&&(this.currSandbox._$_v=t,e=e.replace(/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/g,"_$_v$1"));try{return this.vm.runInNewContext(e,this.currSandbox)}catch(s){throw console.log(s),new Error("jsonPath: "+s.message+": "+e)}};d.cache={};d.toPathString=function(e){for(var t=e,r=t.length,n="$",i=1;i<r;i++)/^(~|\^|@(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\(\))$/.test(t[i])||(n+=/^[\*0-9]+$/.test(t[i])?"["+t[i]+"]":"['"+t[i]+"']");return n};d.toPointer=function(e){for(var t=e,r=t.length,n="",i=1;i<r;i++)/^(~|\^|@(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\(\))$/.test(t[i])||(n+="/"+t[i].toString().replace(/~/g,"~0").replace(/\//g,"~1"));return n};d.toPathArray=function(e){var t=d.cache;if(t[e])return t[e].concat();var r=[],n=e.replace(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/g,";$&;").replace(/['\[](\??\((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\))['\]]/g,function(a,s){return"[#"+(r.push(s)-1)+"]"}).replace(/\[["']((?:(?!['\]])[\s\S])*)["']\]/g,function(a,s){return"['"+s.replace(/\./g,"%@%").replace(/~/g,"%%@@%%")+"']"}).replace(/~/g,";~;").replace(/["']?\.["']?(?!(?:(?!\[)[\s\S])*\])|\[["']?/g,";").replace(/%@%/g,".").replace(/%%@@%%/g,"~").replace(/(?:;)?(\^+)(?:;)?/g,function(a,s){return";"+s.split("").join(";")+";"}).replace(/;;;|;;/g,";..;").replace(/;$|'?\]|'$/g,""),i=n.split(";").map(function(a){var s=a.match(/#([0-9]+)/);return!s||!s[1]?a:r[s[1]]});return t[e]=i,t[e].concat()};var Ze=function(t,r,n){for(var i=t.length,a=0;a<i;a++){var s=t[a];n(s)&&r.push(t.splice(a--,1)[0])}};d.prototype.vm={runInNewContext:function(t,r){var n=Object.keys(r),i=[];Ze(n,i,function(h){return typeof r[h]=="function"});var a=n.map(function(h,l){return r[h]}),s=i.reduce(function(h,l){var c=r[l].toString();return/function/.test(c)||(c="function "+c),"var "+l+"="+c+";"+h},"");t=s+t,!/(["'])use strict\1/.test(t)&&!n.includes("arguments")&&(t="var arguments = undefined;"+t),t=t.replace(/;[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*$/,"");var o=t.lastIndexOf(";"),u=o>-1?t.slice(0,o+1)+" return "+t.slice(o+1):" return "+t;return I(Function,Ee(n).concat([u])).apply(void 0,Ee(a))}};function we(e,t){let r=document.createElement("div");r.innerHTML=e;let n=document.createDocumentFragment();for(;r.firstChild;)n.appendChild(r.firstChild);return E(n,t),r}function ne(e){return e.replace(/(\[[^\]\[]+\]|\.\*)$/g,"")}function ie(e){return ne(e)+".*"}function Te(e){let t=e.getAttribute("data-path-scope");for(var r=0,n=e;n=n.previousElementSibling;)n.getAttribute("data-path-scope")==t&&r++;return r}function et(e,t,r){let n=e.getAttribute("data-path-scope");if(n==null)return;var i=Te(e);if(i!=0)return;let a=e.parentElement;if(a!=null){t==0?e.style.display="none":e.style.display&&(e.style.display="",e.getAttribute("style")==""&&e.removeAttribute("style"));for(var s=i+1,o=e,u=e;u=u.nextElementSibling;)u.getAttribute("data-path-scope")==n&&(s++,o=u);for(var h=s;h<t;h++)a.insertBefore(o.cloneNode(!0),o.nextElementSibling);for(var h=Math.max(1,t);h<s;h++)o=o.previousElementSibling,a.removeChild(o.nextElementSibling)}}function G(e,t,r=!1,n=e){var i=t;let a=Object.keys(e).sort((o,u)=>u.length-o.length);for(let o of a)if(t.startsWith(o)){if(o==t){if(r)return e[o];continue}i=t.substring(o.length+1),n=e[o];break}let s=d({path:i,json:n});return r&&s&&Array.isArray(s)?s[0]:s}function D(e,t,r,n){var l;if(!!e){var i=e;n!=null&&n.processValue&&(r=n==null?void 0:n.processValue(e,t,r));var a=t.replace("data-path-","");if(t=="data-path-src")i=e.tagName=="IMG"?e:e.querySelector("img, video");else if(t=="data-path-href")i=e.querySelector("a")||e.closest("a");else if(t=="data-path-alt")i=e.querySelector("img, picture");else if(t=="data-path-hidden")r=r?null:!0;else if(t=="data-path"||t=="data-embed-html"||t=="html")a="innerHTML";else if(t=="data-embed-src")q(e,r);else if(t=="data-path-attributes"){let c=((l=e.getAttribute("data-attributes-keys"))==null?void 0:l.split(",").filter(Boolean))||[];for(var s in r){var o=r[s];D(e,s,typeof o=="object"&&o?JSON.stringify(o):o,n)}for(var u=0;u<c.length;u++)(r==null||!(c[u]in r))&&D(e,c[u],null,n);D(e,"data-attributes-keys",Object.keys(r||{}).join(","));return}if(typeof r=="boolean"&&(r=r?"":null),!!i){var h=String(e.getAttribute("data-path-placeholder")||i[a]);r!=null?a=="innerHTML"?i.innerHTML!=r&&(i.innerHTML=r):i.getAttribute(a)!=r&&i.setAttribute(a,r):a=="innerHTML"?i.innerHTML=h:i.removeAttribute(a)}}}function ae(e){let t=new e.ownerDocument.defaultView.MutationObserver(r=>{r.forEach(n=>{let i=n.target,a=i.getAttribute("data-embed-src");a&&q(i,a),n.addedNodes&&n.addedNodes.forEach(s=>{s.nodeType==1&&se(s,!1)})})});return t.observe(e,{attributes:!0,subtree:!0,childList:!0}),t}function se(e,t=!0){let r=e.querySelectorAll("[data-embed-src]");for(var n=0;n<r.length;n++){let i=r[n];q(i,i.getAttribute("data-embed-src"))}if(t)return ae(e)}function q(e,t){for(var r=e;r;r=r.parentElement)if(!r.parentElement){let i=r.querySelectorAll("script");for(var n=0;n<i.length;n++)if(i[n].getAttribute("src")==t)return!0;r.tagName=="HTML"&&(r=r.querySelector("head")||r);let a=r.ownerDocument.createElement("script");a.type="module",a.src=t,r.appendChild(a);break}}var Se=["data-attributes-keys","data-path-attributes","data-path-scope"];function E(e,t,r,n){var s,o,u;let i=e;if(n||(t=((s=r==null?void 0:r.processData)==null?void 0:s.call(r,i,t))||t),i.nodeType==1){let h=i.getAttribute("data-path-scope");if(h){let c=Te(i),f=G(t,h,!1)||[];c==0&&et(i,((o=r==null?void 0:r.shouldRepeat)==null?void 0:o.call(r,i,f))===!1?1:f.length,r),t=w(A({},t),{[ie(h)]:f[c]})}let l=Array.prototype.slice.call(i.attributes).sort((c,f)=>Se.indexOf(c.name)-Se.indexOf(f.name));for(var a=0;a<l.length;a++){let{name:c,value:f}=l[a];c.startsWith("data-path")&&c!="data-path-scope"&&D(i,c,G(t,f,!0),r),c=="data-embed-src"&&D(i,c,i.getAttribute(c),r)}}for(var a=0;a<i.children.length;a++)E(i.children[a],t,r,!0);return n||(u=r==null?void 0:r.onRender)==null||u.call(r,i,t),i}function P(e,t,r,n){var a;let i=((a=n==null?void 0:n.processTemplate)==null?void 0:a.call(n,e,t,r))||t;return e.innerHTML=i,e.classList.add("-feaas"),E(e,r,n)}function Ce(e,t){return oe(e,t||(t=document.createElement("style"))),t}function oe(e,t){return t||(t=document.createElement("style")),_(e,r=>{t.textContent=r}).then(()=>t)}function _e(e,t){return ue(e,t||(t=document.createElement("div"))),t}function ue(e,t){return T(this,null,function*(){return t||(t=document.createElement("div")),t.childNodes.length?E(t,e.data,e):"template"in e?P(t,e.template,e.data,e):C(e,r=>P(t,r,e.data,e)).then(()=>t)})}var fe={};Z(fe,{HTMLFeaasComponent:()=>V,HTMLFeaasStylesheet:()=>W});var K=typeof HTMLElement=="undefined"?class{}:HTMLElement,V=class extends K{constructor(){super(...arguments);this.connected=!1;this.template=null;this.data=void 0;this.isFetching=!1}static get observedAttributes(){return["data","library","component","version","revision","hostname","template"]}connectedCallback(){this.connected=!0,this.render()}disconnectedCallback(){}attributeChangedCallback(r,n,i){!this.connected||(r=="template"?this.template=i:r!="date"&&(this.template=null),r=="data"&&this.children.length>0?this.update():(cancelAnimationFrame(this.rendering),this.rendering=requestAnimationFrame(()=>{this.render()})))}update(){E(this,this.getProps().data)}setData(r){this.data=r,this.children.length>0?this.update():this.render()}getOriginal(){let r=this.getAttribute("data-path-scope");if(!!r){for(var n=this;(n=n.previousElementSibling)&&n.getAttribute("data-path-scope")==r;)var i=n;return i}}getData(){var r;if(this.data)return this.data;if(this.getAttribute("data")){let n=this.getAttribute("data");return typeof n=="string"?JSON.parse(n):{}}return((r=this.getOriginal())==null?void 0:r.getData())||{}}render(){if(this.getOriginal())return;let r=this.getProps();this.template==null?this.isFetching||r.component!=null&&r.version!=null&&(this.isFetching=!0,C(r,n=>{this.template=n,this.isFetching=!1,P(this,this.template,r.data)}).catch(()=>{console.error(`FEAAS: Could not fetch component: ${r.component}/${r.version}/${r.revision}`)})):P(this,this.template,r.data)}getProps(){return{data:this.getData(),library:this.getAttribute("library")||void 0,component:this.getAttribute("component")||void 0,version:this.getAttribute("version")||void 0,revision:this.getAttribute("revision")||void 0,hostname:this.getAttribute("hostname")||void 0}}},W=class extends K{constructor(){super(...arguments);this.connected=!1}static get observedAttributes(){return["library","revision","hostname"]}connectedCallback(){this.connected=!0,this.render()}attributeChangedCallback(){this.connected&&this.render()}render(){let r=this.getProps();_(r,n=>{this.innerHTML="<style>"+n+"</style>"}).catch(n=>{console.error(`FEAAS: Could not fetch stylesheet for library ${r.library}`)})}getProps(){return{library:this.getAttribute("library")||void 0,revision:this.getAttribute("revision")||void 0,hostname:this.getAttribute("hostname")||void 0}}},ce=class extends K{constructor(){super(...arguments);this.src="https://components.sitecorecloud.io/assets/picker.js";this.onClose=()=>{this.set({mode:null})};this.onScriptLoaded=()=>{this.element=document.createElement("feaas-picker"),this.element.style.cssText="border: 0; width: 100%; height: 100%; display: block",this.appendChild(this.element),this.set(this.getProps())}}static get observedAttributes(){return["library","mode","hidden","src"]}connectedCallback(){this.loader=document.createElement("feaas-loader"),this.loader.style.cssText="position: absolute; top: 0; left: 0; right: 0;bottom: 0; ",this.appendChild(this.loader)}load(){this.script||(this.script=document.createElement("script"),this.script.type="module",this.script.onload=this.onScriptLoaded,this.script.src=this.src,this.script.crossOrigin="anonymous",this.appendChild(this.script))}getProps(){return{mode:this.getAttribute("mode"),context:this.context,library:this.getAttribute("library"),src:this.getAttribute("src")}}attributeChangedCallback(r,n,i){this.set(this.getProps())}set(r){Object.assign(this,r);let n=Object.keys(this.getProps());for(var i of n){let a=this[i];a==null?this.removeAttribute(i):this.getAttribute(i)!=String(a)&&this.setAttribute(i,String(a))}this.mode?this.removeAttribute("hidden"):this.getAttribute("hidden")==null&&this.setAttribute("hidden","hidden"),this.mode&&!this.hidden&&this.load(),this.element&&this.element.set&&(this.element.onClose=this.onClose,this.element.getToken=this.getToken,this.element.set(r))}},he=class extends K{static get observedAttributes(){return["hidden"]}connectedCallback(){this.style.opacity="1",this.style.transition="opacity 0.2s 0.6s",this.stylesheet=document.createElement("style"),this.stylesheet.textContent=`
4
- #loader {
5
- position: absolute;
6
- top: 0;
7
- left: 0;
8
- right: 0;
9
- bottom: 0;
10
- display: flex;
11
- align-items: center;
12
- justify-content: center;
13
- background: #f6f6ff;
14
- z-index: 1000;
15
- opacity: 1;
16
- transition: top 0.3s, background-color 0.7s 0.3s;
17
- }
18
- @keyframes loader-disappearance {
19
- 100% {
20
- opacity: 0;
21
- }
22
- }
23
- @keyframes loader-appearance {
24
- 0% {
25
- opacity: 0;
26
- }
27
- }
28
- @keyframes loader-circular-track {
29
- 0% {
30
- stroke-dasharray: 1, 400;
31
- stroke-dashoffset: 0;
32
- }
33
- 50% {
34
- stroke-dasharray: 400, 400;
35
- stroke-dashoffset: -100;
36
- }
37
- 100% {
38
- stroke-dasharray: 400, 400;
39
- stroke-dashoffset: -260;
40
- }
41
- }
42
-
43
- @keyframes loader-circular-spinner {
44
- 0% {
45
- transform: rotate(0deg);
46
- }
47
-
48
- 100% {
49
- transform: rotate(360deg);
50
- }
51
- }
52
- #loader .spinner {
53
- animation: loader-disappearance 0.6s both;
54
- width: 48px;
55
- height: 48px;
56
- }
57
- #loader .spinner {
58
- animation: loader-appearance 0.6s both;
59
- }
60
- `,this.root=this.attachShadow({mode:"open"}),this.loader=document.createElement("div"),this.loader.id="loader",this.loader.innerHTML=`
61
- <div class="spinner">
62
- <svg
63
- viewBox="0 0 100 100"
64
- style="
65
- animation: 2s linear 0s infinite normal none running loader-circular-spinner;
66
- display: block;
67
- width: 48px;
68
- height: 48px;
69
- "
70
- >
71
- <circle fill="transparent" cx="50" cy="50" r="42" stroke="rgba(0,0,0,0.1)" stroke-width="10px"></circle>
72
- <circle
73
- fill="transparent"
74
- stroke="#5548D9"
75
- cx="50"
76
- cy="50"
77
- r="42"
78
- stroke-width="10px"
79
- stroke-linecap="round"
80
- style="animation: 1.5s linear 0s infinite normal none running loader-circular-track"
81
- ></circle>
82
- </svg>
83
- </div>`,this.shadowRoot.appendChild(this.stylesheet),this.shadowRoot.appendChild(this.loader)}};typeof window!="undefined"&&!window.customElements.get("feaas-stylesheet")&&(window.customElements.define("feaas-stylesheet",W),window.customElements.define("feaas-component",V),window.customElements.define("feaas-picker-lazy",ce),window.customElements.define("feaas-loader",he));function De(e){let[t,r]=v.default.useState("template"in e?e.template:null),n=e.data,i=v.default.useRef(null);return v.default.useEffect(()=>{t==null&&!("template"in e)&&C(e,r).catch(()=>{console.error(`FEAAS: Could not fetch component: ${e.library}/${e.component}/${e.version}/${e.revision}`)})},"template"in e?[e.template,null,null,null]:[e.library,e.component,e.version,e.revision,e.hostname]),v.default.useEffect(()=>{i.current&&t&&(i.current.innerHTML=t)},[i,t]),v.default.useEffect(()=>{t&&i.current&&E(i.current,n||{},e)},[i,t,n]),v.default.createElement("div",{ref:i,className:"-feaas"})}function Pe(e){let t=v.default.useRef(null),[r,n]=v.default.useState("");return v.default.useEffect(()=>{_(e,n).catch(i=>{console.error(`FEAAS: Could not fetch stylesheet for library ${e.library}`)})},[e.hostname,e.library]),v.default.createElement("style",{ref:t,rel:"stylesheet",className:"-stylesheet","data-library-id":e.library},[r])}var tt=w(A(A({},le),fe),{Stylesheet:Pe,Component:De});
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import { b as FEAASComponentProps, C as CloudStylesheet, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations } from './webcomponent-6b45b819.js';
3
- export { C as CloudStylesheet, m as CloudTemplate, D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, k as HTMLFeaasPickerProps, a as HTMLFeaasStylesheet, P as PickerProps, d as autoloadScripts, c as cleanCollectionBit, u as fetchComponent, v as fetchStylesheet, p as getComponentURL, t as getStylesheetURL, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-6b45b819.js';
4
-
5
- declare function Component(props: FEAASComponentProps): React.DetailedReactHTMLElement<{
6
- ref: React.MutableRefObject<HTMLElement>;
7
- className: string;
8
- }, HTMLElement>;
9
- declare function Stylesheet(props: CloudStylesheet): React.DetailedReactHTMLElement<{
10
- ref: React.MutableRefObject<HTMLStyleElement>;
11
- rel: string;
12
- className: string;
13
- 'data-library-id': string;
14
- }, HTMLStyleElement>;
15
- declare const _default: {
16
- Stylesheet: typeof Stylesheet;
17
- Component: typeof Component;
18
- HTMLFeaasComponent: typeof HTMLFeaasComponent;
19
- HTMLFeaasStylesheet: typeof HTMLFeaasStylesheet;
20
- renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
21
- cleanCollectionBit(path: string): string;
22
- normalizeCollectionScope(path: string): string;
23
- queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
24
- setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
25
- observeDOMElement(element: HTMLElement): MutationObserver;
26
- autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
27
- loadScript(element: HTMLElement, src: string): boolean;
28
- renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
29
- renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
30
- renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
31
- renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
32
- renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
33
- renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
34
- };
35
-
36
- export { Component, Stylesheet, _default as default };
@@ -1,83 +0,0 @@
1
- var ue=Object.defineProperty,we=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var se=Object.getOwnPropertySymbols;var Ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var oe=(e,t,r)=>t in e?ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))Ce.call(t,r)&&oe(e,r,t[r]);if(se)for(var r of se(t))_e.call(t,r)&&oe(e,r,t[r]);return e},w=(e,t)=>we(e,Te(t));var le=(e,t)=>{for(var r in t)ue(e,r,{get:t[r],enumerable:!0})};var T=(e,t,r)=>new Promise((n,i)=>{var a=u=>{try{o(r.next(u))}catch(h){i(h)}},s=u=>{try{o(r.throw(u))}catch(h){i(h)}},o=u=>u.done?n(u.value):Promise.resolve(u.value).then(a,s);o((r=r.apply(e,t)).next())});import v from"react";function X(e,t,r,n){return T(this,null,function*(){let i=new Date,a=yield fetch(e,t);if(!a.ok)throw new Error("Fetch failed");let s=new Date(a.headers.get("date"));var o=a;if(n(a,"cached"),s<i){let u=yield fetch(e+"?"+Math.random(),w(A({},t),{method:"HEAD",cache:"no-cache"}));if(u.headers.get("last-modified")!=a.headers.get("last-modified")){if(r(u)===!1)throw new Error("Response is stale");o=yield fetch(e,w(A({},t),{cache:"reload"}))}}if(r(o)===!1)throw new Error("Response is not valid");return a!==o&&n(o,"valid"),o})}function De({hostname:e="https://feaascomponentsapidev.blob.core.windows.net",library:t,component:r,version:n,revision:i="published"}){return`${e}/components/${t}/${r}/${n}/${i}.html`}function Pe({hostname:e="https://feaascomponentsapidev.blob.core.windows.net",library:t,revision:r="published"}){return`${e}/styles/${t}/${r}.css`}function P(e,t){return T(this,null,function*(){return X(De(e),{},r=>r.headers.get("x-ms-meta-versionDeletedAt")==null,r=>{r.text().then(t)})})}function M(e,t){return T(this,null,function*(){return X(Pe(e),{},r=>r.headers.get("x-ms-meta-deletedAt")==null,r=>{r.text().then(t)})})}var te={};le(te,{autoloadScripts:()=>ge,cleanCollectionBit:()=>pe,loadScript:()=>V,normalizeCollectionScope:()=>ye,observeDOMElement:()=>be,queryScopes:()=>ee,renderComponent:()=>Ve,renderComponentElement:()=>ze,renderComponentPromise:()=>Ee,renderDOMContent:()=>O,renderDOMElement:()=>E,renderStylesheet:()=>qe,renderStylesheetPromise:()=>ve,setDOMAttribute:()=>L});function g(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?g=function(t){return typeof t}:g=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},g(e)}function Me(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ke(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&z(e,t)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},I(e)}function z(e,t){return z=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},z(e,t)}function he(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}function N(e,t,r){return he()?N=Reflect.construct:N=function(i,a,s){var o=[null];o.push.apply(o,a);var u=Function.bind.apply(i,o),h=new u;return s&&z(h,s.prototype),h},N.apply(null,arguments)}function Le(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function Q(e){var t=typeof Map=="function"?new Map:void 0;return Q=function(n){if(n===null||!Le(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t!="undefined"){if(t.has(n))return t.get(n);t.set(n,i)}function i(){return N(n,arguments,I(this).constructor)}return i.prototype=Object.create(n.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),z(i,n)},Q(e)}function Oe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function xe(e,t){return t&&(typeof t=="object"||typeof t=="function")?t:Oe(e)}function He(e){var t=he();return function(){var n=I(e),i;if(t){var a=I(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return xe(this,i)}}function ce(e){return $e(e)||Re(e)||fe(e)||je()}function $e(e){if(Array.isArray(e))return Z(e)}function Re(e){if(typeof Symbol!="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function fe(e,t){if(!!e){if(typeof e=="string")return Z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Z(e,t)}}function Z(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function je(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Be(e,t){var r=typeof Symbol!="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=fe(e))||t&&e&&typeof e.length=="number"){r&&(e=r);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(u){throw u},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
3
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var a=!0,s=!1,o;return{s:function(){r=r.call(e)},n:function(){var u=r.next();return a=u.done,u},e:function(u){s=!0,o=u},f:function(){try{!a&&r.return!=null&&r.return()}finally{if(s)throw o}}}}var b=Object.prototype.hasOwnProperty;function B(e,t){return e=e.slice(),e.push(t),e}function k(e,t){return t=t.slice(),t.unshift(e),t}var Ne=function(e){ke(r,e);var t=He(r);function r(n){var i;return Me(this,r),i=t.call(this,'JSONPath should not be called with "new" (it prevents return of (unwrapped) scalar values)'),i.avoidNew=!0,i.value=n,i.name="NewError",i}return r}(Q(Error));function d(e,t,r,n,i){if(!(this instanceof d))try{return new d(e,t,r,n,i)}catch(u){if(!u.avoidNew)throw u;return u.value}typeof e=="string"&&(i=n,n=r,r=t,t=e,e=null);var a=e&&g(e)==="object";if(e=e||{},this.json=e.json||r,this.path=e.path||t,this.resultType=e.resultType||"value",this.flatten=e.flatten||!1,this.wrap=b.call(e,"wrap")?e.wrap:!0,this.sandbox=e.sandbox||{},this.preventEval=e.preventEval||!1,this.parent=e.parent||null,this.parentProperty=e.parentProperty||null,this.callback=e.callback||n||null,this.otherTypeCallback=e.otherTypeCallback||i||function(){throw new TypeError("You must supply an otherTypeCallback callback option with the @other() operator.")},e.autostart!==!1){var s={path:a?e.path:t};a?"json"in e&&(s.json=e.json):s.json=r;var o=this.evaluate(s);if(!o||g(o)!=="object")throw new Ne(o);return o}}d.prototype.evaluate=function(e,t,r,n){var i=this,a=this.parent,s=this.parentProperty,o=this.flatten,u=this.wrap;if(this.currResultType=this.resultType,this.currPreventEval=this.preventEval,this.currSandbox=this.sandbox,r=r||this.callback,this.currOtherTypeCallback=n||this.otherTypeCallback,t=t||this.json,e=e||this.path,e&&g(e)==="object"&&!Array.isArray(e)){if(!e.path&&e.path!=="")throw new TypeError('You must supply a "path" property when providing an object argument to JSONPath.evaluate().');if(!b.call(e,"json"))throw new TypeError('You must supply a "json" property when providing an object argument to JSONPath.evaluate().');var h=e;t=h.json,o=b.call(e,"flatten")?e.flatten:o,this.currResultType=b.call(e,"resultType")?e.resultType:this.currResultType,this.currSandbox=b.call(e,"sandbox")?e.sandbox:this.currSandbox,u=b.call(e,"wrap")?e.wrap:u,this.currPreventEval=b.call(e,"preventEval")?e.preventEval:this.currPreventEval,r=b.call(e,"callback")?e.callback:r,this.currOtherTypeCallback=b.call(e,"otherTypeCallback")?e.otherTypeCallback:this.currOtherTypeCallback,a=b.call(e,"parent")?e.parent:a,s=b.call(e,"parentProperty")?e.parentProperty:s,e=e.path}if(a=a||null,s=s||null,Array.isArray(e)&&(e=d.toPathString(e)),!(!e&&e!==""||!t)){var l=d.toPathArray(e);l[0]==="$"&&l.length>1&&l.shift(),this._hasParentSelector=null;var c=this._trace(l,t,["$"],a,s,r).filter(function(f){return f&&!f.isParentSelector});return c.length?!u&&c.length===1&&!c[0].hasArrExpr?this._getPreferredOutput(c[0]):c.reduce(function(f,p){var y=i._getPreferredOutput(p);return o&&Array.isArray(y)?f=f.concat(y):f.push(y),f},[]):u?[]:void 0}};d.prototype._getPreferredOutput=function(e){var t=this.currResultType;switch(t){case"all":{var r=Array.isArray(e.path)?e.path:d.toPathArray(e.path);return e.pointer=d.toPointer(r),e.path=typeof e.path=="string"?e.path:d.toPathString(e.path),e}case"value":case"parent":case"parentProperty":return e[t];case"path":return d.toPathString(e[t]);case"pointer":return d.toPointer(e.path);default:throw new TypeError("Unknown result type")}};d.prototype._handleCallback=function(e,t,r){if(t){var n=this._getPreferredOutput(e);e.path=typeof e.path=="string"?e.path:d.toPathString(e.path),t(n,r,e)}};d.prototype._trace=function(e,t,r,n,i,a,s,o){var u=this,h;if(!e.length)return h={path:r,value:t,parent:n,parentProperty:i,hasArrExpr:s},this._handleCallback(h,a,"value"),h;var l=e[0],c=e.slice(1),f=[];function p(m){Array.isArray(m)?m.forEach(function(_){f.push(_)}):f.push(m)}if((typeof l!="string"||o)&&t&&b.call(t,l))p(this._trace(c,t[l],B(r,l),t,l,a,s));else if(l==="*")this._walk(l,c,t,r,n,i,a,function(m,_,H,F,D,$,R,j){p(u._trace(k(m,H),F,D,$,R,j,!0,!0))});else if(l==="..")p(this._trace(c,t,r,n,i,a,s)),this._walk(l,c,t,r,n,i,a,function(m,_,H,F,D,$,R,j){g(F[m])==="object"&&p(u._trace(k(_,H),F[m],B(D,m),F,m,j,!0))});else{if(l==="^")return this._hasParentSelector=!0,{path:r.slice(0,-1),expr:c,isParentSelector:!0};if(l==="~")return h={path:B(r,l),value:i,parent:n,parentProperty:null},this._handleCallback(h,a,"property"),h;if(l==="$")p(this._trace(c,t,r,null,null,a,s));else if(/^(\x2D?[0-9]*):(\x2D?[0-9]*):?([0-9]*)$/.test(l))p(this._slice(l,c,t,r,n,i,a));else if(l.indexOf("?(")===0){if(this.currPreventEval)throw new Error("Eval [?(expr)] prevented in JSONPath expression.");this._walk(l,c,t,r,n,i,a,function(m,_,H,F,D,$,R,j){u._eval(_.replace(/^\?\(((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?)\)$/,"$1"),F[m],m,D,$,R)&&p(u._trace(k(m,H),F,D,$,R,j,!0))})}else if(l[0]==="("){if(this.currPreventEval)throw new Error("Eval [(expr)] prevented in JSONPath expression.");p(this._trace(k(this._eval(l,t,r[r.length-1],r.slice(0,-1),n,i),c),t,r,n,i,a,s))}else if(l[0]==="@"){var y=!1,C=l.slice(1,-2);switch(C){case"scalar":(!t||!["object","function"].includes(g(t)))&&(y=!0);break;case"boolean":case"string":case"undefined":case"function":g(t)===C&&(y=!0);break;case"integer":Number.isFinite(t)&&!(t%1)&&(y=!0);break;case"number":Number.isFinite(t)&&(y=!0);break;case"nonFinite":typeof t=="number"&&!Number.isFinite(t)&&(y=!0);break;case"object":t&&g(t)===C&&(y=!0);break;case"array":Array.isArray(t)&&(y=!0);break;case"other":y=this.currOtherTypeCallback(t,r,n,i);break;case"null":t===null&&(y=!0);break;default:throw new TypeError("Unknown value type "+C)}if(y)return h={path:r,value:t,parent:n,parentProperty:i},this._handleCallback(h,a,"value"),h}else if(l[0]==="`"&&t&&b.call(t,l.slice(1))){var G=l.slice(1);p(this._trace(c,t[G],B(r,G),t,G,a,s,!0))}else if(l.includes(",")){var Fe=l.split(","),J=Be(Fe),ae;try{for(J.s();!(ae=J.n()).done;){var Ae=ae.value;p(this._trace(k(Ae,c),t,r,n,i,a,!0))}}catch(m){J.e(m)}finally{J.f()}}else!o&&t&&b.call(t,l)&&p(this._trace(c,t[l],B(r,l),t,l,a,s,!0))}if(this._hasParentSelector)for(var S=0;S<f.length;S++){var q=f[S];if(q&&q.isParentSelector){var x=this._trace(q.expr,t,q.path,n,i,a,s);if(Array.isArray(x)){f[S]=x[0];for(var Se=x.length,K=1;K<Se;K++)S++,f.splice(S,0,x[K])}else f[S]=x}}return f};d.prototype._walk=function(e,t,r,n,i,a,s,o){if(Array.isArray(r))for(var u=r.length,h=0;h<u;h++)o(h,e,t,r,n,i,a,s);else r&&g(r)==="object"&&Object.keys(r).forEach(function(l){o(l,e,t,r,n,i,a,s)})};d.prototype._slice=function(e,t,r,n,i,a,s){if(!!Array.isArray(r)){var o=r.length,u=e.split(":"),h=u[2]&&Number.parseInt(u[2])||1,l=u[0]&&Number.parseInt(u[0])||0,c=u[1]&&Number.parseInt(u[1])||o;l=l<0?Math.max(0,l+o):Math.min(o,l),c=c<0?Math.max(0,c+o):Math.min(o,c);for(var f=[],p=l;p<c;p+=h){var y=this._trace(k(p,t),r,n,i,a,s,!0);y.forEach(function(C){f.push(C)})}return f}};d.prototype._eval=function(e,t,r,n,i,a){e.includes("@parentProperty")&&(this.currSandbox._$_parentProperty=a,e=e.replace(/@parentProperty/g,"_$_parentProperty")),e.includes("@parent")&&(this.currSandbox._$_parent=i,e=e.replace(/@parent/g,"_$_parent")),e.includes("@property")&&(this.currSandbox._$_property=r,e=e.replace(/@property/g,"_$_property")),e.includes("@path")&&(this.currSandbox._$_path=d.toPathString(n.concat([r])),e=e.replace(/@path/g,"_$_path")),e.includes("@root")&&(this.currSandbox._$_root=this.json,e=e.replace(/@root/g,"_$_root")),/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/.test(e)&&(this.currSandbox._$_v=t,e=e.replace(/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/g,"_$_v$1"));try{return this.vm.runInNewContext(e,this.currSandbox)}catch(s){throw console.log(s),new Error("jsonPath: "+s.message+": "+e)}};d.cache={};d.toPathString=function(e){for(var t=e,r=t.length,n="$",i=1;i<r;i++)/^(~|\^|@(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\(\))$/.test(t[i])||(n+=/^[\*0-9]+$/.test(t[i])?"["+t[i]+"]":"['"+t[i]+"']");return n};d.toPointer=function(e){for(var t=e,r=t.length,n="",i=1;i<r;i++)/^(~|\^|@(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\(\))$/.test(t[i])||(n+="/"+t[i].toString().replace(/~/g,"~0").replace(/\//g,"~1"));return n};d.toPathArray=function(e){var t=d.cache;if(t[e])return t[e].concat();var r=[],n=e.replace(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/g,";$&;").replace(/['\[](\??\((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\))['\]]/g,function(a,s){return"[#"+(r.push(s)-1)+"]"}).replace(/\[["']((?:(?!['\]])[\s\S])*)["']\]/g,function(a,s){return"['"+s.replace(/\./g,"%@%").replace(/~/g,"%%@@%%")+"']"}).replace(/~/g,";~;").replace(/["']?\.["']?(?!(?:(?!\[)[\s\S])*\])|\[["']?/g,";").replace(/%@%/g,".").replace(/%%@@%%/g,"~").replace(/(?:;)?(\^+)(?:;)?/g,function(a,s){return";"+s.split("").join(";")+";"}).replace(/;;;|;;/g,";..;").replace(/;$|'?\]|'$/g,""),i=n.split(";").map(function(a){var s=a.match(/#([0-9]+)/);return!s||!s[1]?a:r[s[1]]});return t[e]=i,t[e].concat()};var Ie=function(t,r,n){for(var i=t.length,a=0;a<i;a++){var s=t[a];n(s)&&r.push(t.splice(a--,1)[0])}};d.prototype.vm={runInNewContext:function(t,r){var n=Object.keys(r),i=[];Ie(n,i,function(h){return typeof r[h]=="function"});var a=n.map(function(h,l){return r[h]}),s=i.reduce(function(h,l){var c=r[l].toString();return/function/.test(c)||(c="function "+c),"var "+l+"="+c+";"+h},"");t=s+t,!/(["'])use strict\1/.test(t)&&!n.includes("arguments")&&(t="var arguments = undefined;"+t),t=t.replace(/;[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*$/,"");var o=t.lastIndexOf(";"),u=o>-1?t.slice(0,o+1)+" return "+t.slice(o+1):" return "+t;return N(Function,ce(n).concat([u])).apply(void 0,ce(a))}};function ze(e,t){let r=document.createElement("div");r.innerHTML=e;let n=document.createDocumentFragment();for(;r.firstChild;)n.appendChild(r.firstChild);return E(n,t),r}function pe(e){return e.replace(/(\[[^\]\[]+\]|\.\*)$/g,"")}function ye(e){return pe(e)+".*"}function me(e){let t=e.getAttribute("data-path-scope");for(var r=0,n=e;n=n.previousElementSibling;)n.getAttribute("data-path-scope")==t&&r++;return r}function Je(e,t,r){let n=e.getAttribute("data-path-scope");if(n==null)return;var i=me(e);if(i!=0)return;let a=e.parentElement;if(a!=null){t==0?e.style.display="none":e.style.display&&(e.style.display="",e.getAttribute("style")==""&&e.removeAttribute("style"));for(var s=i+1,o=e,u=e;u=u.nextElementSibling;)u.getAttribute("data-path-scope")==n&&(s++,o=u);for(var h=s;h<t;h++)a.insertBefore(o.cloneNode(!0),o.nextElementSibling);for(var h=Math.max(1,t);h<s;h++)o=o.previousElementSibling,a.removeChild(o.nextElementSibling)}}function ee(e,t,r=!1,n=e){var i=t;let a=Object.keys(e).sort((o,u)=>u.length-o.length);for(let o of a)if(t.startsWith(o)){if(o==t){if(r)return e[o];continue}i=t.substring(o.length+1),n=e[o];break}let s=d({path:i,json:n});return r&&s&&Array.isArray(s)?s[0]:s}function L(e,t,r,n){var l;if(!!e){var i=e;n!=null&&n.processValue&&(r=n==null?void 0:n.processValue(e,t,r));var a=t.replace("data-path-","");if(t=="data-path-src")i=e.tagName=="IMG"?e:e.querySelector("img, video");else if(t=="data-path-href")i=e.querySelector("a")||e.closest("a");else if(t=="data-path-alt")i=e.querySelector("img, picture");else if(t=="data-path-hidden")r=r?null:!0;else if(t=="data-path"||t=="data-embed-html"||t=="html")a="innerHTML";else if(t=="data-embed-src")V(e,r);else if(t=="data-path-attributes"){let c=((l=e.getAttribute("data-attributes-keys"))==null?void 0:l.split(",").filter(Boolean))||[];for(var s in r){var o=r[s];L(e,s,typeof o=="object"&&o?JSON.stringify(o):o,n)}for(var u=0;u<c.length;u++)(r==null||!(c[u]in r))&&L(e,c[u],null,n);L(e,"data-attributes-keys",Object.keys(r||{}).join(","));return}if(typeof r=="boolean"&&(r=r?"":null),!!i){var h=String(e.getAttribute("data-path-placeholder")||i[a]);r!=null?a=="innerHTML"?i.innerHTML!=r&&(i.innerHTML=r):i.getAttribute(a)!=r&&i.setAttribute(a,r):a=="innerHTML"?i.innerHTML=h:i.removeAttribute(a)}}}function be(e){let t=new e.ownerDocument.defaultView.MutationObserver(r=>{r.forEach(n=>{let i=n.target,a=i.getAttribute("data-embed-src");a&&V(i,a),n.addedNodes&&n.addedNodes.forEach(s=>{s.nodeType==1&&ge(s,!1)})})});return t.observe(e,{attributes:!0,subtree:!0,childList:!0}),t}function ge(e,t=!0){let r=e.querySelectorAll("[data-embed-src]");for(var n=0;n<r.length;n++){let i=r[n];V(i,i.getAttribute("data-embed-src"))}if(t)return be(e)}function V(e,t){for(var r=e;r;r=r.parentElement)if(!r.parentElement){let i=r.querySelectorAll("script");for(var n=0;n<i.length;n++)if(i[n].getAttribute("src")==t)return!0;r.tagName=="HTML"&&(r=r.querySelector("head")||r);let a=r.ownerDocument.createElement("script");a.type="module",a.src=t,r.appendChild(a);break}}var de=["data-attributes-keys","data-path-attributes","data-path-scope"];function E(e,t,r,n){var s,o,u;let i=e;if(n||(t=((s=r==null?void 0:r.processData)==null?void 0:s.call(r,i,t))||t),i.nodeType==1){let h=i.getAttribute("data-path-scope");if(h){let c=me(i),f=ee(t,h,!1)||[];c==0&&Je(i,((o=r==null?void 0:r.shouldRepeat)==null?void 0:o.call(r,i,f))===!1?1:f.length,r),t=w(A({},t),{[ye(h)]:f[c]})}let l=Array.prototype.slice.call(i.attributes).sort((c,f)=>de.indexOf(c.name)-de.indexOf(f.name));for(var a=0;a<l.length;a++){let{name:c,value:f}=l[a];c.startsWith("data-path")&&c!="data-path-scope"&&L(i,c,ee(t,f,!0),r),c=="data-embed-src"&&L(i,c,i.getAttribute(c),r)}}for(var a=0;a<i.children.length;a++)E(i.children[a],t,r,!0);return n||(u=r==null?void 0:r.onRender)==null||u.call(r,i,t),i}function O(e,t,r,n){var a;let i=((a=n==null?void 0:n.processTemplate)==null?void 0:a.call(n,e,t,r))||t;return e.innerHTML=i,e.classList.add("-feaas"),E(e,r,n)}function qe(e,t){return ve(e,t||(t=document.createElement("style"))),t}function ve(e,t){return t||(t=document.createElement("style")),M(e,r=>{t.textContent=r}).then(()=>t)}function Ve(e,t){return Ee(e,t||(t=document.createElement("div"))),t}function Ee(e,t){return T(this,null,function*(){return t||(t=document.createElement("div")),t.childNodes.length?E(t,e.data,e):"template"in e?O(t,e.template,e.data,e):P(e,r=>O(t,r,e.data,e)).then(()=>t)})}var ie={};le(ie,{HTMLFeaasComponent:()=>W,HTMLFeaasStylesheet:()=>U});var Y=typeof HTMLElement=="undefined"?class{}:HTMLElement,W=class extends Y{constructor(){super(...arguments);this.connected=!1;this.template=null;this.data=void 0;this.isFetching=!1}static get observedAttributes(){return["data","library","component","version","revision","hostname","template"]}connectedCallback(){this.connected=!0,this.render()}disconnectedCallback(){}attributeChangedCallback(r,n,i){!this.connected||(r=="template"?this.template=i:r!="date"&&(this.template=null),r=="data"&&this.children.length>0?this.update():(cancelAnimationFrame(this.rendering),this.rendering=requestAnimationFrame(()=>{this.render()})))}update(){E(this,this.getProps().data)}setData(r){this.data=r,this.children.length>0?this.update():this.render()}getOriginal(){let r=this.getAttribute("data-path-scope");if(!!r){for(var n=this;(n=n.previousElementSibling)&&n.getAttribute("data-path-scope")==r;)var i=n;return i}}getData(){var r;if(this.data)return this.data;if(this.getAttribute("data")){let n=this.getAttribute("data");return typeof n=="string"?JSON.parse(n):{}}return((r=this.getOriginal())==null?void 0:r.getData())||{}}render(){if(this.getOriginal())return;let r=this.getProps();this.template==null?this.isFetching||r.component!=null&&r.version!=null&&(this.isFetching=!0,P(r,n=>{this.template=n,this.isFetching=!1,O(this,this.template,r.data)}).catch(()=>{console.error(`FEAAS: Could not fetch component: ${r.component}/${r.version}/${r.revision}`)})):O(this,this.template,r.data)}getProps(){return{data:this.getData(),library:this.getAttribute("library")||void 0,component:this.getAttribute("component")||void 0,version:this.getAttribute("version")||void 0,revision:this.getAttribute("revision")||void 0,hostname:this.getAttribute("hostname")||void 0}}},U=class extends Y{constructor(){super(...arguments);this.connected=!1}static get observedAttributes(){return["library","revision","hostname"]}connectedCallback(){this.connected=!0,this.render()}attributeChangedCallback(){this.connected&&this.render()}render(){let r=this.getProps();M(r,n=>{this.innerHTML="<style>"+n+"</style>"}).catch(n=>{console.error(`FEAAS: Could not fetch stylesheet for library ${r.library}`)})}getProps(){return{library:this.getAttribute("library")||void 0,revision:this.getAttribute("revision")||void 0,hostname:this.getAttribute("hostname")||void 0}}},re=class extends Y{constructor(){super(...arguments);this.src="https://components.sitecorecloud.io/assets/picker.js";this.onClose=()=>{this.set({mode:null})};this.onScriptLoaded=()=>{this.element=document.createElement("feaas-picker"),this.element.style.cssText="border: 0; width: 100%; height: 100%; display: block",this.appendChild(this.element),this.set(this.getProps())}}static get observedAttributes(){return["library","mode","hidden","src"]}connectedCallback(){this.loader=document.createElement("feaas-loader"),this.loader.style.cssText="position: absolute; top: 0; left: 0; right: 0;bottom: 0; ",this.appendChild(this.loader)}load(){this.script||(this.script=document.createElement("script"),this.script.type="module",this.script.onload=this.onScriptLoaded,this.script.src=this.src,this.script.crossOrigin="anonymous",this.appendChild(this.script))}getProps(){return{mode:this.getAttribute("mode"),context:this.context,library:this.getAttribute("library"),src:this.getAttribute("src")}}attributeChangedCallback(r,n,i){this.set(this.getProps())}set(r){Object.assign(this,r);let n=Object.keys(this.getProps());for(var i of n){let a=this[i];a==null?this.removeAttribute(i):this.getAttribute(i)!=String(a)&&this.setAttribute(i,String(a))}this.mode?this.removeAttribute("hidden"):this.getAttribute("hidden")==null&&this.setAttribute("hidden","hidden"),this.mode&&!this.hidden&&this.load(),this.element&&this.element.set&&(this.element.onClose=this.onClose,this.element.getToken=this.getToken,this.element.set(r))}},ne=class extends Y{static get observedAttributes(){return["hidden"]}connectedCallback(){this.style.opacity="1",this.style.transition="opacity 0.2s 0.6s",this.stylesheet=document.createElement("style"),this.stylesheet.textContent=`
4
- #loader {
5
- position: absolute;
6
- top: 0;
7
- left: 0;
8
- right: 0;
9
- bottom: 0;
10
- display: flex;
11
- align-items: center;
12
- justify-content: center;
13
- background: #f6f6ff;
14
- z-index: 1000;
15
- opacity: 1;
16
- transition: top 0.3s, background-color 0.7s 0.3s;
17
- }
18
- @keyframes loader-disappearance {
19
- 100% {
20
- opacity: 0;
21
- }
22
- }
23
- @keyframes loader-appearance {
24
- 0% {
25
- opacity: 0;
26
- }
27
- }
28
- @keyframes loader-circular-track {
29
- 0% {
30
- stroke-dasharray: 1, 400;
31
- stroke-dashoffset: 0;
32
- }
33
- 50% {
34
- stroke-dasharray: 400, 400;
35
- stroke-dashoffset: -100;
36
- }
37
- 100% {
38
- stroke-dasharray: 400, 400;
39
- stroke-dashoffset: -260;
40
- }
41
- }
42
-
43
- @keyframes loader-circular-spinner {
44
- 0% {
45
- transform: rotate(0deg);
46
- }
47
-
48
- 100% {
49
- transform: rotate(360deg);
50
- }
51
- }
52
- #loader .spinner {
53
- animation: loader-disappearance 0.6s both;
54
- width: 48px;
55
- height: 48px;
56
- }
57
- #loader .spinner {
58
- animation: loader-appearance 0.6s both;
59
- }
60
- `,this.root=this.attachShadow({mode:"open"}),this.loader=document.createElement("div"),this.loader.id="loader",this.loader.innerHTML=`
61
- <div class="spinner">
62
- <svg
63
- viewBox="0 0 100 100"
64
- style="
65
- animation: 2s linear 0s infinite normal none running loader-circular-spinner;
66
- display: block;
67
- width: 48px;
68
- height: 48px;
69
- "
70
- >
71
- <circle fill="transparent" cx="50" cy="50" r="42" stroke="rgba(0,0,0,0.1)" stroke-width="10px"></circle>
72
- <circle
73
- fill="transparent"
74
- stroke="#5548D9"
75
- cx="50"
76
- cy="50"
77
- r="42"
78
- stroke-width="10px"
79
- stroke-linecap="round"
80
- style="animation: 1.5s linear 0s infinite normal none running loader-circular-track"
81
- ></circle>
82
- </svg>
83
- </div>`,this.shadowRoot.appendChild(this.stylesheet),this.shadowRoot.appendChild(this.loader)}};typeof window!="undefined"&&!window.customElements.get("feaas-stylesheet")&&(window.customElements.define("feaas-stylesheet",U),window.customElements.define("feaas-component",W),window.customElements.define("feaas-picker-lazy",re),window.customElements.define("feaas-loader",ne));function We(e){let[t,r]=v.useState("template"in e?e.template:null),n=e.data,i=v.useRef(null);return v.useEffect(()=>{t==null&&!("template"in e)&&P(e,r).catch(()=>{console.error(`FEAAS: Could not fetch component: ${e.library}/${e.component}/${e.version}/${e.revision}`)})},"template"in e?[e.template,null,null,null]:[e.library,e.component,e.version,e.revision,e.hostname]),v.useEffect(()=>{i.current&&t&&(i.current.innerHTML=t)},[i,t]),v.useEffect(()=>{t&&i.current&&E(i.current,n||{},e)},[i,t,n]),v.createElement("div",{ref:i,className:"-feaas"})}function Ue(e){let t=v.useRef(null),[r,n]=v.useState("");return v.useEffect(()=>{M(e,n).catch(i=>{console.error(`FEAAS: Could not fetch stylesheet for library ${e.library}`)})},[e.hostname,e.library]),v.createElement("style",{ref:t,rel:"stylesheet",className:"-stylesheet","data-library-id":e.library},[r])}var dt=w(A(A({},te),ie),{Stylesheet:Ue,Component:We});export{We as Component,W as HTMLFeaasComponent,U as HTMLFeaasStylesheet,Ue as Stylesheet,ge as autoloadScripts,pe as cleanCollectionBit,dt as default,P as fetchComponent,M as fetchStylesheet,De as getComponentURL,Pe as getStylesheetURL,V as loadScript,ye as normalizeCollectionScope,be as observeDOMElement,ee as queryScopes,Ve as renderComponent,ze as renderComponentElement,Ee as renderComponentPromise,O as renderDOMContent,E as renderDOMElement,qe as renderStylesheet,ve as renderStylesheetPromise,L as setDOMAttribute};
@@ -1,120 +0,0 @@
1
- interface CloudTemplate {
2
- hostname?: string;
3
- library: string;
4
- component: string;
5
- version: string;
6
- revision?: string;
7
- }
8
- interface CloudStylesheet {
9
- hostname?: string;
10
- library: string;
11
- revision?: string;
12
- }
13
- declare function getComponentURL({ hostname, library, component, version, revision }: CloudTemplate): string;
14
- declare function getStylesheetURL({ hostname, library, revision }: CloudStylesheet): string;
15
- declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<Response>;
16
- declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
17
-
18
- interface FEAASCustomizations {
19
- processTemplate?: (element: HTMLElement, template: string, data: any) => string;
20
- processData?: (element: HTMLElement, data: any) => any;
21
- processValue?: (element: HTMLElement, property: string, value: any) => any;
22
- shouldRepeat?: (element: HTMLElement, value: any) => boolean;
23
- onRender?: (element: HTMLElement, data: any) => void;
24
- }
25
- interface ExplicitTemplate {
26
- template: string;
27
- }
28
- declare type Datascopes = Record<string, any>;
29
- declare type FEAASComponentProps = {
30
- data?: Datascopes;
31
- } & (ExplicitTemplate | CloudTemplate) & FEAASCustomizations;
32
- declare function renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
33
- declare function cleanCollectionBit(path: string): string;
34
- declare function normalizeCollectionScope(path: string): string;
35
- declare function queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
36
- declare function setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
37
- declare function observeDOMElement(element: HTMLElement): MutationObserver;
38
- declare function autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
39
- declare function loadScript(element: HTMLElement, src: string): boolean;
40
- declare function renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
41
- declare function renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
42
- declare function renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
43
- declare function renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
44
- declare function renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
45
- declare function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
46
-
47
- declare global {
48
- namespace JSX {
49
- interface IntrinsicElements {
50
- 'feaas-component': {
51
- data?: any;
52
- library: string;
53
- component: string;
54
- version: string;
55
- revision?: string;
56
- hostname?: string;
57
- template?: string;
58
- children?: any;
59
- };
60
- 'feaas-stylesheet': {
61
- library?: string;
62
- hostname?: string;
63
- children?: any;
64
- };
65
- 'feaas-picker': {
66
- library: string;
67
- mode?: string;
68
- };
69
- }
70
- }
71
- }
72
- declare var WebComponent: {
73
- new (): HTMLElement;
74
- prototype: HTMLElement;
75
- };
76
- declare class HTMLFeaasComponent extends WebComponent {
77
- static get observedAttributes(): string[];
78
- connected: boolean;
79
- template: string;
80
- data: any;
81
- isFetching: boolean;
82
- rendering: ReturnType<typeof requestAnimationFrame>;
83
- connectedCallback(): void;
84
- disconnectedCallback(): void;
85
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
86
- update(): void;
87
- setData(data: any): void;
88
- getOriginal(): HTMLFeaasComponent;
89
- getData(): any;
90
- render(): void;
91
- getProps(): CloudTemplate & {
92
- data: Datascopes;
93
- };
94
- }
95
- declare class HTMLFeaasStylesheet extends WebComponent {
96
- static get observedAttributes(): string[];
97
- connected: boolean;
98
- connectedCallback(): void;
99
- attributeChangedCallback(): void;
100
- render(): void;
101
- getProps(): {
102
- library: string;
103
- revision: string;
104
- hostname: string;
105
- };
106
- }
107
- interface PickerProps<T = HTMLElement> {
108
- children?: any;
109
- context?: T;
110
- isOpen?: boolean;
111
- mode?: 'library' | 'stylesheet';
112
- src?: string;
113
- onClose?: () => any;
114
- }
115
- interface HTMLFeaasPickerProps extends Omit<PickerProps<HTMLElement>, 'children'> {
116
- getAccessTokenSilently: (options: any) => Promise<string>;
117
- library: string;
118
- }
119
-
120
- export { CloudStylesheet as C, Datascopes as D, ExplicitTemplate as E, FEAASCustomizations as F, HTMLFeaasComponent as H, PickerProps as P, HTMLFeaasStylesheet as a, FEAASComponentProps as b, cleanCollectionBit as c, autoloadScripts as d, renderDOMElement as e, renderDOMContent as f, renderStylesheet as g, renderStylesheetPromise as h, renderComponent as i, renderComponentPromise as j, HTMLFeaasPickerProps as k, loadScript as l, CloudTemplate as m, normalizeCollectionScope as n, observeDOMElement as o, getComponentURL as p, queryScopes as q, renderComponentElement as r, setDOMAttribute as s, getStylesheetURL as t, fetchComponent as u, fetchStylesheet as v };
@@ -1,25 +0,0 @@
1
- import { H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations, C as CloudStylesheet, b as FEAASComponentProps } from './webcomponent-6b45b819.js';
2
- export { D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, k as HTMLFeaasPickerProps, a as HTMLFeaasStylesheet, P as PickerProps, d as autoloadScripts, c as cleanCollectionBit, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-6b45b819.js';
3
-
4
- declare function fetchAndRevalidate(url: Parameters<typeof fetch>[0], options: Parameters<typeof fetch>[1], validator: (resposne: Response) => boolean, callback: (response: Response, status: 'cached' | 'valid') => void): Promise<Response>;
5
-
6
- declare const _default: {
7
- HTMLFeaasComponent: typeof HTMLFeaasComponent;
8
- HTMLFeaasStylesheet: typeof HTMLFeaasStylesheet;
9
- renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
10
- cleanCollectionBit(path: string): string;
11
- normalizeCollectionScope(path: string): string;
12
- queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
13
- setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
14
- observeDOMElement(element: HTMLElement): MutationObserver;
15
- autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
16
- loadScript(element: HTMLElement, src: string): boolean;
17
- renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
18
- renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
19
- renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
20
- renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
21
- renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
22
- renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
23
- };
24
-
25
- export { _default as default, fetchAndRevalidate };
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import { b as FEAASComponentProps, C as CloudStylesheet, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations } from './webcomponent-6b45b819.js';
3
- export { C as CloudStylesheet, m as CloudTemplate, D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, k as HTMLFeaasPickerProps, a as HTMLFeaasStylesheet, P as PickerProps, d as autoloadScripts, c as cleanCollectionBit, u as fetchComponent, v as fetchStylesheet, p as getComponentURL, t as getStylesheetURL, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-6b45b819.js';
4
-
5
- declare function Component(props: FEAASComponentProps): React.DetailedReactHTMLElement<{
6
- ref: React.MutableRefObject<HTMLElement>;
7
- className: string;
8
- }, HTMLElement>;
9
- declare function Stylesheet(props: CloudStylesheet): React.DetailedReactHTMLElement<{
10
- ref: React.MutableRefObject<HTMLStyleElement>;
11
- rel: string;
12
- className: string;
13
- 'data-library-id': string;
14
- }, HTMLStyleElement>;
15
- declare const _default: {
16
- Stylesheet: typeof Stylesheet;
17
- Component: typeof Component;
18
- HTMLFeaasComponent: typeof HTMLFeaasComponent;
19
- HTMLFeaasStylesheet: typeof HTMLFeaasStylesheet;
20
- renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
21
- cleanCollectionBit(path: string): string;
22
- normalizeCollectionScope(path: string): string;
23
- queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
24
- setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
25
- observeDOMElement(element: HTMLElement): MutationObserver;
26
- autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
27
- loadScript(element: HTMLElement, src: string): boolean;
28
- renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
29
- renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
30
- renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
31
- renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
32
- renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
33
- renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
34
- };
35
-
36
- export { Component, Stylesheet, _default as default };