UNPKG

@teamhive/lottie-player

Version:

Lottie animation web component.

1 lines 16.2 kB
var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(t.hasOwnProperty(r))e[r]=t[r]};return e(t,r)};return function(t,r){e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{f(n.next(e))}catch(t){i(t)}}function o(e){try{f(n["throw"](e))}catch(t){i(t)}}function f(e){e.done?r(e.value):a(e.value).then(s,o)}f((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return f([e,t])}}function f(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(o){s=[6,o];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var i=arguments[t],s=0,o=i.length;s<o;s++,a++)n[a]=i[s];return n};System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n="lottie-player";var a=0;var i=false;var s;var o;var f=false;var l=window;var u=document;var c={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)}};var $=function(){return!!u.documentElement.attachShadow}();var v=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var h=new WeakMap;var d=function(e){return h.get(e)};var m=e("r",(function(e,t){return h.set(t.$lazyInstance$=e,t)}));var p=function(e){{var t={$flags$:0,$hostElement$:e,$instanceValues$:new Map};t.$onReadyPromise$=new Promise((function(e){return t.$onReadyResolve$=e}));return h.set(e,t)}};var g=function(e,t){return t in e};var y=function(e){return console.error(e)};var b=new Map;var w=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleIds$;var s=b.get(i);if(s){return s[a]}return t.import("./"+i+".entry.js"+"").then((function(e){{b.set(i,e)}return e[a]}),y)};var S=new Map;var _=[];var j=[];var E=[];var R=function(e,t){return function(r){e.push(r);if(!i){i=true;if(t&&c.$flags$&4){L(O)}else{c.raf(O)}}}};var x=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(r){y(r)}}e.length=0};var C=function(e,t){var r=0;var n=0;while(r<e.length&&(n=performance.now())<t){try{e[r++](n)}catch(a){y(a)}}if(r===e.length){e.length=0}else if(r!==0){e.splice(0,r)}};var O=function(){a++;x(_);var e=(c.$flags$&6)===2?performance.now()+10*Math.ceil(a*(1/22)):Infinity;C(j,e);C(E,e);if(j.length>0){E.push.apply(E,j);j.length=0}if(i=_.length+j.length+E.length>0){c.raf(O)}else{a=0}};var L=function(e){return Promise.resolve().then(e)};var A=R(j,true);var N={};var P="http://www.w3.org/2000/svg";var U=function(e){return e!=null};var T=function(e){e=typeof e;return e==="object"||e==="function"};var k=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var M=e("a",(function(){if(!(l.CSS&&l.CSS.supports&&l.CSS.supports("color","var(--c)"))){return t.import("./p-9b741424.system.js").then((function(){c.$cssShim$=l.__stencil_cssshim;if(c.$cssShim$){return c.$cssShim$.initShim()}}))}return Promise.resolve()}));var I=e("p",(function(){return __awaiter(r,void 0,void 0,(function(){var e,r,a,i,s;return __generator(this,(function(o){switch(o.label){case 0:{c.$cssShim$=l.__stencil_cssshim}e=t.meta.url;r=new RegExp("/"+n+"(\\.esm)?\\.js($|\\?|#)");a=Array.from(u.querySelectorAll("script")).find((function(e){return r.test(e.src)||e.getAttribute("data-stencil-namespace")===n}));i=a["data-opts"];if(!(e!==""))return[3,1];return[2,Object.assign(Object.assign({},i),{resourcesUrl:new URL(".",e).href})];case 1:s=new URL(".",new URL(a.getAttribute("data-resources-url")||a.src,l.location.href));z(s.href);if(!!window.customElements)return[3,3];return[4,t.import("./p-5b416380.system.js")];case 2:o.sent();o.label=3;case 3:return[2,Object.assign(Object.assign({},i),{resourcesUrl:s.href})]}}))}))}));var z=function(e){var t=k(n);try{l[t]=new Function("w","return import(w);//"+Math.random())}catch(a){var r=new Map;l[t]=function(n){var a=new URL(n,e).href;var i=r.get(a);if(!i){var s=u.createElement("script");s.type="module";s.src=URL.createObjectURL(new Blob(["import * as m from '"+a+"'; window."+t+".m = m;"],{type:"application/javascript"}));i=new Promise((function(e){s.onload=function(){e(l[t].m);s.remove()}}));r.set(a,i);u.head.appendChild(s)}return i}}};var B=function(e,t){if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var H="hydrated";var V=new WeakMap;var q=function(e,t,r){var n=S.get(e);if(v&&r){n=n||new CSSStyleSheet;n.replace(t)}else{n=t}S.set(e,n)};var F=function(e,t,r,n){var a=W(t.$tagName$);var i=S.get(a);e=e.nodeType===11?e:u;if(i){if(typeof i==="string"){e=e.head||e;var s=V.get(e);var o=void 0;if(!s){V.set(e,s=new Set)}if(!s.has(a)){{if(c.$cssShim$){o=c.$cssShim$.createHostStyle(n,a,i,!!(t.$flags$&10));var f=o["s-sc"];if(f){a=f;s=null}}else{o=u.createElement("style");o.setAttribute("data-styles","");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArrays(e.adoptedStyleSheets,[i])}}return a};var G=function(e,t,r){var n=F($&&e.shadowRoot?e.shadowRoot:e.getRootNode(),t,r,e);if(t.$flags$&10){e["s-sc"]=n;e.classList.add(n+"-h")}};var W=function(e,t){return"sc-"+e};var D=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=false;var s=false;var o=[];var f=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!T(a)){a=String(a)}if(i&&s){o[o.length-1].$text$+=a}else{o.push(i?{$flags$:0,$text$:a}:a)}s=i}}};f(r);if(t){{var l=t.className||t.class;if(l){t.class=typeof l!=="object"?l:Object.keys(l).filter((function(e){return l[e]})).join(" ")}}}var u={$flags$:0,$tag$:e,$children$:o.length>0?o:null,$elm$:undefined,$attrs$:t};return u}));var Q={};var J=function(e){return e&&e.$tag$===Q};var K=function(e,t,r,n,a,i){if(r===n){return}var s=g(e,t);var o=t.toLowerCase();if(t==="class"){var f=e.classList;X(r).forEach((function(e){return f.remove(e)}));X(n).forEach((function(e){return f.add(e)}))}else if(t==="style"){{for(var l in r){if(!n||n[l]==null){if(l.includes("-")){e.style.removeProperty(l)}else{e.style[l]=""}}}}for(var l in n){if(!r||n[l]!==r[l]){if(l.includes("-")){e.style.setProperty(l,n[l])}else{e.style[l]=n[l]}}}}else if(t==="ref"){if(n){n(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.substr(3)}else if(g(e,o)){t=o.substr(2)}else{t=o[2]+t.substr(3)}if(r){c.rel(e,t,r,false)}if(n){c.ael(e,t,n,false)}}else{var u=T(n);if((s||u&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var $=n==null?"":n;if(r==null||e[t]!=$){e[t]=$}}else{e[t]=n}}catch(v){}}if(n==null||n===false){{e.removeAttribute(t)}}else if((!s||i&4||a)&&!u){n=n===true?"":n;{e.setAttribute(t,n)}}}};var X=function(e){return!e?[]:e.split(/\s+/).filter((function(e){return e}))};var Y=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||N;var s=t.$attrs$||N;{for(n in i){if(!(n in s)){K(a,n,i[n],undefined,r,t.$flags$)}}}for(n in s){K(a,n,i[n],s[n],r,t.$flags$)}};var Z=function(e,t,r,n){var a=t.$children$[r];var i=0;var o;var l;if(U(a.$text$)){a.$elm$=u.createTextNode(a.$text$)}else{o=a.$elm$=f||a.$tag$==="svg"?u.createElementNS(P,a.$tag$):u.createElement(a.$tag$);{f=a.$tag$==="svg"?true:a.$tag$==="foreignObject"?false:f}{Y(null,a,f)}if(U(s)&&o["s-si"]!==s){o.classList.add(o["s-si"]=s)}if(a.$children$){for(i=0;i<a.$children$.length;++i){l=Z(e,a,i);if(l){o.appendChild(l)}}}{if(a.$tag$==="svg"){f=false}else if(a.$elm$.tagName==="foreignObject"){f=true}}}return a.$elm$};var ee=function(e,t,r,n,a,i){var s=e;var f;if(s.shadowRoot&&s.tagName===o){s=s.shadowRoot}for(;a<=i;++a){if(n[a]){f=Z(null,r,a);if(f){n[a].$elm$=f;s.insertBefore(f,t)}}}};var te=function(e,t,r,n){for(;t<=r;++t){if(U(e[t])){n=e[t].$elm$;ie(e[t],true);n.remove()}}};var re=function(e,t,r,n){var a=0;var i=0;var s=t.length-1;var o=t[0];var f=t[s];var l=n.length-1;var u=n[0];var c=n[l];var $;while(a<=s&&i<=l){if(o==null){o=t[++a]}else if(f==null){f=t[--s]}else if(u==null){u=n[++i]}else if(c==null){c=n[--l]}else if(ne(o,u)){ae(o,u);o=t[++a];u=n[++i]}else if(ne(f,c)){ae(f,c);f=t[--s];c=n[--l]}else if(ne(o,c)){ae(o,c);e.insertBefore(o.$elm$,f.$elm$.nextSibling);o=t[++a];c=n[--l]}else if(ne(f,u)){ae(f,u);e.insertBefore(f.$elm$,o.$elm$);f=t[--s];u=n[++i]}else{{$=Z(t&&t[i],r,i);u=n[++i]}if($){{o.$elm$.parentNode.insertBefore($,o.$elm$)}}}}if(a>s){ee(e,n[l+1]==null?null:n[l+1].$elm$,r,n,i,l)}else if(i>l){te(t,a,s)}};var ne=function(e,t){if(e.$tag$===t.$tag$){return true}return false};var ae=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;{f=r&&U(r.parentNode)&&r.ownerSVGElement!==undefined;f=t.$tag$==="svg"?true:t.$tag$==="foreignObject"?false:f}if(!U(t.$text$)){{{Y(e,t,f)}}if(U(n)&&U(a)){re(r,n,t,a)}else if(U(a)){if(U(e.$text$)){r.textContent=""}ee(r,null,t,a,0,a.length-1)}else if(U(n)){te(n,0,n.length-1)}}else if(e.$text$!==t.$text$){r.textContent=t.$text$}if(f&&t.$tag$==="svg"){f=false}};var ie=function(e,t){if(e){e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(t?null:e.$elm$);e.$children$&&e.$children$.forEach((function(e){ie(e,t)}))}};var se=function(e,t,r,n){o=e.tagName;var a=t.$vnode$||{$flags$:0};var i=J(n)?n:D(null,null,n);if(r.$attrsToReflect$){i.$attrs$=i.$attrs$||{};r.$attrsToReflect$.forEach((function(t){var r=t[0],n=t[1];return i.$attrs$[n]=e[r]}))}i.$tag$=null;i.$flags$|=4;t.$vnode$=i;i.$elm$=a.$elm$=e.shadowRoot||e;{s=e["s-sc"]}ae(a,i)};var oe=function(e,t,r,n){{t.$flags$|=16}var a=t.$lazyInstance$;var i=function(){return fe(e,t,r,a,n)};var s;return ve(s,(function(){return A(i)}))};var fe=function(e,t,r,n,a){{t.$flags$&=~16}{e["s-lr"]=false}if(a){G(e,r,t.$modeName$)}{{t.$flags$|=4;try{se(e,t,r,n.render())}catch(i){y(i)}t.$flags$&=~4}}if(c.$cssShim$){c.$cssShim$.updateHost(e)}{e["s-lr"]=true}{t.$flags$|=2}if(e["s-rc"].length>0){e["s-rc"].forEach((function(e){return e()}));e["s-rc"].length=0}le(e,t)};var le=function(e,t,r){if(!e["s-al"]){var n=t.$lazyInstance$;var a=t.$ancestorComponent$;if(!(t.$flags$&64)){t.$flags$|=64;{e.classList.add(H)}{$e(n,"componentDidLoad")}{t.$onReadyResolve$(e)}if(!a){ce()}}if(a){if(r=a["s-al"]){r.delete(e);if(r.size===0){a["s-al"]=undefined;a["s-init"]()}}t.$ancestorComponent$=undefined}}};var ue=function(e,t){{var r=d(e);if(r.$flags$&2){oe(e,r,t,false)}}};var ce=function(){{u.documentElement.classList.add(H)}{c.$flags$|=2}};var $e=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(n){y(n)}}return undefined};var ve=function(e,t){return e&&e.then?e.then(t):t()};var he=function(e,t){return d(e).$instanceValues$.get(t)};var de=function(e,t,r,n){var a=d(e);var i=a.$hostElement$;var s=a.$instanceValues$.get(t);var o=a.$flags$;var f=a.$lazyInstance$;r=B(r,n.$members$[t][0]);if(r!==s&&(!(o&8)||s===undefined)){a.$instanceValues$.set(t,r);if(f){if((o&(4|2|16))===2){oe(i,a,n,false)}}}};var me=function(e,t,r){if(t.$members$){var n=Object.entries(t.$members$);var a=e.prototype;n.forEach((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return he(this,n)},set:function(e){de(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=d(this);return r.$onReadyPromise$.then((function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)}))}})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;c.jmp((function(){var t=i.get(e);n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var pe=function(e,n,a,i,s){return __awaiter(r,void 0,void 0,(function(){var r,i,o,f;return __generator(this,(function(l){switch(l.label){case 0:if(!((n.$flags$&32)===0))return[3,5];n.$flags$|=32;s=w(a);if(!s.then)return[3,2];return[4,s];case 1:s=l.sent();l.label=2;case 2:if(!s.isProxied){me(s,a,2);s.isProxied=true}{n.$flags$|=8}try{new s(n)}catch(u){y(u)}{n.$flags$&=~8}r=W(a.$tagName$);if(!(!S.has(r)&&s.style))return[3,5];i=s.style;if(!(a.$flags$&8))return[3,4];return[4,t.import("./p-ed968002.system.js").then((function(e){return e.scopeCss(i,r,false)}))];case 3:i=l.sent();l.label=4;case 4:q(r,i,!!(a.$flags$&1));l.label=5;case 5:o=n.$ancestorComponent$;f=function(){return oe(e,n,a,true)};if(o&&o["s-lr"]===false&&o["s-rc"]){o["s-rc"].push(f)}else{f()}return[2]}}))}))};var ge=function(e,t){if((c.$flags$&1)===0){var r=d(e);if(!(r.$flags$&1)){r.$flags$|=1;{var n=e;while(n=n.parentNode||n.host){if(n["s-init"]&&n["s-lr"]===false){r.$ancestorComponent$=n;(n["s-al"]=n["s-al"]||new Set).add(e);break}}}if(t.$members$){Object.entries(t.$members$).forEach((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{L((function(){return pe(e,r,t)}))}}}};var ye=function(e){if((c.$flags$&1)===0){var t=d(e);if(c.$cssShim$){c.$cssShim$.removeHost(e)}}};var be=e("b",(function(e,t){if(t===void 0){t={}}var r=[];var n=t.exclude||[];var a=u.head;var i=l.customElements;var s=a.querySelector("meta[charset]");var o=u.createElement("style");var f;Object.assign(c,t);c.$resourcesUrl$=new URL(t.resourcesUrl||"./",u.baseURI).href;if(t.syncQueue){c.$flags$|=4}e.forEach((function(e){return e[1].forEach((function(t){var a={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{a.$attrsToReflect$=[]}if(!$&&a.$flags$&1){a.$flags$|=8}var s=a.$tagName$;var o=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;{r["s-lr"]=false;r["s-rc"]=[]}p(t);if(a.$flags$&1){if($){t.attachShadow({mode:"open"})}else if(!("shadowRoot"in t)){t.shadowRoot=t}}return r}t.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}c.jmp((function(){return ge(e,a)}))};t.prototype.disconnectedCallback=function(){var e=this;c.jmp((function(){return ye(e)}))};t.prototype["s-init"]=function(){var e=d(this);if(e.$lazyInstance$){le(this,e)}};t.prototype["s-hmr"]=function(e){};t.prototype.forceUpdate=function(){ue(this,a)};t.prototype.componentOnReady=function(){return d(this).$onReadyPromise$};return t}(HTMLElement);a.$lazyBundleIds$=e[0];if(!n.includes(s)&&!i.get(s)){r.push(s);i.define(s,me(o,a,1))}}))}));o.innerHTML=r+"{visibility:hidden}.hydrated{visibility:inherit}";o.setAttribute("data-styles","");a.insertBefore(o,s?s.nextSibling:a.firstChild);c.jmp((function(){return f=setTimeout(ce,30)}))}));var we=e("c",(function(e,t,r){var n=Se(e);return{emit:function(e){return n.dispatchEvent(new CustomEvent(t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e}))}}}));var Se=function(e){return d(e).$hostElement$}}}}));