@sitecore-feaas/clientside 0.0.3 → 0.0.4

package/react.js

@@ -1,3 +1,83 @@
-var at=Object.defineProperty,At=Object.defineProperties;var St=Object.getOwnPropertyDescriptors;var nt=Object.getOwnPropertySymbols;var wt=Object.prototype.hasOwnProperty,_t=Object.prototype.propertyIsEnumerable;var it=(t,e,r)=>e in t?at(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e||(e={}))wt.call(e,r)&&it(t,r,e[r]);if(nt)for(var r of nt(e))_t.call(e,r)&&it(t,r,e[r]);return t},w=(t,e)=>At(t,St(e));var ot=(t,e)=>{for(var r in e)at(t,r,{get:e[r],enumerable:!0})};var _=(t,e,r)=>new Promise((n,i)=>{var a=u=>{try{s(r.next(u))}catch(f){i(f)}},o=u=>{try{s(r.throw(u))}catch(f){i(f)}},s=u=>u.done?n(u.value):Promise.resolve(u.value).then(a,o);s((r=r.apply(t,e)).next())});import v from"react";function K(t,e,r,n){return _(this,null,function*(){let i=new Date,a=yield fetch(t,e);if(!a.ok)throw new Error("Fetch failed");let o=new Date(a.headers.get("date"));var s=a;if(n(a,"cached"),o<i){let u=yield fetch(t+"?"+Math.random(),w(A({},e),{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");s=yield fetch(t,w(A({},e),{cache:"reload"}))}}if(r(s)===!1)throw new Error("Response is not valid");return a!==s&&n(s,"valid"),s})}function Dt({hostname:t="https://feaascomponentsapidev.blob.core.windows.net",library:e,component:r,version:n,revision:i="published"}){return`${t}/components/${e}/${r}/${n}/${i}.html`}function Tt({hostname:t="https://feaascomponentsapidev.blob.core.windows.net",library:e,revision:r="published"}){return`${t}/styles/${e}/${r}.css`}function M(t,e){return _(this,null,function*(){return K(Dt(t),{},r=>r.headers.get("x-ms-meta-versionDeletedAt")==null,r=>{r.text().then(e)})})}function P(t,e){return _(this,null,function*(){return K(Tt(t),{},r=>r.headers.get("x-ms-meta-deletedAt")==null,r=>{r.text().then(e)})})}var tt={};ot(tt,{autoloadScripts:()=>yt,cleanCollectionBit:()=>ft,loadScript:()=>W,normalizeCollectionScope:()=>ht,observeDOMElement:()=>dt,queryScopes:()=>Z,renderComponent:()=>zt,renderComponentElement:()=>Nt,renderComponentPromise:()=>bt,renderDOMContent:()=>$,renderDOMElement:()=>E,renderStylesheet:()=>Jt,renderStylesheetPromise:()=>mt,setDOMAttribute:()=>L});function g(t){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?g=function(e){return typeof e}:g=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(t)}function Ct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mt(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J(t,e)}function I(t){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},I(t)}function J(t,e){return J=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},J(t,e)}function ut(){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(t){return!1}}function N(t,e,r){return ut()?N=Reflect.construct:N=function(i,a,o){var s=[null];s.push.apply(s,a);var u=Function.bind.apply(i,s),f=new u;return o&&J(f,o.prototype),f},N.apply(null,arguments)}function Pt(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function X(t){var e=typeof Map=="function"?new Map:void 0;return X=function(n){if(n===null||!Pt(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e!="undefined"){if(e.has(n))return e.get(n);e.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}}),J(i,n)},X(t)}function Ot(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Lt(t,e){return e&&(typeof e=="object"||typeof e=="function")?e:Ot(t)}function $t(t){var e=ut();return function(){var n=I(t),i;if(e){var a=I(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return Lt(this,i)}}function st(t){return Ht(t)||xt(t)||lt(t)||kt()}function Ht(t){if(Array.isArray(t))return Q(t)}function xt(t){if(typeof Symbol!="undefined"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function lt(t,e){if(!!t){if(typeof t=="string")return Q(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Q(t,e)}}function Q(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function kt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Rt(t,e){var r=typeof Symbol!="undefined"&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=lt(t))||e&&t&&typeof t.length=="number"){r&&(t=r);var n=0,i=function(){};return{s:i,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(u){throw u},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var a=!0,o=!1,s;return{s:function(){r=r.call(t)},n:function(){var u=r.next();return a=u.done,u},e:function(u){o=!0,s=u},f:function(){try{!a&&r.return!=null&&r.return()}finally{if(o)throw s}}}}var b=Object.prototype.hasOwnProperty;function B(t,e){return t=t.slice(),t.push(e),t}function O(t,e){return e=e.slice(),e.unshift(t),e}var jt=function(t){Mt(r,t);var e=$t(r);function r(n){var i;return Ct(this,r),i=e.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}(X(Error));function p(t,e,r,n,i){if(!(this instanceof p))try{return new p(t,e,r,n,i)}catch(u){if(!u.avoidNew)throw u;return u.value}typeof t=="string"&&(i=n,n=r,r=e,e=t,t=null);var a=t&&g(t)==="object";if(t=t||{},this.json=t.json||r,this.path=t.path||e,this.resultType=t.resultType||"value",this.flatten=t.flatten||!1,this.wrap=b.call(t,"wrap")?t.wrap:!0,this.sandbox=t.sandbox||{},this.preventEval=t.preventEval||!1,this.parent=t.parent||null,this.parentProperty=t.parentProperty||null,this.callback=t.callback||n||null,this.otherTypeCallback=t.otherTypeCallback||i||function(){throw new TypeError("You must supply an otherTypeCallback callback option with the @other() operator.")},t.autostart!==!1){var o={path:a?t.path:e};a?"json"in t&&(o.json=t.json):o.json=r;var s=this.evaluate(o);if(!s||g(s)!=="object")throw new jt(s);return s}}p.prototype.evaluate=function(t,e,r,n){var i=this,a=this.parent,o=this.parentProperty,s=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,e=e||this.json,t=t||this.path,t&&g(t)==="object"&&!Array.isArray(t)){if(!t.path&&t.path!=="")throw new TypeError('You must supply a "path" property when providing an object argument to JSONPath.evaluate().');if(!b.call(t,"json"))throw new TypeError('You must supply a "json" property when providing an object argument to JSONPath.evaluate().');var f=t;e=f.json,s=b.call(t,"flatten")?t.flatten:s,this.currResultType=b.call(t,"resultType")?t.resultType:this.currResultType,this.currSandbox=b.call(t,"sandbox")?t.sandbox:this.currSandbox,u=b.call(t,"wrap")?t.wrap:u,this.currPreventEval=b.call(t,"preventEval")?t.preventEval:this.currPreventEval,r=b.call(t,"callback")?t.callback:r,this.currOtherTypeCallback=b.call(t,"otherTypeCallback")?t.otherTypeCallback:this.currOtherTypeCallback,a=b.call(t,"parent")?t.parent:a,o=b.call(t,"parentProperty")?t.parentProperty:o,t=t.path}if(a=a||null,o=o||null,Array.isArray(t)&&(t=p.toPathString(t)),!(!t&&t!==""||!e)){var l=p.toPathArray(t);l[0]==="$"&&l.length>1&&l.shift(),this._hasParentSelector=null;var c=this._trace(l,e,["$"],a,o,r).filter(function(h){return h&&!h.isParentSelector});return c.length?!u&&c.length===1&&!c[0].hasArrExpr?this._getPreferredOutput(c[0]):c.reduce(function(h,d){var y=i._getPreferredOutput(d);return s&&Array.isArray(y)?h=h.concat(y):h.push(y),h},[]):u?[]:void 0}};p.prototype._getPreferredOutput=function(t){var e=this.currResultType;switch(e){case"all":{var r=Array.isArray(t.path)?t.path:p.toPathArray(t.path);return t.pointer=p.toPointer(r),t.path=typeof t.path=="string"?t.path:p.toPathString(t.path),t}case"value":case"parent":case"parentProperty":return t[e];case"path":return p.toPathString(t[e]);case"pointer":return p.toPointer(t.path);default:throw new TypeError("Unknown result type")}};p.prototype._handleCallback=function(t,e,r){if(e){var n=this._getPreferredOutput(t);t.path=typeof t.path=="string"?t.path:p.toPathString(t.path),e(n,r,t)}};p.prototype._trace=function(t,e,r,n,i,a,o,s){var u=this,f;if(!t.length)return f={path:r,value:e,parent:n,parentProperty:i,hasArrExpr:o},this._handleCallback(f,a,"value"),f;var l=t[0],c=t.slice(1),h=[];function d(m){Array.isArray(m)?m.forEach(function(T){h.push(T)}):h.push(m)}if((typeof l!="string"||s)&&e&&b.call(e,l))d(this._trace(c,e[l],B(r,l),e,l,a,o));else if(l==="*")this._walk(l,c,e,r,n,i,a,function(m,T,x,F,C,k,R,j){d(u._trace(O(m,x),F,C,k,R,j,!0,!0))});else if(l==="..")d(this._trace(c,e,r,n,i,a,o)),this._walk(l,c,e,r,n,i,a,function(m,T,x,F,C,k,R,j){g(F[m])==="object"&&d(u._trace(O(T,x),F[m],B(C,m),F,m,j,!0))});else{if(l==="^")return this._hasParentSelector=!0,{path:r.slice(0,-1),expr:c,isParentSelector:!0};if(l==="~")return f={path:B(r,l),value:i,parent:n,parentProperty:null},this._handleCallback(f,a,"property"),f;if(l==="$")d(this._trace(c,e,r,null,null,a,o));else if(/^(\x2D?[0-9]*):(\x2D?[0-9]*):?([0-9]*)$/.test(l))d(this._slice(l,c,e,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,e,r,n,i,a,function(m,T,x,F,C,k,R,j){u._eval(T.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,C,k,R)&&d(u._trace(O(m,x),F,C,k,R,j,!0))})}else if(l[0]==="("){if(this.currPreventEval)throw new Error("Eval [(expr)] prevented in JSONPath expression.");d(this._trace(O(this._eval(l,e,r[r.length-1],r.slice(0,-1),n,i),c),e,r,n,i,a,o))}else if(l[0]==="@"){var y=!1,D=l.slice(1,-2);switch(D){case"scalar":(!e||!["object","function"].includes(g(e)))&&(y=!0);break;case"boolean":case"string":case"undefined":case"function":g(e)===D&&(y=!0);break;case"integer":Number.isFinite(e)&&!(e%1)&&(y=!0);break;case"number":Number.isFinite(e)&&(y=!0);break;case"nonFinite":typeof e=="number"&&!Number.isFinite(e)&&(y=!0);break;case"object":e&&g(e)===D&&(y=!0);break;case"array":Array.isArray(e)&&(y=!0);break;case"other":y=this.currOtherTypeCallback(e,r,n,i);break;case"null":e===null&&(y=!0);break;default:throw new TypeError("Unknown value type "+D)}if(y)return f={path:r,value:e,parent:n,parentProperty:i},this._handleCallback(f,a,"value"),f}else if(l[0]==="`"&&e&&b.call(e,l.slice(1))){var Y=l.slice(1);d(this._trace(c,e[Y],B(r,Y),e,Y,a,o,!0))}else if(l.includes(",")){var vt=l.split(","),z=Rt(vt),rt;try{for(z.s();!(rt=z.n()).done;){var Et=rt.value;d(this._trace(O(Et,c),e,r,n,i,a,!0))}}catch(m){z.e(m)}finally{z.f()}}else!s&&e&&b.call(e,l)&&d(this._trace(c,e[l],B(r,l),e,l,a,o,!0))}if(this._hasParentSelector)for(var S=0;S<h.length;S++){var q=h[S];if(q&&q.isParentSelector){var H=this._trace(q.expr,e,q.path,n,i,a,o);if(Array.isArray(H)){h[S]=H[0];for(var Ft=H.length,G=1;G<Ft;G++)S++,h.splice(S,0,H[G])}else h[S]=H}}return h};p.prototype._walk=function(t,e,r,n,i,a,o,s){if(Array.isArray(r))for(var u=r.length,f=0;f<u;f++)s(f,t,e,r,n,i,a,o);else r&&g(r)==="object"&&Object.keys(r).forEach(function(l){s(l,t,e,r,n,i,a,o)})};p.prototype._slice=function(t,e,r,n,i,a,o){if(!!Array.isArray(r)){var s=r.length,u=t.split(":"),f=u[2]&&Number.parseInt(u[2])||1,l=u[0]&&Number.parseInt(u[0])||0,c=u[1]&&Number.parseInt(u[1])||s;l=l<0?Math.max(0,l+s):Math.min(s,l),c=c<0?Math.max(0,c+s):Math.min(s,c);for(var h=[],d=l;d<c;d+=f){var y=this._trace(O(d,e),r,n,i,a,o,!0);y.forEach(function(D){h.push(D)})}return h}};p.prototype._eval=function(t,e,r,n,i,a){t.includes("@parentProperty")&&(this.currSandbox._$_parentProperty=a,t=t.replace(/@parentProperty/g,"_$_parentProperty")),t.includes("@parent")&&(this.currSandbox._$_parent=i,t=t.replace(/@parent/g,"_$_parent")),t.includes("@property")&&(this.currSandbox._$_property=r,t=t.replace(/@property/g,"_$_property")),t.includes("@path")&&(this.currSandbox._$_path=p.toPathString(n.concat([r])),t=t.replace(/@path/g,"_$_path")),t.includes("@root")&&(this.currSandbox._$_root=this.json,t=t.replace(/@root/g,"_$_root")),/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/.test(t)&&(this.currSandbox._$_v=e,t=t.replace(/@([\t-\r \)\.\[\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF])/g,"_$_v$1"));try{return this.vm.runInNewContext(t,this.currSandbox)}catch(o){throw console.log(o),new Error("jsonPath: "+o.message+": "+t)}};p.cache={};p.toPathString=function(t){for(var e=t,r=e.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(e[i])||(n+=/^[\*0-9]+$/.test(e[i])?"["+e[i]+"]":"['"+e[i]+"']");return n};p.toPointer=function(t){for(var e=t,r=e.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(e[i])||(n+="/"+e[i].toString().replace(/~/g,"~0").replace(/\//g,"~1"));return n};p.toPathArray=function(t){var e=p.cache;if(e[t])return e[t].concat();var r=[],n=t.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,o){return"[#"+(r.push(o)-1)+"]"}).replace(/\[["']((?:(?!['\]])[\s\S])*)["']\]/g,function(a,o){return"['"+o.replace(/\./g,"%@%").replace(/~/g,"%%@@%%")+"']"}).replace(/~/g,";~;").replace(/["']?\.["']?(?!(?:(?!\[)[\s\S])*\])|\[["']?/g,";").replace(/%@%/g,".").replace(/%%@@%%/g,"~").replace(/(?:;)?(\^+)(?:;)?/g,function(a,o){return";"+o.split("").join(";")+";"}).replace(/;;;|;;/g,";..;").replace(/;$|'?\]|'$/g,""),i=n.split(";").map(function(a){var o=a.match(/#([0-9]+)/);return!o||!o[1]?a:r[o[1]]});return e[t]=i,e[t].concat()};var Bt=function(e,r,n){for(var i=e.length,a=0;a<i;a++){var o=e[a];n(o)&&r.push(e.splice(a--,1)[0])}};p.prototype.vm={runInNewContext:function(e,r){var n=Object.keys(r),i=[];Bt(n,i,function(f){return typeof r[f]=="function"});var a=n.map(function(f,l){return r[f]}),o=i.reduce(function(f,l){var c=r[l].toString();return/function/.test(c)||(c="function "+c),"var "+l+"="+c+";"+f},"");e=o+e,!/(["'])use strict\1/.test(e)&&!n.includes("arguments")&&(e="var arguments = undefined;"+e),e=e.replace(/;[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*$/,"");var s=e.lastIndexOf(";"),u=s>-1?e.slice(0,s+1)+" return "+e.slice(s+1):" return "+e;return N(Function,st(n).concat([u])).apply(void 0,st(a))}};function Nt(t,e){let r=document.createElement("div");r.innerHTML=t;let n=document.createDocumentFragment();for(;r.firstChild;)n.appendChild(r.firstChild);return E(n,e),r}function ft(t){return t.replace(/(\[[^\]\[]+\]|\.\*)$/g,"")}function ht(t){return ft(t)+".*"}function pt(t){let e=t.getAttribute("data-path-scope");for(var r=0,n=t;n=n.previousElementSibling;)n.getAttribute("data-path-scope")==e&&r++;return r}function It(t,e,r){let n=t.getAttribute("data-path-scope");if(n==null)return;var i=pt(t);if(i!=0)return;let a=t.parentElement;if(a!=null){e==0?t.style.display="none":t.style.display&&(t.style.display="",t.getAttribute("style")==""&&t.removeAttribute("style"));for(var o=i+1,s=t,u=t;u=u.nextElementSibling;)u.getAttribute("data-path-scope")==n&&(o++,s=u);for(var f=o;f<e;f++)a.insertBefore(s.cloneNode(!0),s.nextElementSibling);for(var f=Math.max(1,e);f<o;f++)s=s.previousElementSibling,a.removeChild(s.nextElementSibling)}}function Z(t,e,r=!1,n=t){var i=e;let a=Object.keys(t).sort((s,u)=>u.length-s.length);for(let s of a)if(e.startsWith(s)){if(s==e){if(r)return t[s];continue}i=e.substring(s.length+1),n=t[s];break}let o=p({path:i,json:n});return r&&o&&Array.isArray(o)?o[0]:o}function L(t,e,r,n){var l;if(!!t){var i=t;n!=null&&n.processValue&&(r=n==null?void 0:n.processValue(t,e,r));var a=e.replace("data-path-","");if(e=="data-path-src")i=t.tagName=="IMG"?t:t.querySelector("img, video");else if(e=="data-path-href")i=t.querySelector("a")||t.closest("a");else if(e=="data-path-alt")i=t.querySelector("img, picture");else if(e=="data-path-hidden")r=r?null:!0;else if(e=="data-path"||e=="data-embed-html"||e=="html")a="innerHTML";else if(e=="data-embed-src")W(t,r);else if(e=="data-path-attributes"){let c=((l=t.getAttribute("data-attributes-keys"))==null?void 0:l.split(",").filter(Boolean))||[];for(var o in r){var s=r[o];L(t,o,typeof s=="object"&&s?JSON.stringify(s):s,n)}for(var u=0;u<c.length;u++)(r==null||!(c[u]in r))&&L(t,c[u],null,n);L(t,"data-attributes-keys",Object.keys(r||{}).join(","));return}if(typeof r=="boolean"&&(r=r?"":null),!!i){var f=String(t.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=f:i.removeAttribute(a)}}}function dt(t){let e=new t.ownerDocument.defaultView.MutationObserver(r=>{r.forEach(n=>{let i=n.target,a=i.getAttribute("data-embed-src");a&&W(i,a),n.addedNodes&&n.addedNodes.forEach(o=>{o.nodeType==1&&yt(o,!1)})})});return e.observe(t,{attributes:!0,subtree:!0,childList:!0}),e}function yt(t,e=!0){let r=t.querySelectorAll("[data-embed-src]");for(var n=0;n<r.length;n++){let i=r[n];W(i,i.getAttribute("data-embed-src"))}if(e)return dt(t)}function W(t,e){for(var r=t;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")==e)return!0;r.tagName=="HTML"&&(r=r.querySelector("head")||r);let a=r.ownerDocument.createElement("script");a.type="module",a.src=e,r.appendChild(a);break}}var ct=["data-attributes-keys","data-path-attributes","data-path-scope"];function E(t,e,r,n){var o,s,u;let i=t;if(n||(e=((o=r==null?void 0:r.processData)==null?void 0:o.call(r,i,e))||e),i.nodeType==1){let f=i.getAttribute("data-path-scope");if(f){let c=pt(i),h=Z(e,f,!1)||[];c==0&&It(i,((s=r==null?void 0:r.shouldRepeat)==null?void 0:s.call(r,i,h))===!1?1:h.length,r),e=w(A({},e),{[ht(f)]:h[c]})}let l=Array.prototype.slice.call(i.attributes).sort((c,h)=>ct.indexOf(c.name)-ct.indexOf(h.name));for(var a=0;a<l.length;a++){let{name:c,value:h}=l[a];c.startsWith("data-path")&&c!="data-path-scope"&&L(i,c,Z(e,h,!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],e,r,!0);return n||(u=r==null?void 0:r.onRender)==null||u.call(r,i,e),i}function $(t,e,r,n){var a;let i=((a=n==null?void 0:n.processTemplate)==null?void 0:a.call(n,t,e,r))||e;return t.innerHTML=i,t.classList.add("-feaas"),E(t,r,n)}function Jt(t,e){return mt(t,e||(e=document.createElement("style"))),e}function mt(t,e){return e||(e=document.createElement("style")),P(t,r=>{e.textContent=r}).then(()=>e)}function zt(t,e){return bt(t,e||(e=document.createElement("div"))),e}function bt(t,e){return _(this,null,function*(){return e||(e=document.createElement("div")),e.childNodes.length?E(e,t.data,t):"template"in t?$(e,t.template,t.data,t):M(t,r=>$(e,r,t.data,t)).then(()=>e)})}var et={};ot(et,{HTMLFeaasComponent:()=>U,HTMLFeaasStylesheet:()=>V});var gt=typeof HTMLElement=="undefined"?class{}:HTMLElement,U=class extends gt{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=="data"&&this.children.length>0?this.update():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,M(r,n=>{this.template=n,this.isFetching=!1,$(this,this.template,r.data)}).catch(()=>{console.error(`FEAAS: Could not fetch component: ${r.component}/${r.version}/${r.revision}`)})):$(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}}},V=class extends gt{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();P(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}}};typeof window!="undefined"&&!window.customElements.get("feaas-stylesheet")&&(window.customElements.define("feaas-stylesheet",V),window.customElements.define("feaas-component",U));function qt(t){let[e,r]=v.useState("template"in t?t.template:null),n=t.data,i=v.useRef(null);return v.useEffect(()=>{e==null&&!("template"in t)&&M(t,r).catch(()=>{console.error(`FEAAS: Could not fetch component: ${t.library}/${t.component}/${t.version}/${t.revision}`)})},"template"in t?[t.template,null,null,null]:[t.library,t.component,t.version,t.revision,t.hostname]),v.useEffect(()=>{i.current&&e&&(i.current.innerHTML=e)},[i,e]),v.useEffect(()=>{e&&i.current&&E(i.current,n||{},t)},[i,e,n]),v.createElement("div",{ref:i,className:"-feaas"})}function Wt(t){let e=v.useRef(null),[r,n]=v.useState("");return v.useEffect(()=>{P(t,n).catch(i=>{console.error(`FEAAS: Could not fetch stylesheet for library ${t.library}`)})},[t.hostname,t.library]),v.createElement("style",{ref:e,rel:"stylesheet",className:"-stylesheet","data-library-id":t.library},[r])}var fe=w(A(A({},tt),et),{Stylesheet:Wt,Component:qt});export{qt as Component,U as HTMLFeaasComponent,V as HTMLFeaasStylesheet,Wt as Stylesheet,yt as autoloadScripts,ft as cleanCollectionBit,fe as default,M as fetchComponent,P as fetchStylesheet,Dt as getComponentURL,Tt as getStylesheetURL,W as loadScript,ht as normalizeCollectionScope,dt as observeDOMElement,Z as queryScopes,zt as renderComponent,Nt as renderComponentElement,bt as renderComponentPromise,$ as renderDOMContent,E as renderDOMElement,Jt as renderStylesheet,mt as renderStylesheetPromise,L as setDOMAttribute};
+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.
+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.
+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.appendChild(this.script))}getProps(){return{mode:this.getAttribute("mode"),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.load()):this.getAttribute(i)!=String(a)&&this.setAttribute(i,String(a))}this.mode?this.removeAttribute("hidden"):this.getAttribute("hidden")==null&&this.setAttribute("hidden","hidden"),this.element&&this.element.set&&(this.element.onClose=this.onClose,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=`
+#loader {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f6f6ff;
+  z-index: 1000;
+  opacity: 1;
+  transition: top 0.3s, background-color 0.7s 0.3s;
+}
+@keyframes loader-disappearance {
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes loader-appearance {
+  0% {
+    opacity: 0;
+  }
+}
+@keyframes loader-circular-track {
+  0% {
+    stroke-dasharray: 1, 400;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -100;
+  }
+  100% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -260;
+  }
+}
+
+@keyframes loader-circular-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+#loader .spinner {
+  animation: loader-disappearance 0.6s both;
+  width: 48px;
+  height: 48px;
+}
+#loader .spinner {
+  animation: loader-appearance 0.6s both;
+}
+`,this.root=this.attachShadow({mode:"open"}),this.loader=document.createElement("div"),this.loader.id="loader",this.loader.innerHTML=`
+<div class="spinner">
+  <svg
+    viewBox="0 0 100 100"
+    style="
+      animation: 2s linear 0s infinite normal none running loader-circular-spinner;
+      display: block;
+      width: 48px;
+      height: 48px;
+    "
+  >
+    <circle fill="transparent" cx="50" cy="50" r="42" stroke="rgba(0,0,0,0.1)" stroke-width="10px"></circle>
+    <circle
+      fill="transparent"
+      stroke="#5548D9"
+      cx="50"
+      cy="50"
+      r="42"
+      stroke-width="10px"
+      stroke-linecap="round"
+      style="animation: 1.5s linear 0s infinite normal none running loader-circular-track"
+    ></circle>
+  </svg>
+</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};

package/src/webcomponent.ts

@@ -19,6 +19,10 @@ declare global {
         hostname?: string
         children?: any
       }
+      'feaas-picker': {
+        library: string
+        mode?: string
+      }
     }
   }
 }
@@ -35,6 +39,7 @@ export class HTMLFeaasComponent extends WebComponent {
   template: string = null
   data: any = undefined
   isFetching: boolean = false
+  rendering: ReturnType<typeof requestAnimationFrame>
 
   connectedCallback() {
     this.connected = true
@@ -47,11 +52,16 @@ export class HTMLFeaasComponent extends WebComponent {
     if (!this.connected) return
     if (name == 'template') {
       this.template = newValue
+    } else if (name != 'date') {
+      this.template = null
     }
     if (name == 'data' && this.children.length > 0) {
       this.update()
     } else {
-      this.render()
+      cancelAnimationFrame(this.rendering)
+      this.rendering = requestAnimationFrame(() => {
+        this.render()
+      })
     }
   }
 
@@ -162,8 +172,201 @@ export class HTMLFeaasStylesheet extends WebComponent {
     }
   }
 }
+export interface PickerProps<T = HTMLElement> {
+  children?: any
+  context?: T
+  isOpen?: boolean
+  mode?: 'library' | 'stylesheet'
+  src?: string
+  onClose?: () => any
+}
+export interface HTMLFeaasPickerProps extends Omit<PickerProps<HTMLElement>, 'children'> {
+  getAccessTokenSilently: (options: any) => Promise<string>
+  library: string
+}
+
+interface HTMLFeaasPickerLazy extends HTMLFeaasPickerProps {}
+class HTMLFeaasPickerLazy extends WebComponent {
+  static get observedAttributes() {
+    return ['library', 'mode', 'hidden', 'src']
+  }
+
+  src = 'https://components.sitecorecloud.io/assets/picker.js'
+
+  script: HTMLScriptElement
+  element: HTMLFeaasPickerLazy
+  loader: HTMLFeaasLoader
+
+  connectedCallback() {
+    this.loader = document.createElement('feaas-loader') as HTMLFeaasLoader
+    this.loader.style.cssText = 'position: absolute; top: 0; left: 0; right: 0;bottom: 0; '
+    this.appendChild(this.loader)
+  }
+
+  load() {
+    if (!this.script) {
+      this.script = document.createElement('script')
+      this.script.type = 'module'
+      this.script.onload = this.onScriptLoaded
+      this.script.src = this.src
+      this.appendChild(this.script)
+    }
+  }
+
+  getProps() {
+    return {
+      mode: this.getAttribute('mode') as PickerProps['mode'],
+      library: this.getAttribute('library'),
+      src: this.getAttribute('src')
+    }
+  }
+
+  attributeChangedCallback(name: string, oldValue: string, newValue: string) {
+    this.set(this.getProps())
+  }
+
+  set(options: Partial<HTMLFeaasPickerProps>) {
+    Object.assign(this, options)
+    const keys = Object.keys(this.getProps())
+    for (var key of keys) {
+      const value = this[key as keyof typeof this]
+      if (value == null) {
+        this.removeAttribute(key)
+        this.load()
+      } else if (this.getAttribute(key) != String(value)) {
+        this.setAttribute(key, String(value))
+      }
+    }
+    if (this.mode) {
+      this.removeAttribute('hidden')
+    } else if (this.getAttribute('hidden') == null) {
+      this.setAttribute('hidden', 'hidden')
+    }
+    if (this.element && this.element.set) {
+      this.element.onClose = this.onClose
+      this.element.set(options)
+    }
+  }
+
+  onClose = () => {
+    this.set({
+      mode: null
+    })
+  }
+
+  onScriptLoaded = () => {
+    this.element = document.createElement('feaas-picker') as HTMLFeaasPickerLazy
+    this.element.style.cssText = 'border: 0; width: 100%; height: 100%; display: block'
+    this.appendChild(this.element)
+    this.set(this.getProps())
+  }
+}
+
+class HTMLFeaasLoader extends WebComponent {
+  stylesheet: HTMLStyleElement
+  root: ShadowRoot
+  loader: HTMLDivElement
+
+  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 = `
+#loader {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f6f6ff;
+  z-index: 1000;
+  opacity: 1;
+  transition: top 0.3s, background-color 0.7s 0.3s;
+}
+@keyframes loader-disappearance {
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes loader-appearance {
+  0% {
+    opacity: 0;
+  }
+}
+@keyframes loader-circular-track {
+  0% {
+    stroke-dasharray: 1, 400;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -100;
+  }
+  100% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -260;
+  }
+}
+
+@keyframes loader-circular-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+#loader .spinner {
+  animation: loader-disappearance 0.6s both;
+  width: 48px;
+  height: 48px;
+}
+#loader .spinner {
+  animation: loader-appearance 0.6s both;
+}
+`
+    this.root = this.attachShadow({ mode: 'open' })
+    this.loader = document.createElement('div')
+    this.loader.id = 'loader'
+    this.loader.innerHTML = `
+<div class="spinner">
+  <svg
+    viewBox="0 0 100 100"
+    style="
+      animation: 2s linear 0s infinite normal none running loader-circular-spinner;
+      display: block;
+      width: 48px;
+      height: 48px;
+    "
+  >
+    <circle fill="transparent" cx="50" cy="50" r="42" stroke="rgba(0,0,0,0.1)" stroke-width="10px"></circle>
+    <circle
+      fill="transparent"
+      stroke="#5548D9"
+      cx="50"
+      cy="50"
+      r="42"
+      stroke-width="10px"
+      stroke-linecap="round"
+      style="animation: 1.5s linear 0s infinite normal none running loader-circular-track"
+    ></circle>
+  </svg>
+</div>`
+    this.shadowRoot.appendChild(this.stylesheet)
+    this.shadowRoot.appendChild(this.loader)
+  }
+}
 
 if (typeof window != 'undefined' && !window.customElements.get('feaas-stylesheet')) {
   window.customElements.define('feaas-stylesheet', HTMLFeaasStylesheet)
   window.customElements.define('feaas-component', HTMLFeaasComponent)
+  window.customElements.define('feaas-picker-lazy', HTMLFeaasPickerLazy)
+  window.customElements.define('feaas-loader', HTMLFeaasLoader)
 }

package/{webcomponent-7a0e7c34.d.ts → webcomponent-6b45b819.d.ts}

@@ -62,6 +62,10 @@ declare global {
                 hostname?: string;
                 children?: any;
             };
+            'feaas-picker': {
+                library: string;
+                mode?: string;
+            };
         }
     }
 }
@@ -75,6 +79,7 @@ declare class HTMLFeaasComponent extends WebComponent {
     template: string;
     data: any;
     isFetching: boolean;
+    rendering: ReturnType<typeof requestAnimationFrame>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
@@ -99,5 +104,17 @@ declare class HTMLFeaasStylesheet extends WebComponent {
         hostname: string;
     };
 }
+interface PickerProps<T = HTMLElement> {
+    children?: any;
+    context?: T;
+    isOpen?: boolean;
+    mode?: 'library' | 'stylesheet';
+    src?: string;
+    onClose?: () => any;
+}
+interface HTMLFeaasPickerProps extends Omit<PickerProps<HTMLElement>, 'children'> {
+    getAccessTokenSilently: (options: any) => Promise<string>;
+    library: string;
+}
 
-export { CloudStylesheet as C, Datascopes as D, ExplicitTemplate as E, FEAASCustomizations as F, HTMLFeaasComponent as H, 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, CloudTemplate as k, loadScript as l, getComponentURL as m, normalizeCollectionScope as n, observeDOMElement as o, getStylesheetURL as p, queryScopes as q, renderComponentElement as r, setDOMAttribute as s, fetchComponent as t, fetchStylesheet as u };
+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 };