@everymatrix/player-account-transactions-history 0.6.0 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{PlayerAccountTransactionsHistory-IcR-kBkk.cjs → PlayerAccountTransactionsHistory-BKGCHwj0.cjs} +1 -1
- package/components/{PlayerAccountTransactionsHistory-CmRLtw_A.js → PlayerAccountTransactionsHistory-DqytIQ9L.js} +1 -1
- package/components/{PlayerAccountTransactionsHistory-DvTe0wu0.js → PlayerAccountTransactionsHistory-iZkrhNmN.js} +1 -1
- package/es2015/player-account-transactions-history.cjs +1 -1
- package/es2015/player-account-transactions-history.js +1 -1
- package/esnext/player-account-transactions-history.js +1 -1
- package/package.json +1 -1
- package/stencil/{index-b2193545-BcYyCldH.js → index-b2193545-BeKKnKhR.js} +1 -1
- package/stencil/{index-b2193545-CPztmidm.js → index-b2193545-HC0t7mHa.js} +1 -1
- package/stencil/{index-b2193545-D1Z0k4-D.cjs → index-b2193545-YW9b062G.cjs} +1 -1
- package/stencil/ui-skeleton-BL4789dS.cjs +1 -0
- package/stencil/ui-skeleton-Ca5rz3Hv.js +29 -0
- package/stencil/ui-skeleton-ae35c6f2-BDBUiN3S.js +155 -0
- package/stencil/ui-skeleton-ae35c6f2-Cn0ZM_hs.js +155 -0
- package/stencil/ui-skeleton-ae35c6f2-xLf3HyeB.cjs +55 -0
- package/stencil/ui-skeleton-hI4GeaLk.js +11 -0
- package/stencil/ui-skeleton-1cb75d00-CUSs6C3A.cjs +0 -73
- package/stencil/ui-skeleton-1cb75d00-CXHx_pAM.js +0 -152
- package/stencil/ui-skeleton-1cb75d00-z2mX3TRi.js +0 -152
- package/stencil/ui-skeleton-4ifa-7wH.js +0 -11
- package/stencil/ui-skeleton-Bk5dn5mu.js +0 -29
- package/stencil/ui-skeleton-CCXvjIzA.cjs +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var pd=Object.defineProperty,md=Object.defineProperties;var _d=Object.getOwnPropertyDescriptors;var ln=Object.getOwnPropertySymbols;var fd=Object.prototype.hasOwnProperty,vd=Object.prototype.propertyIsEnumerable;var no=(i,e,t)=>e in i?pd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,er=(i,e)=>{for(var t in e||(e={}))fd.call(e,t)&&no(i,t,e[t]);if(ln)for(var t of ln(e))vd.call(e,t)&&no(i,t,e[t]);return i},tr=(i,e)=>md(i,_d(e));var $e=(i,e,t)=>(no(i,typeof e!="symbol"?e+"":e,t),t);var ao=(i,e,t)=>new Promise((r,o)=>{var s=l=>{try{a(t.next(l))}catch(h){o(h)}},n=l=>{try{a(t.throw(l))}catch(h){o(h)}},a=l=>l.done?r(l.value):Promise.resolve(l.value).then(s,n);a((t=t.apply(i,e)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../stencil/ui-skeleton-
|
|
1
|
+
"use strict";var pd=Object.defineProperty,md=Object.defineProperties;var _d=Object.getOwnPropertyDescriptors;var ln=Object.getOwnPropertySymbols;var fd=Object.prototype.hasOwnProperty,vd=Object.prototype.propertyIsEnumerable;var no=(i,e,t)=>e in i?pd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,er=(i,e)=>{for(var t in e||(e={}))fd.call(e,t)&&no(i,t,e[t]);if(ln)for(var t of ln(e))vd.call(e,t)&&no(i,t,e[t]);return i},tr=(i,e)=>md(i,_d(e));var $e=(i,e,t)=>(no(i,typeof e!="symbol"?e+"":e,t),t);var ao=(i,e,t)=>new Promise((r,o)=>{var s=l=>{try{a(t.next(l))}catch(h){o(h)}},n=l=>{try{a(t.throw(l))}catch(h){o(h)}},a=l=>l.done?r(l.value):Promise.resolve(l.value).then(s,n);a((t=t.apply(i,e)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../stencil/ui-skeleton-BL4789dS.cjs");function be(){}function ja(i){return i()}function hn(){return Object.create(null)}function oi(i){i.forEach(ja)}function ys(i){return typeof i=="function"}function Ga(i,e){return i!=i?e==e:i!==e||i&&typeof i=="object"||typeof i=="function"}function gd(i){return Object.keys(i).length===0}function qa(i,...e){if(i==null){for(const r of e)r(void 0);return be}const t=i.subscribe(...e);return t.unsubscribe?()=>t.unsubscribe():t}function bd(i,e,t){i.$$.on_destroy.push(qa(e,t))}function m(i,e){i.appendChild(e)}function yd(i,e,t){const r=xd(i);if(!r.getElementById(e)){const o=C("style");o.id=e,o.textContent=t,wd(r,o)}}function xd(i){if(!i)return document;const e=i.getRootNode?i.getRootNode():i.ownerDocument;return e&&e.host?e:i.ownerDocument}function wd(i,e){return m(i.head||i,e),e.sheet}function de(i,e,t){i.insertBefore(e,t||null)}function le(i){i.parentNode&&i.parentNode.removeChild(i)}function je(i,e){for(let t=0;t<i.length;t+=1)i[t]&&i[t].d(e)}function C(i){return document.createElement(i)}function Ne(i){return document.createElementNS("http://www.w3.org/2000/svg",i)}function Ae(i){return document.createTextNode(i)}function Z(){return Ae(" ")}function xs(){return Ae("")}function ct(i,e,t,r){return i.addEventListener(e,t,r),()=>i.removeEventListener(e,t,r)}function g(i,e,t){t==null?i.removeAttribute(e):i.getAttribute(e)!==t&&i.setAttribute(e,t)}function Ve(i,e,t){const r=e.toLowerCase();r in i?i[r]=typeof i[r]=="boolean"&&t===""?!0:t:e in i?i[e]=typeof i[e]=="boolean"&&t===""?!0:t:g(i,e,t)}function Cd(i){return Array.from(i.childNodes)}function Le(i,e){e=""+e,i.data!==e&&(i.data=e)}function Ed(i){const e={};return i.childNodes.forEach(t=>{e[t.slot||"default"]=!0}),e}let ki;function Si(i){ki=i}function Sd(){if(!ki)throw new Error("Function called outside component initialization");return ki}function Ad(i){Sd().$$.on_mount.push(i)}const Wt=[],Ai=[];let jt=[];const dn=[],Pd=Promise.resolve();let Oo=!1;function Id(){Oo||(Oo=!0,Pd.then(Se))}function Mo(i){jt.push(i)}const lo=new Set;let Rt=0;function Se(){if(Rt!==0)return;const i=ki;do{try{for(;Rt<Wt.length;){const e=Wt[Rt];Rt++,Si(e),kd(e.$$)}}catch(e){throw Wt.length=0,Rt=0,e}for(Si(null),Wt.length=0,Rt=0;Ai.length;)Ai.pop()();for(let e=0;e<jt.length;e+=1){const t=jt[e];lo.has(t)||(lo.add(t),t())}jt.length=0}while(Wt.length);for(;dn.length;)dn.pop()();Oo=!1,lo.clear(),Si(i)}function kd(i){if(i.fragment!==null){i.update(),oi(i.before_update);const e=i.dirty;i.dirty=[-1],i.fragment&&i.fragment.p(i.ctx,e),i.after_update.forEach(Mo)}}function Td(i){const e=[],t=[];jt.forEach(r=>i.indexOf(r)===-1?e.push(r):t.push(r)),t.forEach(r=>r()),jt=e}const Dd=new Set;function Od(i,e){i&&i.i&&(Dd.delete(i),i.i(e))}function xe(i){return(i==null?void 0:i.length)!==void 0?i:Array.from(i)}function Md(i,e,t){const{fragment:r,after_update:o}=i.$$;r&&r.m(e,t),Mo(()=>{const s=i.$$.on_mount.map(ja).filter(ys);i.$$.on_destroy?i.$$.on_destroy.push(...s):oi(s),i.$$.on_mount=[]}),o.forEach(Mo)}function Nd(i,e){const t=i.$$;t.fragment!==null&&(Td(t.after_update),oi(t.on_destroy),t.fragment&&t.fragment.d(e),t.on_destroy=t.fragment=null,t.ctx=[])}function Bd(i,e){i.$$.dirty[0]===-1&&(Wt.push(i),Id(),i.$$.dirty.fill(0)),i.$$.dirty[e/31|0]|=1<<e%31}function Ld(i,e,t,r,o,s,n=null,a=[-1]){const l=ki;Si(i);const h=i.$$={fragment:null,ctx:[],props:s,update:be,not_equal:o,bound:hn(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(l?l.$$.context:[])),callbacks:hn(),dirty:a,skip_bound:!1,root:e.target||l.$$.root};n&&n(h.root);let d=!1;if(h.ctx=t?t(i,e.props||{},(c,p,...u)=>{const y=u.length?u[0]:p;return h.ctx&&o(h.ctx[c],h.ctx[c]=y)&&(!h.skip_bound&&h.bound[c]&&h.bound[c](y),d&&Bd(i,c)),p}):[],h.update(),d=!0,oi(h.before_update),h.fragment=r?r(h.ctx):!1,e.target){if(e.hydrate){const c=Cd(e.target);h.fragment&&h.fragment.l(c),c.forEach(le)}else h.fragment&&h.fragment.c();e.intro&&Od(i.$$.fragment),Md(i,e.target,e.anchor),Se()}Si(l)}let Ya;typeof HTMLElement=="function"&&(Ya=class extends HTMLElement{constructor(e,t,r){super();$e(this,"$$ctor");$e(this,"$$s");$e(this,"$$c");$e(this,"$$cn",!1);$e(this,"$$d",{});$e(this,"$$r",!1);$e(this,"$$p_d",{});$e(this,"$$l",{});$e(this,"$$l_u",new Map);this.$$ctor=e,this.$$s=t,r&&this.attachShadow({mode:"open"})}addEventListener(e,t,r){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(t),this.$$c){const o=this.$$c.$on(e,t);this.$$l_u.set(t,o)}super.addEventListener(e,t,r)}removeEventListener(e,t,r){if(super.removeEventListener(e,t,r),this.$$c){const o=this.$$l_u.get(t);o&&(o(),this.$$l_u.delete(t))}}connectedCallback(){return ao(this,null,function*(){if(this.$$cn=!0,!this.$$c){let e=function(s){return()=>{let n;return{c:function(){n=C("slot"),s!=="default"&&g(n,"name",s)},m:function(h,d){de(h,n,d)},d:function(h){h&&le(n)}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const t={},r=Ed(this);for(const s of this.$$s)s in r&&(t[s]=[e(s)]);for(const s of this.attributes){const n=this.$$g_p(s.name);n in this.$$d||(this.$$d[n]=pr(n,s.value,this.$$p_d,"toProp"))}for(const s in this.$$p_d)!(s in this.$$d)&&this[s]!==void 0&&(this.$$d[s]=this[s],delete this[s]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:tr(er({},this.$$d),{$$slots:t,$$scope:{ctx:[]}})});const o=()=>{this.$$r=!0;for(const s in this.$$p_d)if(this.$$d[s]=this.$$c.$$.ctx[this.$$c.$$.props[s]],this.$$p_d[s].reflect){const n=pr(s,this.$$d[s],this.$$p_d,"toAttribute");n==null?this.removeAttribute(this.$$p_d[s].attribute||s):this.setAttribute(this.$$p_d[s].attribute||s,n)}this.$$r=!1};this.$$c.$$.after_update.push(o),o();for(const s in this.$$l)for(const n of this.$$l[s]){const a=this.$$c.$on(s,n);this.$$l_u.set(n,a)}this.$$l={}}})}attributeChangedCallback(e,t,r){var o;this.$$r||(e=this.$$g_p(e),this.$$d[e]=pr(e,r,this.$$p_d,"toProp"),(o=this.$$c)==null||o.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)})}$$g_p(e){return Object.keys(this.$$p_d).find(t=>this.$$p_d[t].attribute===e||!this.$$p_d[t].attribute&&t.toLowerCase()===e)||e}});function pr(i,e,t,r){var s;const o=(s=t[i])==null?void 0:s.type;if(e=o==="Boolean"&&typeof e!="boolean"?e!=null:e,!r||!t[i])return e;if(r==="toAttribute")switch(o){case"Object":case"Array":return e==null?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return e==null?null:e;default:return e}else switch(o){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":return e;case"Number":return e!=null?+e:e;default:return e}}function zd(i,e,t,r,o,s){let n=class extends Ya{constructor(){super(i,t,o),this.$$p_d=e}static get observedAttributes(){return Object.keys(e).map(a=>(e[a].attribute||a).toLowerCase())}};return Object.keys(e).forEach(a=>{Object.defineProperty(n.prototype,a,{get(){return this.$$c&&a in this.$$c?this.$$c[a]:this.$$d[a]},set(l){var h;l=pr(a,l,e),this.$$d[a]=l,(h=this.$$c)==null||h.$set({[a]:l})}})}),r.forEach(a=>{Object.defineProperty(n.prototype,a,{get(){var l;return(l=this.$$c)==null?void 0:l[a]}})}),i.element=n,n}class Fd{constructor(){$e(this,"$$");$e(this,"$$set")}$destroy(){Nd(this,1),this.$destroy=be}$on(e,t){if(!ys(t))return be;const r=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return r.push(t),()=>{const o=r.indexOf(t);o!==-1&&r.splice(o,1)}}$set(e){this.$$set&&!gd(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Hd="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Hd);function Rd(i,e){if(i){const t=document.createElement("style");t.innerHTML=e,i.appendChild(t)}}function $d(i,e){const t=new URL(e);fetch(t.href).then(r=>r.text()).then(r=>{const o=document.createElement("style");o.innerHTML=r,i&&i.appendChild(o)}).catch(r=>{console.error("There was an error while trying to load client styling from URL",r)})}function Vd(i,e,t){if(window.emMessageBus){const r=document.createElement("style");window.emMessageBus.subscribe(e,o=>{r.innerHTML=o,i&&i.appendChild(r)})}}/*! *****************************************************************************
|
|
2
2
|
Copyright (c) Microsoft Corporation.
|
|
3
3
|
|
|
4
4
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -27,7 +27,7 @@ var ao = (i, e, t) => new Promise((r, o) => {
|
|
|
27
27
|
}, a = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(s, n);
|
|
28
28
|
a((t = t.apply(i, e)).next());
|
|
29
29
|
});
|
|
30
|
-
import "../stencil/ui-skeleton-
|
|
30
|
+
import "../stencil/ui-skeleton-Ca5rz3Hv.js";
|
|
31
31
|
function be() {
|
|
32
32
|
}
|
|
33
33
|
function ja(i) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/PlayerAccountTransactionsHistory-
|
|
1
|
+
"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/PlayerAccountTransactionsHistory-BKGCHwj0.cjs")).then(({default:t})=>{!customElements.get("player-account-transactions-history")&&customElements.define("player-account-transactions-history",t.element)})}
|
|
@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
|
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
customElements.define = n(customElements.define), import("../components/PlayerAccountTransactionsHistory-
|
|
13
|
+
customElements.define = n(customElements.define), import("../components/PlayerAccountTransactionsHistory-iZkrhNmN.js").then(({ default: t }) => {
|
|
14
14
|
!customElements.get("player-account-transactions-history") && customElements.define("player-account-transactions-history", t.element);
|
|
15
15
|
});
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var P=(e,t,s)=>new Promise((r,n)=>{var a=i=>{try{o(s.next(i))}catch($){n($)}},l=i=>{try{o(s.throw(i))}catch($){n($)}},o=i=>i.done?r(i.value):Promise.resolve(i.value).then(a,l);o((s=s.apply(e,t)).next())});const ue="ui-skeleton",fe={hydratedSelectorName:"hydrated"};var de=Object.defineProperty,me=(e,t)=>{for(var s in t)de(e,s,{get:t[s],enumerable:!0})},U=new WeakMap,b=e=>U.get(e),ve=(e,t)=>U.set(t.$lazyInstance$=e,t),ge=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return s.$onReadyPromise$=new Promise(r=>s.$onReadyResolve$=r),e["s-p"]=[],e["s-rc"]=[],U.set(e,s)},E=(e,t)=>(0,console.error)(e,t),O=new Map,he=(e,t,s)=>{const r=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const a=O.get(n);if(a)return a[r];{const l=o=>(O.set(n,o),o[r]);switch(n){case"ui-skeleton":return Promise.resolve().then(()=>require("./ui-skeleton-CCXvjIzA.cjs")).then(l,E)}}return import(`./${n}.entry.js`).then(l=>(O.set(n,l),l[r]),E)},L=new Map,pe="{visibility:hidden}.hydrated{visibility:inherit}",J="slot-fb{display:contents}slot-fb[hidden]{display:none}",B=typeof window!="undefined"?window:{},y=B.document||{head:{}},g={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,r)=>e.addEventListener(t,s,r),rel:(e,t,s,r)=>e.removeEventListener(t,s,r),ce:(e,t)=>new CustomEvent(e,t)},K=e=>Promise.resolve(e),ye=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch(e){}return!1})(),A=!1,C=[],Q=[],Se=(e,t)=>s=>{e.push(s),A||(A=!0,g.$flags$&4?z(I):g.raf(I))},D=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(s){E(s)}e.length=0},I=()=>{D(C),D(Q),(A=C.length>0)&&g.raf(I)},z=e=>K().then(e),be=Se(Q),F={},X=e=>(e=typeof e,e==="object"||e==="function");function Z(e){var t,s,r;return(r=(s=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:s.getAttribute("content"))!=null?r:void 0}var ke={};me(ke,{err:()=>R,map:()=>Ee,ok:()=>H,unwrap:()=>we,unwrapErr:()=>Pe});var H=e=>({isOk:!0,isErr:!1,value:e}),R=e=>({isOk:!1,isErr:!0,value:e});function Ee(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then(r=>H(r)):H(s)}if(e.isErr){const s=e.value;return R(s)}throw"should never get here"}var we=e=>{if(e.isOk)return e.value;throw e.value},Pe=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},xe=(e,t)=>()=>{},V=(e,t,...s)=>{let r=null,n=null,a=!1,l=!1;const o=[],i=c=>{for(let u=0;u<c.length;u++)r=c[u],Array.isArray(r)?i(r):r!=null&&typeof r!="boolean"&&((a=typeof e!="function"&&!X(r))&&(r=String(r)),a&&l?o[o.length-1].$text$+=r:o.push(a?N(null,r):r),l=a)};if(i(s),t){t.key&&(n=t.key);{const c=t.className||t.class;c&&(t.class=typeof c!="object"?c:Object.keys(c).filter(u=>c[u]).join(" "))}}const $=N(e,null);return $.$attrs$=t,o.length>0&&($.$children$=o),$.$key$=n,$},N=(e,t)=>{const s={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s},ee={},Te=e=>e&&e.$tag$===ee,Le=(e,t)=>e!=null&&!X(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,_e=(e,t,s)=>{const r=g.ce(t,s);return e.dispatchEvent(r),r},M=new WeakMap,je=(e,t,s)=>{let r=L.get(e);ye&&s?(r=r||new CSSStyleSheet,typeof r=="string"?r=t:r.replaceSync(t)):r=t,L.set(e,r)},Oe=(e,t,s)=>{var r;const n=te(t),a=L.get(n);if(e=e.nodeType===11?e:y,a)if(typeof a=="string"){e=e.head||e;let l=M.get(e),o;if(l||M.set(e,l=new Set),!l.has(n)){{o=y.createElement("style"),o.innerHTML=a;const i=(r=g.$nonce$)!=null?r:Z(y);i!=null&&o.setAttribute("nonce",i),e.insertBefore(o,e.querySelector("link"))}t.$flags$&4&&(o.innerHTML+=J),l&&l.add(n)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return n},Ae=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,r=S("attachStyles",t.$tagName$);Oe(s.getRootNode(),t),r()},te=(e,t)=>"sc-"+e.$tagName$,W=(e,t,s,r,n,a)=>{if(s!==r&&(t.toLowerCase(),t==="class")){const l=e.classList,o=Y(s),i=Y(r);l.remove(...o.filter($=>$&&!i.includes($))),l.add(...i.filter($=>$&&!o.includes($)))}},Ie=/\s/,Y=e=>e?e.split(Ie):[],ne=(e,t,s)=>{const r=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||F,a=t.$attrs$||F;for(const l of G(Object.keys(n)))l in a||W(r,l,n[l],void 0);for(const l of G(Object.keys(a)))W(r,l,n[l],a[l])};function G(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var se,_=(e,t,s,r)=>{const n=t.$children$[s];let a=0,l,o;if(n.$text$!==null)l=n.$elm$=y.createTextNode(n.$text$);else if(l=n.$elm$=y.createElement(n.$tag$),ne(null,n),n.$children$)for(a=0;a<n.$children$.length;++a)o=_(e,n,a),o&&l.appendChild(o);return l["s-hn"]=se,l},re=(e,t,s,r,n,a)=>{let l=e,o;for(;n<=a;++n)r[n]&&(o=_(null,s,n),o&&(r[n].$elm$=o,T(l,o,t)))},le=(e,t,s)=>{for(let r=t;r<=s;++r){const n=e[r];if(n){const a=n.$elm$;a&&a.remove()}}},He=(e,t,s,r,n=!1)=>{let a=0,l=0,o=0,i=0,$=t.length-1,c=t[0],u=t[$],f=r.length-1,d=r[0],m=r[f],v,h;for(;a<=$&&l<=f;)if(c==null)c=t[++a];else if(u==null)u=t[--$];else if(d==null)d=r[++l];else if(m==null)m=r[--f];else if(x(c,d,n))k(c,d,n),c=t[++a],d=r[++l];else if(x(u,m,n))k(u,m,n),u=t[--$],m=r[--f];else if(x(c,m,n))k(c,m,n),T(e,c.$elm$,u.$elm$.nextSibling),c=t[++a],m=r[--f];else if(x(u,d,n))k(u,d,n),T(e,u.$elm$,c.$elm$),u=t[--$],d=r[++l];else{for(o=-1,i=a;i<=$;++i)if(t[i]&&t[i].$key$!==null&&t[i].$key$===d.$key$){o=i;break}o>=0?(h=t[o],h.$tag$!==d.$tag$?v=_(t&&t[l],s,o):(k(h,d,n),t[o]=void 0,v=h.$elm$),d=r[++l]):(v=_(t&&t[l],s,l),d=r[++l]),v&&T(c.$elm$.parentNode,v,c.$elm$)}a>$?re(e,r[f+1]==null?null:r[f+1].$elm$,s,r,l,f):l>f&&le(t,a,$)},x=(e,t,s=!1)=>e.$tag$===t.$tag$?s?!0:e.$key$===t.$key$:!1,k=(e,t,s=!1)=>{const r=t.$elm$=e.$elm$,n=e.$children$,a=t.$children$,l=t.$text$;l===null?(ne(e,t),n!==null&&a!==null?He(r,n,t,a,s):a!==null?(e.$text$!==null&&(r.textContent=""),re(r,null,t,a,0,a.length-1)):n!==null&&le(n,0,n.length-1)):e.$text$!==l&&(r.data=l)},T=(e,t,s)=>e==null?void 0:e.insertBefore(t,s),Ne=(e,t,s=!1)=>{const r=e.$hostElement$,n=e.$vnode$||N(null,null),a=Te(t)?t:V(null,null,t);if(se=r.tagName,s&&a.$attrs$)for(const l of Object.keys(a.$attrs$))r.hasAttribute(l)&&!["key","ref","style","class"].includes(l)&&(a.$attrs$[l]=r[l]);a.$tag$=null,a.$flags$|=4,e.$vnode$=a,a.$elm$=n.$elm$=r,k(n,a,s)},ae=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(s=>e.$onRenderResolve$=s))},q=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return ae(e,e.$ancestorComponent$),be(()=>Ue(e,t))},Ue=(e,t)=>{const s=e.$hostElement$,r=S("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return r(),Be(a,()=>qe(e,n,t))},Be=(e,t)=>ze(e)?e.then(t).catch(s=>{console.error(s),t()}):t(),ze=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",qe=(e,t,s)=>P(exports,null,function*(){var r;const n=e.$hostElement$,a=S("update",e.$cmpMeta$.$tagName$),l=n["s-rc"];s&&Ae(e);const o=S("render",e.$cmpMeta$.$tagName$);Ce(e,t,n,s),l&&(l.map(i=>i()),n["s-rc"]=void 0),o(),a();{const i=(r=n["s-p"])!=null?r:[],$=()=>De(e);i.length===0?$():(Promise.all(i).then($),e.$flags$|=4,i.length=0)}}),Ce=(e,t,s,r)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,Ne(e,t,r)}catch(n){E(n,e.$hostElement$)}return null},De=e=>{const t=e.$cmpMeta$.$tagName$,s=e.$hostElement$,r=S("postUpdate",t),n=e.$ancestorComponent$;e.$flags$&64?r():(e.$flags$|=64,oe(s),r(),e.$onReadyResolve$(s),n||ie()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&z(()=>q(e,!1)),e.$flags$&=-517},ie=e=>{oe(y.documentElement),z(()=>_e(B,"appload",{detail:{namespace:ue}}))},oe=e=>{var t;return e.classList.add((t=fe.hydratedSelectorName)!=null?t:"hydrated")},Fe=(e,t)=>b(e).$instanceValues$.get(t),Me=(e,t,s,r)=>{const n=b(e);if(!n)throw new Error(`Couldn't find host element for "${r.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const a=n.$hostElement$,l=n.$instanceValues$.get(t),o=n.$flags$,i=n.$lazyInstance$;s=Le(s,r.$members$[t][0]);const $=Number.isNaN(l)&&Number.isNaN(s),c=s!==l&&!$;if((!(o&8)||l===void 0)&&c&&(n.$instanceValues$.set(t,s),i)){if(r.$watchers$&&o&128){const u=r.$watchers$[t];u&&u.map(f=>{try{i[f](s,l,t)}catch(d){E(d,a)}})}(o&18)===2&&q(n,!1)}},$e=(e,t,s)=>{var r,n;const a=e.prototype;if(t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const l=Object.entries((r=t.$members$)!=null?r:{});if(l.map(([o,[i]])=>{(i&31||s&2&&i&32)&&Object.defineProperty(a,o,{get(){return Fe(this,o)},set($){Me(this,o,$,t)},configurable:!0,enumerable:!0})}),s&1){const o=new Map;a.attributeChangedCallback=function(i,$,c){g.jmp(()=>{var u;const f=o.get(i);if(this.hasOwnProperty(f))c=this[f],delete this[f];else{if(a.hasOwnProperty(f)&&typeof this[f]=="number"&&this[f]==c)return;if(f==null){const d=b(this),m=d==null?void 0:d.$flags$;if(m&&!(m&8)&&m&128&&c!==$){const v=d.$lazyInstance$,h=(u=t.$watchers$)==null?void 0:u[i];h==null||h.forEach(p=>{v[p]!=null&&v[p].call(v,c,$,i)})}return}}this[f]=c===null&&typeof this[f]=="boolean"?!1:c})},e.observedAttributes=Array.from(new Set([...Object.keys((n=t.$watchers$)!=null?n:{}),...l.filter(([i,$])=>$[0]&15).map(([i,$])=>{const c=$[1]||i;return o.set(c,i),c})]))}}return e},We=(e,t,s,r)=>P(exports,null,function*(){let n;if(!(t.$flags$&32)){if(t.$flags$|=32,s.$lazyBundleId$){const i=he(s);if(i&&"then"in i){const c=xe();n=yield i,c()}else n=i;if(!n)throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);n.isProxied||(s.$watchers$=n.watchers,$e(n,s,2),n.isProxied=!0);const $=S("createInstance",s.$tagName$);t.$flags$|=8;try{new n(t)}catch(c){E(c)}t.$flags$&=-9,t.$flags$|=128,$()}else{n=e.constructor;const i=e.localName;customElements.whenDefined(i).then(()=>t.$flags$|=128)}if(n&&n.style){let i;typeof n.style=="string"&&(i=n.style);const $=te(s);if(!L.has($)){const c=S("registerStyles",s.$tagName$);je($,i,!!(s.$flags$&1)),c()}}}const a=t.$ancestorComponent$,l=()=>q(t,!0);a&&a["s-rc"]?a["s-rc"].push(l):l()}),Ye=e=>{},Ge=e=>{if(!(g.$flags$&1)){const t=b(e),s=t.$cmpMeta$,r=S("connectedCallback",s.$tagName$);if(t.$flags$&1)t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Ye());else{t.$flags$|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ae(t,t.$ancestorComponent$=n);break}}s.$members$&&Object.entries(s.$members$).map(([n,[a]])=>{if(a&31&&e.hasOwnProperty(n)){const l=e[n];delete e[n],e[n]=l}}),We(e,t,s)}r()}},Je=e=>{},Ke=e=>P(exports,null,function*(){if(!(g.$flags$&1)){const t=b(e);t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Je())}}),Qe=(e,t={})=>{var s;const r=S(),n=[],a=t.exclude||[],l=B.customElements,o=y.head,i=o.querySelector("meta[charset]"),$=y.createElement("style"),c=[];let u,f=!0;Object.assign(g,t),g.$resourcesUrl$=new URL(t.resourcesUrl||"./",y.baseURI).href;let d=!1;if(e.map(m=>{m[1].map(v=>{var h;const p={$flags$:v[0],$tagName$:v[1],$members$:v[2],$listeners$:v[3]};p.$flags$&4&&(d=!0),p.$members$=v[2],p.$watchers$=(h=v[4])!=null?h:{};const w=p.$tagName$,ce=class extends HTMLElement{constructor(j){super(j),this.hasRegisteredEventListeners=!1,j=this,ge(j,p)}connectedCallback(){b(this),this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),u&&(clearTimeout(u),u=null),f?c.push(this):g.jmp(()=>Ge(this))}disconnectedCallback(){g.jmp(()=>Ke(this))}componentOnReady(){return b(this).$onReadyPromise$}};p.$lazyBundleId$=m[0],!a.includes(w)&&!l.get(w)&&(n.push(w),l.define(w,$e(ce,p,1)))})}),n.length>0&&(d&&($.textContent+=J),$.textContent+=n.sort()+pe,$.innerHTML.length)){$.setAttribute("data-styles","");const m=(s=g.$nonce$)!=null?s:Z(y);m!=null&&$.setAttribute("nonce",m),o.insertBefore($,i?i.nextSibling:o.firstChild)}f=!1,c.length?c.map(m=>m.connectedCallback()):g.jmp(()=>u=setTimeout(ie,30)),r()};exports.Host=ee;exports.bootstrapLazy=Qe;exports.h=V;exports.promiseResolve=K;exports.registerInstance=ve;
|
|
1
|
+
"use strict";var P=(e,t,s)=>new Promise((r,n)=>{var a=i=>{try{o(s.next(i))}catch($){n($)}},l=i=>{try{o(s.throw(i))}catch($){n($)}},o=i=>i.done?r(i.value):Promise.resolve(i.value).then(a,l);o((s=s.apply(e,t)).next())});const ue="ui-skeleton",fe={hydratedSelectorName:"hydrated"};var de=Object.defineProperty,me=(e,t)=>{for(var s in t)de(e,s,{get:t[s],enumerable:!0})},U=new WeakMap,b=e=>U.get(e),ve=(e,t)=>U.set(t.$lazyInstance$=e,t),ge=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return s.$onReadyPromise$=new Promise(r=>s.$onReadyResolve$=r),e["s-p"]=[],e["s-rc"]=[],U.set(e,s)},E=(e,t)=>(0,console.error)(e,t),O=new Map,he=(e,t,s)=>{const r=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const a=O.get(n);if(a)return a[r];{const l=o=>(O.set(n,o),o[r]);switch(n){case"ui-skeleton":return Promise.resolve().then(()=>require("./ui-skeleton-BL4789dS.cjs")).then(l,E)}}return import(`./${n}.entry.js`).then(l=>(O.set(n,l),l[r]),E)},L=new Map,pe="{visibility:hidden}.hydrated{visibility:inherit}",J="slot-fb{display:contents}slot-fb[hidden]{display:none}",B=typeof window!="undefined"?window:{},y=B.document||{head:{}},g={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,r)=>e.addEventListener(t,s,r),rel:(e,t,s,r)=>e.removeEventListener(t,s,r),ce:(e,t)=>new CustomEvent(e,t)},K=e=>Promise.resolve(e),ye=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch(e){}return!1})(),A=!1,C=[],Q=[],Se=(e,t)=>s=>{e.push(s),A||(A=!0,g.$flags$&4?z(I):g.raf(I))},D=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(s){E(s)}e.length=0},I=()=>{D(C),D(Q),(A=C.length>0)&&g.raf(I)},z=e=>K().then(e),be=Se(Q),F={},X=e=>(e=typeof e,e==="object"||e==="function");function Z(e){var t,s,r;return(r=(s=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:s.getAttribute("content"))!=null?r:void 0}var ke={};me(ke,{err:()=>R,map:()=>Ee,ok:()=>H,unwrap:()=>we,unwrapErr:()=>Pe});var H=e=>({isOk:!0,isErr:!1,value:e}),R=e=>({isOk:!1,isErr:!0,value:e});function Ee(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then(r=>H(r)):H(s)}if(e.isErr){const s=e.value;return R(s)}throw"should never get here"}var we=e=>{if(e.isOk)return e.value;throw e.value},Pe=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},xe=(e,t)=>()=>{},V=(e,t,...s)=>{let r=null,n=null,a=!1,l=!1;const o=[],i=c=>{for(let u=0;u<c.length;u++)r=c[u],Array.isArray(r)?i(r):r!=null&&typeof r!="boolean"&&((a=typeof e!="function"&&!X(r))&&(r=String(r)),a&&l?o[o.length-1].$text$+=r:o.push(a?N(null,r):r),l=a)};if(i(s),t){t.key&&(n=t.key);{const c=t.className||t.class;c&&(t.class=typeof c!="object"?c:Object.keys(c).filter(u=>c[u]).join(" "))}}const $=N(e,null);return $.$attrs$=t,o.length>0&&($.$children$=o),$.$key$=n,$},N=(e,t)=>{const s={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s},ee={},Te=e=>e&&e.$tag$===ee,Le=(e,t)=>e!=null&&!X(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,_e=(e,t,s)=>{const r=g.ce(t,s);return e.dispatchEvent(r),r},M=new WeakMap,je=(e,t,s)=>{let r=L.get(e);ye&&s?(r=r||new CSSStyleSheet,typeof r=="string"?r=t:r.replaceSync(t)):r=t,L.set(e,r)},Oe=(e,t,s)=>{var r;const n=te(t),a=L.get(n);if(e=e.nodeType===11?e:y,a)if(typeof a=="string"){e=e.head||e;let l=M.get(e),o;if(l||M.set(e,l=new Set),!l.has(n)){{o=y.createElement("style"),o.innerHTML=a;const i=(r=g.$nonce$)!=null?r:Z(y);i!=null&&o.setAttribute("nonce",i),e.insertBefore(o,e.querySelector("link"))}t.$flags$&4&&(o.innerHTML+=J),l&&l.add(n)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return n},Ae=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,r=S("attachStyles",t.$tagName$);Oe(s.getRootNode(),t),r()},te=(e,t)=>"sc-"+e.$tagName$,W=(e,t,s,r,n,a)=>{if(s!==r&&(t.toLowerCase(),t==="class")){const l=e.classList,o=Y(s),i=Y(r);l.remove(...o.filter($=>$&&!i.includes($))),l.add(...i.filter($=>$&&!o.includes($)))}},Ie=/\s/,Y=e=>e?e.split(Ie):[],ne=(e,t,s)=>{const r=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||F,a=t.$attrs$||F;for(const l of G(Object.keys(n)))l in a||W(r,l,n[l],void 0);for(const l of G(Object.keys(a)))W(r,l,n[l],a[l])};function G(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var se,_=(e,t,s,r)=>{const n=t.$children$[s];let a=0,l,o;if(n.$text$!==null)l=n.$elm$=y.createTextNode(n.$text$);else if(l=n.$elm$=y.createElement(n.$tag$),ne(null,n),n.$children$)for(a=0;a<n.$children$.length;++a)o=_(e,n,a),o&&l.appendChild(o);return l["s-hn"]=se,l},re=(e,t,s,r,n,a)=>{let l=e,o;for(;n<=a;++n)r[n]&&(o=_(null,s,n),o&&(r[n].$elm$=o,T(l,o,t)))},le=(e,t,s)=>{for(let r=t;r<=s;++r){const n=e[r];if(n){const a=n.$elm$;a&&a.remove()}}},He=(e,t,s,r,n=!1)=>{let a=0,l=0,o=0,i=0,$=t.length-1,c=t[0],u=t[$],f=r.length-1,d=r[0],m=r[f],v,h;for(;a<=$&&l<=f;)if(c==null)c=t[++a];else if(u==null)u=t[--$];else if(d==null)d=r[++l];else if(m==null)m=r[--f];else if(x(c,d,n))k(c,d,n),c=t[++a],d=r[++l];else if(x(u,m,n))k(u,m,n),u=t[--$],m=r[--f];else if(x(c,m,n))k(c,m,n),T(e,c.$elm$,u.$elm$.nextSibling),c=t[++a],m=r[--f];else if(x(u,d,n))k(u,d,n),T(e,u.$elm$,c.$elm$),u=t[--$],d=r[++l];else{for(o=-1,i=a;i<=$;++i)if(t[i]&&t[i].$key$!==null&&t[i].$key$===d.$key$){o=i;break}o>=0?(h=t[o],h.$tag$!==d.$tag$?v=_(t&&t[l],s,o):(k(h,d,n),t[o]=void 0,v=h.$elm$),d=r[++l]):(v=_(t&&t[l],s,l),d=r[++l]),v&&T(c.$elm$.parentNode,v,c.$elm$)}a>$?re(e,r[f+1]==null?null:r[f+1].$elm$,s,r,l,f):l>f&&le(t,a,$)},x=(e,t,s=!1)=>e.$tag$===t.$tag$?s?!0:e.$key$===t.$key$:!1,k=(e,t,s=!1)=>{const r=t.$elm$=e.$elm$,n=e.$children$,a=t.$children$,l=t.$text$;l===null?(ne(e,t),n!==null&&a!==null?He(r,n,t,a,s):a!==null?(e.$text$!==null&&(r.textContent=""),re(r,null,t,a,0,a.length-1)):n!==null&&le(n,0,n.length-1)):e.$text$!==l&&(r.data=l)},T=(e,t,s)=>e==null?void 0:e.insertBefore(t,s),Ne=(e,t,s=!1)=>{const r=e.$hostElement$,n=e.$vnode$||N(null,null),a=Te(t)?t:V(null,null,t);if(se=r.tagName,s&&a.$attrs$)for(const l of Object.keys(a.$attrs$))r.hasAttribute(l)&&!["key","ref","style","class"].includes(l)&&(a.$attrs$[l]=r[l]);a.$tag$=null,a.$flags$|=4,e.$vnode$=a,a.$elm$=n.$elm$=r,k(n,a,s)},ae=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(s=>e.$onRenderResolve$=s))},q=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return ae(e,e.$ancestorComponent$),be(()=>Ue(e,t))},Ue=(e,t)=>{const s=e.$hostElement$,r=S("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return r(),Be(a,()=>qe(e,n,t))},Be=(e,t)=>ze(e)?e.then(t).catch(s=>{console.error(s),t()}):t(),ze=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",qe=(e,t,s)=>P(exports,null,function*(){var r;const n=e.$hostElement$,a=S("update",e.$cmpMeta$.$tagName$),l=n["s-rc"];s&&Ae(e);const o=S("render",e.$cmpMeta$.$tagName$);Ce(e,t,n,s),l&&(l.map(i=>i()),n["s-rc"]=void 0),o(),a();{const i=(r=n["s-p"])!=null?r:[],$=()=>De(e);i.length===0?$():(Promise.all(i).then($),e.$flags$|=4,i.length=0)}}),Ce=(e,t,s,r)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,Ne(e,t,r)}catch(n){E(n,e.$hostElement$)}return null},De=e=>{const t=e.$cmpMeta$.$tagName$,s=e.$hostElement$,r=S("postUpdate",t),n=e.$ancestorComponent$;e.$flags$&64?r():(e.$flags$|=64,oe(s),r(),e.$onReadyResolve$(s),n||ie()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&z(()=>q(e,!1)),e.$flags$&=-517},ie=e=>{oe(y.documentElement),z(()=>_e(B,"appload",{detail:{namespace:ue}}))},oe=e=>{var t;return e.classList.add((t=fe.hydratedSelectorName)!=null?t:"hydrated")},Fe=(e,t)=>b(e).$instanceValues$.get(t),Me=(e,t,s,r)=>{const n=b(e);if(!n)throw new Error(`Couldn't find host element for "${r.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const a=n.$hostElement$,l=n.$instanceValues$.get(t),o=n.$flags$,i=n.$lazyInstance$;s=Le(s,r.$members$[t][0]);const $=Number.isNaN(l)&&Number.isNaN(s),c=s!==l&&!$;if((!(o&8)||l===void 0)&&c&&(n.$instanceValues$.set(t,s),i)){if(r.$watchers$&&o&128){const u=r.$watchers$[t];u&&u.map(f=>{try{i[f](s,l,t)}catch(d){E(d,a)}})}(o&18)===2&&q(n,!1)}},$e=(e,t,s)=>{var r,n;const a=e.prototype;if(t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const l=Object.entries((r=t.$members$)!=null?r:{});if(l.map(([o,[i]])=>{(i&31||s&2&&i&32)&&Object.defineProperty(a,o,{get(){return Fe(this,o)},set($){Me(this,o,$,t)},configurable:!0,enumerable:!0})}),s&1){const o=new Map;a.attributeChangedCallback=function(i,$,c){g.jmp(()=>{var u;const f=o.get(i);if(this.hasOwnProperty(f))c=this[f],delete this[f];else{if(a.hasOwnProperty(f)&&typeof this[f]=="number"&&this[f]==c)return;if(f==null){const d=b(this),m=d==null?void 0:d.$flags$;if(m&&!(m&8)&&m&128&&c!==$){const v=d.$lazyInstance$,h=(u=t.$watchers$)==null?void 0:u[i];h==null||h.forEach(p=>{v[p]!=null&&v[p].call(v,c,$,i)})}return}}this[f]=c===null&&typeof this[f]=="boolean"?!1:c})},e.observedAttributes=Array.from(new Set([...Object.keys((n=t.$watchers$)!=null?n:{}),...l.filter(([i,$])=>$[0]&15).map(([i,$])=>{const c=$[1]||i;return o.set(c,i),c})]))}}return e},We=(e,t,s,r)=>P(exports,null,function*(){let n;if(!(t.$flags$&32)){if(t.$flags$|=32,s.$lazyBundleId$){const i=he(s);if(i&&"then"in i){const c=xe();n=yield i,c()}else n=i;if(!n)throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);n.isProxied||(s.$watchers$=n.watchers,$e(n,s,2),n.isProxied=!0);const $=S("createInstance",s.$tagName$);t.$flags$|=8;try{new n(t)}catch(c){E(c)}t.$flags$&=-9,t.$flags$|=128,$()}else{n=e.constructor;const i=e.localName;customElements.whenDefined(i).then(()=>t.$flags$|=128)}if(n&&n.style){let i;typeof n.style=="string"&&(i=n.style);const $=te(s);if(!L.has($)){const c=S("registerStyles",s.$tagName$);je($,i,!!(s.$flags$&1)),c()}}}const a=t.$ancestorComponent$,l=()=>q(t,!0);a&&a["s-rc"]?a["s-rc"].push(l):l()}),Ye=e=>{},Ge=e=>{if(!(g.$flags$&1)){const t=b(e),s=t.$cmpMeta$,r=S("connectedCallback",s.$tagName$);if(t.$flags$&1)t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Ye());else{t.$flags$|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ae(t,t.$ancestorComponent$=n);break}}s.$members$&&Object.entries(s.$members$).map(([n,[a]])=>{if(a&31&&e.hasOwnProperty(n)){const l=e[n];delete e[n],e[n]=l}}),We(e,t,s)}r()}},Je=e=>{},Ke=e=>P(exports,null,function*(){if(!(g.$flags$&1)){const t=b(e);t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Je())}}),Qe=(e,t={})=>{var s;const r=S(),n=[],a=t.exclude||[],l=B.customElements,o=y.head,i=o.querySelector("meta[charset]"),$=y.createElement("style"),c=[];let u,f=!0;Object.assign(g,t),g.$resourcesUrl$=new URL(t.resourcesUrl||"./",y.baseURI).href;let d=!1;if(e.map(m=>{m[1].map(v=>{var h;const p={$flags$:v[0],$tagName$:v[1],$members$:v[2],$listeners$:v[3]};p.$flags$&4&&(d=!0),p.$members$=v[2],p.$watchers$=(h=v[4])!=null?h:{};const w=p.$tagName$,ce=class extends HTMLElement{constructor(j){super(j),this.hasRegisteredEventListeners=!1,j=this,ge(j,p)}connectedCallback(){b(this),this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),u&&(clearTimeout(u),u=null),f?c.push(this):g.jmp(()=>Ge(this))}disconnectedCallback(){g.jmp(()=>Ke(this))}componentOnReady(){return b(this).$onReadyPromise$}};p.$lazyBundleId$=m[0],!a.includes(w)&&!l.get(w)&&(n.push(w),l.define(w,$e(ce,p,1)))})}),n.length>0&&(d&&($.textContent+=J),$.textContent+=n.sort()+pe,$.innerHTML.length)){$.setAttribute("data-styles","");const m=(s=g.$nonce$)!=null?s:Z(y);m!=null&&$.setAttribute("nonce",m),o.insertBefore($,i?i.nextSibling:o.firstChild)}f=!1,c.length?c.map(m=>m.connectedCallback()):g.jmp(()=>u=setTimeout(ie,30)),r()};exports.Host=ee;exports.bootstrapLazy=Qe;exports.h=V;exports.promiseResolve=K;exports.registerInstance=ve;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var u=(t,r,n)=>new Promise((l,s)=>{var m=e=>{try{i(n.next(e))}catch(o){s(o)}},d=e=>{try{i(n.throw(e))}catch(o){s(o)}},i=e=>e.done?l(e.value):Promise.resolve(e.value).then(m,d);i((n=n.apply(t,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-b2193545-YW9b062G.cjs"),p=require("./app-globals-0f993ce5-sCt45RkC.cjs"),g=require("./ui-skeleton-ae35c6f2-xLf3HyeB.cjs");var a=typeof document!="undefined"?document.currentScript:null,f=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-skeleton-BL4789dS.cjs",document.baseURI).href,r={};return t!==""&&(r.resourcesUrl=new URL(".",t).href),c.promiseResolve(r)};f().then(t=>u(exports,null,function*(){return yield p.globalScripts(),c.bootstrapLazy([["ui-skeleton",[[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],t)}));exports.ui_skeleton=g.UiSkeleton;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
var n = (t, e, o) => new Promise((m, s) => {
|
|
2
|
+
var u = (r) => {
|
|
3
|
+
try {
|
|
4
|
+
a(o.next(r));
|
|
5
|
+
} catch (i) {
|
|
6
|
+
s(i);
|
|
7
|
+
}
|
|
8
|
+
}, g = (r) => {
|
|
9
|
+
try {
|
|
10
|
+
a(o.throw(r));
|
|
11
|
+
} catch (i) {
|
|
12
|
+
s(i);
|
|
13
|
+
}
|
|
14
|
+
}, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(u, g);
|
|
15
|
+
a((o = o.apply(t, e)).next());
|
|
16
|
+
});
|
|
17
|
+
import { b as p, p as l } from "./index-b2193545-BeKKnKhR.js";
|
|
18
|
+
import { g as h } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
19
|
+
import { U as k } from "./ui-skeleton-ae35c6f2-BDBUiN3S.js";
|
|
20
|
+
var c = () => {
|
|
21
|
+
const t = import.meta.url, e = {};
|
|
22
|
+
return t !== "" && (e.resourcesUrl = new URL(".", t).href), l(e);
|
|
23
|
+
};
|
|
24
|
+
c().then((t) => n(void 0, null, function* () {
|
|
25
|
+
return yield h(), p([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [8, "border-radius"], marginBottom: [8, "margin-bottom"], marginTop: [8, "margin-top"], marginLeft: [8, "margin-left"], marginRight: [8, "margin-right"], animation: [4], rows: [2], size: [1] }, null, { structure: ["handleStructureChange"] }]]]], t);
|
|
26
|
+
}));
|
|
27
|
+
export {
|
|
28
|
+
k as ui_skeleton
|
|
29
|
+
};
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { r, h as t, H as n } from "./index-b2193545-BeKKnKhR.js";
|
|
2
|
+
const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
|
|
3
|
+
constructor(e) {
|
|
4
|
+
r(this, e), this.stylingValue = {
|
|
5
|
+
width: this.handleStylingProps(this.width),
|
|
6
|
+
height: this.handleStylingProps(this.height),
|
|
7
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
8
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
9
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
10
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
11
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
12
|
+
size: this.handleStylingProps(this.size)
|
|
13
|
+
}, this.structure = void 0, this.width = "unset", this.height = "unset", this.borderRadius = "unset", this.marginBottom = "unset", this.marginTop = "unset", this.marginLeft = "unset", this.marginRight = "unset", this.animation = !0, this.rows = 0, this.size = "100%";
|
|
14
|
+
}
|
|
15
|
+
handleStructureChange(e, i) {
|
|
16
|
+
i !== e && this.handleStructure(e);
|
|
17
|
+
}
|
|
18
|
+
handleStylingProps(e) {
|
|
19
|
+
switch (typeof e) {
|
|
20
|
+
case "number":
|
|
21
|
+
return e === 0 ? 0 : `${e}px`;
|
|
22
|
+
case "undefined":
|
|
23
|
+
return "unset";
|
|
24
|
+
case "string":
|
|
25
|
+
return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
|
|
26
|
+
default:
|
|
27
|
+
return "unset";
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
handleStructure(e) {
|
|
31
|
+
switch (e) {
|
|
32
|
+
case "logo":
|
|
33
|
+
return this.renderLogo();
|
|
34
|
+
case "image":
|
|
35
|
+
return this.renderImage();
|
|
36
|
+
case "title":
|
|
37
|
+
return this.renderTitle();
|
|
38
|
+
case "text":
|
|
39
|
+
return this.renderText();
|
|
40
|
+
case "rectangle":
|
|
41
|
+
return this.renderRectangle();
|
|
42
|
+
case "circle":
|
|
43
|
+
return this.renderCircle();
|
|
44
|
+
default:
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
renderLogo() {
|
|
49
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
|
|
50
|
+
}
|
|
51
|
+
renderImage() {
|
|
52
|
+
return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
|
|
53
|
+
}
|
|
54
|
+
renderTitle() {
|
|
55
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
|
|
56
|
+
}
|
|
57
|
+
renderText() {
|
|
58
|
+
return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => t("div", { key: i, class: "Text " + (this.animation ? "Skeleton" : "") })));
|
|
59
|
+
}
|
|
60
|
+
renderRectangle() {
|
|
61
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
|
|
62
|
+
}
|
|
63
|
+
renderCircle() {
|
|
64
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
|
|
65
|
+
}
|
|
66
|
+
render() {
|
|
67
|
+
let e = "";
|
|
68
|
+
switch (this.structure) {
|
|
69
|
+
case "logo":
|
|
70
|
+
e = `
|
|
71
|
+
:host {
|
|
72
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
73
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
74
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
75
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
76
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
77
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
78
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
79
|
+
}
|
|
80
|
+
`;
|
|
81
|
+
break;
|
|
82
|
+
case "image":
|
|
83
|
+
e = `
|
|
84
|
+
:host {
|
|
85
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
86
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
87
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
88
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
89
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
90
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
91
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
break;
|
|
95
|
+
case "title":
|
|
96
|
+
e = `
|
|
97
|
+
:host {
|
|
98
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
99
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
100
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
101
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
102
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
103
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
104
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
105
|
+
}
|
|
106
|
+
`;
|
|
107
|
+
break;
|
|
108
|
+
case "text":
|
|
109
|
+
e = `
|
|
110
|
+
:host {
|
|
111
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
112
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
113
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
114
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
115
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
116
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
117
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
118
|
+
}
|
|
119
|
+
`;
|
|
120
|
+
break;
|
|
121
|
+
case "rectangle":
|
|
122
|
+
e = `
|
|
123
|
+
:host {
|
|
124
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
125
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
126
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
127
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
128
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
129
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
130
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
131
|
+
}
|
|
132
|
+
`;
|
|
133
|
+
break;
|
|
134
|
+
case "circle":
|
|
135
|
+
e = `
|
|
136
|
+
:host {
|
|
137
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
138
|
+
}
|
|
139
|
+
`;
|
|
140
|
+
break;
|
|
141
|
+
default:
|
|
142
|
+
e = "";
|
|
143
|
+
}
|
|
144
|
+
return t(n, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, t("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
|
|
145
|
+
}
|
|
146
|
+
static get watchers() {
|
|
147
|
+
return {
|
|
148
|
+
structure: ["handleStructureChange"]
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
l.style = a;
|
|
153
|
+
export {
|
|
154
|
+
l as U
|
|
155
|
+
};
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { r, h as t, H as n } from "./index-b2193545-HC0t7mHa.js";
|
|
2
|
+
const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
|
|
3
|
+
constructor(e) {
|
|
4
|
+
r(this, e), this.stylingValue = {
|
|
5
|
+
width: this.handleStylingProps(this.width),
|
|
6
|
+
height: this.handleStylingProps(this.height),
|
|
7
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
8
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
9
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
10
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
11
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
12
|
+
size: this.handleStylingProps(this.size)
|
|
13
|
+
}, this.structure = void 0, this.width = "unset", this.height = "unset", this.borderRadius = "unset", this.marginBottom = "unset", this.marginTop = "unset", this.marginLeft = "unset", this.marginRight = "unset", this.animation = !0, this.rows = 0, this.size = "100%";
|
|
14
|
+
}
|
|
15
|
+
handleStructureChange(e, i) {
|
|
16
|
+
i !== e && this.handleStructure(e);
|
|
17
|
+
}
|
|
18
|
+
handleStylingProps(e) {
|
|
19
|
+
switch (typeof e) {
|
|
20
|
+
case "number":
|
|
21
|
+
return e === 0 ? 0 : `${e}px`;
|
|
22
|
+
case "undefined":
|
|
23
|
+
return "unset";
|
|
24
|
+
case "string":
|
|
25
|
+
return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
|
|
26
|
+
default:
|
|
27
|
+
return "unset";
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
handleStructure(e) {
|
|
31
|
+
switch (e) {
|
|
32
|
+
case "logo":
|
|
33
|
+
return this.renderLogo();
|
|
34
|
+
case "image":
|
|
35
|
+
return this.renderImage();
|
|
36
|
+
case "title":
|
|
37
|
+
return this.renderTitle();
|
|
38
|
+
case "text":
|
|
39
|
+
return this.renderText();
|
|
40
|
+
case "rectangle":
|
|
41
|
+
return this.renderRectangle();
|
|
42
|
+
case "circle":
|
|
43
|
+
return this.renderCircle();
|
|
44
|
+
default:
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
renderLogo() {
|
|
49
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
|
|
50
|
+
}
|
|
51
|
+
renderImage() {
|
|
52
|
+
return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
|
|
53
|
+
}
|
|
54
|
+
renderTitle() {
|
|
55
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
|
|
56
|
+
}
|
|
57
|
+
renderText() {
|
|
58
|
+
return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => t("div", { key: i, class: "Text " + (this.animation ? "Skeleton" : "") })));
|
|
59
|
+
}
|
|
60
|
+
renderRectangle() {
|
|
61
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
|
|
62
|
+
}
|
|
63
|
+
renderCircle() {
|
|
64
|
+
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
|
|
65
|
+
}
|
|
66
|
+
render() {
|
|
67
|
+
let e = "";
|
|
68
|
+
switch (this.structure) {
|
|
69
|
+
case "logo":
|
|
70
|
+
e = `
|
|
71
|
+
:host {
|
|
72
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
73
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
74
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
75
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
76
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
77
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
78
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
79
|
+
}
|
|
80
|
+
`;
|
|
81
|
+
break;
|
|
82
|
+
case "image":
|
|
83
|
+
e = `
|
|
84
|
+
:host {
|
|
85
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
86
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
87
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
88
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
89
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
90
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
91
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
break;
|
|
95
|
+
case "title":
|
|
96
|
+
e = `
|
|
97
|
+
:host {
|
|
98
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
99
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
100
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
101
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
102
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
103
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
104
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
105
|
+
}
|
|
106
|
+
`;
|
|
107
|
+
break;
|
|
108
|
+
case "text":
|
|
109
|
+
e = `
|
|
110
|
+
:host {
|
|
111
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
112
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
113
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
114
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
115
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
116
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
117
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
118
|
+
}
|
|
119
|
+
`;
|
|
120
|
+
break;
|
|
121
|
+
case "rectangle":
|
|
122
|
+
e = `
|
|
123
|
+
:host {
|
|
124
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
125
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
126
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
127
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
128
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
129
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
130
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
131
|
+
}
|
|
132
|
+
`;
|
|
133
|
+
break;
|
|
134
|
+
case "circle":
|
|
135
|
+
e = `
|
|
136
|
+
:host {
|
|
137
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
138
|
+
}
|
|
139
|
+
`;
|
|
140
|
+
break;
|
|
141
|
+
default:
|
|
142
|
+
e = "";
|
|
143
|
+
}
|
|
144
|
+
return t(n, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, t("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
|
|
145
|
+
}
|
|
146
|
+
static get watchers() {
|
|
147
|
+
return {
|
|
148
|
+
structure: ["handleStructureChange"]
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
l.style = a;
|
|
153
|
+
export {
|
|
154
|
+
l as U
|
|
155
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";const t=require("./index-b2193545-YW9b062G.cjs"),r=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",s=r,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
|
|
2
|
+
:host {
|
|
3
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
5
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
6
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
7
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
8
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
9
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
10
|
+
}
|
|
11
|
+
`;break;case"image":e=`
|
|
12
|
+
:host {
|
|
13
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
14
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
15
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
16
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
17
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
18
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
19
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
20
|
+
}
|
|
21
|
+
`;break;case"title":e=`
|
|
22
|
+
:host {
|
|
23
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
24
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
25
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
26
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
27
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
28
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
29
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
30
|
+
}
|
|
31
|
+
`;break;case"text":e=`
|
|
32
|
+
:host {
|
|
33
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
34
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
35
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
36
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
37
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
38
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
39
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
40
|
+
}
|
|
41
|
+
`;break;case"rectangle":e=`
|
|
42
|
+
:host {
|
|
43
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
44
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
45
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
46
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
47
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
48
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
49
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
50
|
+
}
|
|
51
|
+
`;break;case"circle":e=`
|
|
52
|
+
:host {
|
|
53
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
54
|
+
}
|
|
55
|
+
`;break;default:e=""}return t.h(t.Host,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t.h("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};n.style=s;exports.UiSkeleton=n;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { b as e, p as o } from "./index-b2193545-HC0t7mHa.js";
|
|
2
|
+
import { g as a } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
3
|
+
import { U as g } from "./ui-skeleton-ae35c6f2-Cn0ZM_hs.js";
|
|
4
|
+
var i = () => {
|
|
5
|
+
const r = import.meta.url, t = {};
|
|
6
|
+
return r !== "" && (t.resourcesUrl = new URL(".", r).href), o(t);
|
|
7
|
+
};
|
|
8
|
+
i().then(async (r) => (await a(), e([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [8, "border-radius"], marginBottom: [8, "margin-bottom"], marginTop: [8, "margin-top"], marginLeft: [8, "margin-left"], marginRight: [8, "margin-right"], animation: [4], rows: [2], size: [1] }, null, { structure: ["handleStructureChange"] }]]]], r)));
|
|
9
|
+
export {
|
|
10
|
+
g as ui_skeleton
|
|
11
|
+
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./index-b2193545-D1Z0k4-D.cjs"),i=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}",n=i,o=class{constructor(e){t.registerInstance(this,e),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,r){r!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,r)=>t.h("div",{key:r,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
|
|
2
|
-
:host {
|
|
3
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
4
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
5
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}px;
|
|
6
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
|
|
7
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}px;
|
|
8
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}px;
|
|
9
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}px;
|
|
10
|
-
--emw-skeleton-logo-background: ${this.color};
|
|
11
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
13
|
-
}
|
|
14
|
-
`;break;case"image":e=`
|
|
15
|
-
:host {
|
|
16
|
-
--emw-skeleton-image-width: ${this.width};
|
|
17
|
-
--emw-skeleton-image-height: ${this.height};
|
|
18
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}px;
|
|
19
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
|
|
20
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}px;
|
|
21
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}px;
|
|
22
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}px;
|
|
23
|
-
--emw-skeleton-image-background: ${this.color};
|
|
24
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
25
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
26
|
-
}
|
|
27
|
-
`;break;case"title":e=`
|
|
28
|
-
:host {
|
|
29
|
-
--emw-skeleton-title-width: ${this.width};
|
|
30
|
-
--emw-skeleton-title-height: ${this.height};
|
|
31
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}px;
|
|
32
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
|
|
33
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}px;
|
|
34
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}px;
|
|
35
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}px;
|
|
36
|
-
--emw-skeleton-title-background: ${this.color};
|
|
37
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
38
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
39
|
-
}
|
|
40
|
-
`;break;case"text":e=`
|
|
41
|
-
:host {
|
|
42
|
-
--emw-skeleton-text-width: ${this.width};
|
|
43
|
-
--emw-skeleton-text-height: ${this.height};
|
|
44
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}px;
|
|
45
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
|
|
46
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}px;
|
|
47
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}px;
|
|
48
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}px;
|
|
49
|
-
--emw-skeleton-text-background: ${this.color};
|
|
50
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
51
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
52
|
-
}
|
|
53
|
-
`;break;case"rectangle":e=`
|
|
54
|
-
:host {
|
|
55
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
56
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
57
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
|
|
58
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
|
|
59
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
|
|
60
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
|
|
61
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
|
|
62
|
-
--emw-skeleton-rectangle-background: ${this.color};
|
|
63
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
64
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
65
|
-
}
|
|
66
|
-
`;break;case"circle":e=`
|
|
67
|
-
:host {
|
|
68
|
-
--emw-skeleton-circle-size: ${this.size};
|
|
69
|
-
--emw-skeleton-circle-background: ${this.color};
|
|
70
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
71
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
72
|
-
}
|
|
73
|
-
`;break;default:e=""}return t.h(t.Host,{key:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},t.h("style",{key:"a4607599b60659f385ae2660513e38b383739674"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};o.style=n;exports.UiSkeleton=o;
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { r as o, h as t, H as i } from "./index-b2193545-CPztmidm.js";
|
|
2
|
-
const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", s = n, a = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
|
|
5
|
-
}
|
|
6
|
-
handleStructureChange(e, r) {
|
|
7
|
-
r !== e && this.handleStructure(e);
|
|
8
|
-
}
|
|
9
|
-
handleStructure(e) {
|
|
10
|
-
switch (e) {
|
|
11
|
-
case "logo":
|
|
12
|
-
return this.renderLogo();
|
|
13
|
-
case "image":
|
|
14
|
-
return this.renderImage();
|
|
15
|
-
case "title":
|
|
16
|
-
return this.renderTitle();
|
|
17
|
-
case "text":
|
|
18
|
-
return this.renderText();
|
|
19
|
-
case "rectangle":
|
|
20
|
-
return this.renderRectangle();
|
|
21
|
-
case "circle":
|
|
22
|
-
return this.renderCircle();
|
|
23
|
-
default:
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
renderLogo() {
|
|
28
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
|
|
29
|
-
}
|
|
30
|
-
renderImage() {
|
|
31
|
-
return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
|
|
32
|
-
}
|
|
33
|
-
renderTitle() {
|
|
34
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
|
|
35
|
-
}
|
|
36
|
-
renderText() {
|
|
37
|
-
return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, r) => t("div", { key: r, class: "Text " + (this.animation ? "Skeleton" : "") })));
|
|
38
|
-
}
|
|
39
|
-
renderRectangle() {
|
|
40
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
|
|
41
|
-
}
|
|
42
|
-
renderCircle() {
|
|
43
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
let e = "";
|
|
47
|
-
switch (this.structure) {
|
|
48
|
-
case "logo":
|
|
49
|
-
e = `
|
|
50
|
-
:host {
|
|
51
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
52
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
53
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}px;
|
|
54
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
|
|
55
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}px;
|
|
56
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}px;
|
|
57
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}px;
|
|
58
|
-
--emw-skeleton-logo-background: ${this.color};
|
|
59
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
60
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
break;
|
|
64
|
-
case "image":
|
|
65
|
-
e = `
|
|
66
|
-
:host {
|
|
67
|
-
--emw-skeleton-image-width: ${this.width};
|
|
68
|
-
--emw-skeleton-image-height: ${this.height};
|
|
69
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}px;
|
|
70
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
|
|
71
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}px;
|
|
72
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}px;
|
|
73
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}px;
|
|
74
|
-
--emw-skeleton-image-background: ${this.color};
|
|
75
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
76
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
77
|
-
}
|
|
78
|
-
`;
|
|
79
|
-
break;
|
|
80
|
-
case "title":
|
|
81
|
-
e = `
|
|
82
|
-
:host {
|
|
83
|
-
--emw-skeleton-title-width: ${this.width};
|
|
84
|
-
--emw-skeleton-title-height: ${this.height};
|
|
85
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}px;
|
|
86
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
|
|
87
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}px;
|
|
88
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}px;
|
|
89
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}px;
|
|
90
|
-
--emw-skeleton-title-background: ${this.color};
|
|
91
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
92
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
93
|
-
}
|
|
94
|
-
`;
|
|
95
|
-
break;
|
|
96
|
-
case "text":
|
|
97
|
-
e = `
|
|
98
|
-
:host {
|
|
99
|
-
--emw-skeleton-text-width: ${this.width};
|
|
100
|
-
--emw-skeleton-text-height: ${this.height};
|
|
101
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}px;
|
|
102
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
|
|
103
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}px;
|
|
104
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}px;
|
|
105
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}px;
|
|
106
|
-
--emw-skeleton-text-background: ${this.color};
|
|
107
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
108
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
109
|
-
}
|
|
110
|
-
`;
|
|
111
|
-
break;
|
|
112
|
-
case "rectangle":
|
|
113
|
-
e = `
|
|
114
|
-
:host {
|
|
115
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
116
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
117
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
|
|
118
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
|
|
119
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
|
|
120
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
|
|
121
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
|
|
122
|
-
--emw-skeleton-rectangle-background: ${this.color};
|
|
123
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
124
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
125
|
-
}
|
|
126
|
-
`;
|
|
127
|
-
break;
|
|
128
|
-
case "circle":
|
|
129
|
-
e = `
|
|
130
|
-
:host {
|
|
131
|
-
--emw-skeleton-circle-size: ${this.size};
|
|
132
|
-
--emw-skeleton-circle-background: ${this.color};
|
|
133
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
134
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
135
|
-
}
|
|
136
|
-
`;
|
|
137
|
-
break;
|
|
138
|
-
default:
|
|
139
|
-
e = "";
|
|
140
|
-
}
|
|
141
|
-
return t(i, { key: "3bb792a149db7fe732d5cbfa092cdb4d6ca0689e" }, t("style", { key: "a4607599b60659f385ae2660513e38b383739674" }, e), this.handleStructure(this.structure));
|
|
142
|
-
}
|
|
143
|
-
static get watchers() {
|
|
144
|
-
return {
|
|
145
|
-
structure: ["handleStructureChange"]
|
|
146
|
-
};
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
a.style = s;
|
|
150
|
-
export {
|
|
151
|
-
a as U
|
|
152
|
-
};
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { r as o, h as t, H as i } from "./index-b2193545-BcYyCldH.js";
|
|
2
|
-
const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", s = n, a = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
|
|
5
|
-
}
|
|
6
|
-
handleStructureChange(e, r) {
|
|
7
|
-
r !== e && this.handleStructure(e);
|
|
8
|
-
}
|
|
9
|
-
handleStructure(e) {
|
|
10
|
-
switch (e) {
|
|
11
|
-
case "logo":
|
|
12
|
-
return this.renderLogo();
|
|
13
|
-
case "image":
|
|
14
|
-
return this.renderImage();
|
|
15
|
-
case "title":
|
|
16
|
-
return this.renderTitle();
|
|
17
|
-
case "text":
|
|
18
|
-
return this.renderText();
|
|
19
|
-
case "rectangle":
|
|
20
|
-
return this.renderRectangle();
|
|
21
|
-
case "circle":
|
|
22
|
-
return this.renderCircle();
|
|
23
|
-
default:
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
renderLogo() {
|
|
28
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
|
|
29
|
-
}
|
|
30
|
-
renderImage() {
|
|
31
|
-
return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
|
|
32
|
-
}
|
|
33
|
-
renderTitle() {
|
|
34
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
|
|
35
|
-
}
|
|
36
|
-
renderText() {
|
|
37
|
-
return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, r) => t("div", { key: r, class: "Text " + (this.animation ? "Skeleton" : "") })));
|
|
38
|
-
}
|
|
39
|
-
renderRectangle() {
|
|
40
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
|
|
41
|
-
}
|
|
42
|
-
renderCircle() {
|
|
43
|
-
return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
let e = "";
|
|
47
|
-
switch (this.structure) {
|
|
48
|
-
case "logo":
|
|
49
|
-
e = `
|
|
50
|
-
:host {
|
|
51
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
52
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
53
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}px;
|
|
54
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
|
|
55
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}px;
|
|
56
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}px;
|
|
57
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}px;
|
|
58
|
-
--emw-skeleton-logo-background: ${this.color};
|
|
59
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
60
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
break;
|
|
64
|
-
case "image":
|
|
65
|
-
e = `
|
|
66
|
-
:host {
|
|
67
|
-
--emw-skeleton-image-width: ${this.width};
|
|
68
|
-
--emw-skeleton-image-height: ${this.height};
|
|
69
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}px;
|
|
70
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
|
|
71
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}px;
|
|
72
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}px;
|
|
73
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}px;
|
|
74
|
-
--emw-skeleton-image-background: ${this.color};
|
|
75
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
76
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
77
|
-
}
|
|
78
|
-
`;
|
|
79
|
-
break;
|
|
80
|
-
case "title":
|
|
81
|
-
e = `
|
|
82
|
-
:host {
|
|
83
|
-
--emw-skeleton-title-width: ${this.width};
|
|
84
|
-
--emw-skeleton-title-height: ${this.height};
|
|
85
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}px;
|
|
86
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
|
|
87
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}px;
|
|
88
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}px;
|
|
89
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}px;
|
|
90
|
-
--emw-skeleton-title-background: ${this.color};
|
|
91
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
92
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
93
|
-
}
|
|
94
|
-
`;
|
|
95
|
-
break;
|
|
96
|
-
case "text":
|
|
97
|
-
e = `
|
|
98
|
-
:host {
|
|
99
|
-
--emw-skeleton-text-width: ${this.width};
|
|
100
|
-
--emw-skeleton-text-height: ${this.height};
|
|
101
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}px;
|
|
102
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
|
|
103
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}px;
|
|
104
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}px;
|
|
105
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}px;
|
|
106
|
-
--emw-skeleton-text-background: ${this.color};
|
|
107
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
108
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
109
|
-
}
|
|
110
|
-
`;
|
|
111
|
-
break;
|
|
112
|
-
case "rectangle":
|
|
113
|
-
e = `
|
|
114
|
-
:host {
|
|
115
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
116
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
117
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
|
|
118
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
|
|
119
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
|
|
120
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
|
|
121
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
|
|
122
|
-
--emw-skeleton-rectangle-background: ${this.color};
|
|
123
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
124
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
125
|
-
}
|
|
126
|
-
`;
|
|
127
|
-
break;
|
|
128
|
-
case "circle":
|
|
129
|
-
e = `
|
|
130
|
-
:host {
|
|
131
|
-
--emw-skeleton-circle-size: ${this.size};
|
|
132
|
-
--emw-skeleton-circle-background: ${this.color};
|
|
133
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
134
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
135
|
-
}
|
|
136
|
-
`;
|
|
137
|
-
break;
|
|
138
|
-
default:
|
|
139
|
-
e = "";
|
|
140
|
-
}
|
|
141
|
-
return t(i, { key: "3bb792a149db7fe732d5cbfa092cdb4d6ca0689e" }, t("style", { key: "a4607599b60659f385ae2660513e38b383739674" }, e), this.handleStructure(this.structure));
|
|
142
|
-
}
|
|
143
|
-
static get watchers() {
|
|
144
|
-
return {
|
|
145
|
-
structure: ["handleStructureChange"]
|
|
146
|
-
};
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
a.style = s;
|
|
150
|
-
export {
|
|
151
|
-
a as U
|
|
152
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { b as t, p as e } from "./index-b2193545-CPztmidm.js";
|
|
2
|
-
import { g as a } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
3
|
-
import { U as u } from "./ui-skeleton-1cb75d00-CXHx_pAM.js";
|
|
4
|
-
var i = () => {
|
|
5
|
-
const r = import.meta.url, o = {};
|
|
6
|
-
return r !== "" && (o.resourcesUrl = new URL(".", r).href), e(o);
|
|
7
|
-
};
|
|
8
|
-
i().then(async (r) => (await a(), t([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [2, "border-radius"], marginBottom: [2, "margin-bottom"], marginTop: [2, "margin-top"], marginLeft: [2, "margin-left"], marginRight: [2, "margin-right"], animation: [4], rows: [2], size: [1], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"] }]]]], r)));
|
|
9
|
-
export {
|
|
10
|
-
u as ui_skeleton
|
|
11
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var n = (o, t, e) => new Promise((m, s) => {
|
|
2
|
-
var l = (r) => {
|
|
3
|
-
try {
|
|
4
|
-
a(e.next(r));
|
|
5
|
-
} catch (i) {
|
|
6
|
-
s(i);
|
|
7
|
-
}
|
|
8
|
-
}, u = (r) => {
|
|
9
|
-
try {
|
|
10
|
-
a(e.throw(r));
|
|
11
|
-
} catch (i) {
|
|
12
|
-
s(i);
|
|
13
|
-
}
|
|
14
|
-
}, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(l, u);
|
|
15
|
-
a((e = e.apply(o, t)).next());
|
|
16
|
-
});
|
|
17
|
-
import { b as p, p as c } from "./index-b2193545-BcYyCldH.js";
|
|
18
|
-
import { g } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
19
|
-
import { U as R } from "./ui-skeleton-1cb75d00-z2mX3TRi.js";
|
|
20
|
-
var h = () => {
|
|
21
|
-
const o = import.meta.url, t = {};
|
|
22
|
-
return o !== "" && (t.resourcesUrl = new URL(".", o).href), c(t);
|
|
23
|
-
};
|
|
24
|
-
h().then((o) => n(void 0, null, function* () {
|
|
25
|
-
return yield g(), p([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [2, "border-radius"], marginBottom: [2, "margin-bottom"], marginTop: [2, "margin-top"], marginLeft: [2, "margin-left"], marginRight: [2, "margin-right"], animation: [4], rows: [2], size: [1], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"] }]]]], o);
|
|
26
|
-
}));
|
|
27
|
-
export {
|
|
28
|
-
R as ui_skeleton
|
|
29
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var c=(r,t,o)=>new Promise((l,s)=>{var m=e=>{try{n(o.next(e))}catch(i){s(i)}},d=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?l(e.value):Promise.resolve(e.value).then(m,d);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-b2193545-D1Z0k4-D.cjs"),p=require("./app-globals-0f993ce5-sCt45RkC.cjs"),g=require("./ui-skeleton-1cb75d00-CUSs6C3A.cjs");var a=typeof document!="undefined"?document.currentScript:null,f=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-skeleton-CCXvjIzA.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};f().then(r=>c(exports,null,function*(){return yield p.globalScripts(),u.bootstrapLazy([["ui-skeleton",[[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;
|