@everymatrix/player-account-timeout 1.69.0 → 1.69.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{PlayerAccountTimeout-jLvYnBNK.cjs → PlayerAccountTimeout-ByrqMlMf.cjs} +1 -1
- package/components/{PlayerAccountTimeout-DI-1KC-E.js → PlayerAccountTimeout-Cr7Uf53d.js} +1 -1
- package/components/{PlayerAccountTimeout-ChvZ8Xd6.js → PlayerAccountTimeout-D_ztbNN0.js} +1 -1
- package/es2015/player-account-timeout.cjs +1 -1
- package/es2015/player-account-timeout.js +1 -1
- package/esnext/player-account-timeout.js +1 -1
- package/package.json +1 -1
- package/stencil/{index-b2193545-CPztmidm.js → index-b2193545-0nBa8-YE.js} +1 -1
- package/stencil/{index-b2193545-D1Z0k4-D.cjs → index-b2193545-CYERCBaJ.cjs} +1 -1
- package/stencil/{index-b2193545-BcYyCldH.js → index-b2193545-fV0AjNrh.js} +1 -1
- package/stencil/{ui-skeleton-1cb75d00-CXHx_pAM.js → ui-skeleton-161699c3-BPPr6sEf.js} +61 -41
- package/stencil/{ui-skeleton-1cb75d00-z2mX3TRi.js → ui-skeleton-161699c3-DjmPsRvg.js} +61 -41
- package/stencil/ui-skeleton-161699c3-KSM-Cr8Z.cjs +73 -0
- package/stencil/{ui-skeleton-CCXvjIzA.cjs → ui-skeleton-D9ekrDIX.cjs} +1 -1
- package/stencil/{ui-skeleton-4ifa-7wH.js → ui-skeleton-mS4_ikDc.js} +3 -3
- package/stencil/{ui-skeleton-Bk5dn5mu.js → ui-skeleton-rSrQAgGU.js} +3 -3
- package/stencil/ui-skeleton-1cb75d00-CUSs6C3A.cjs +0 -73
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var ur=Object.defineProperty,hr=Object.defineProperties;var pr=Object.getOwnPropertyDescriptors;var Ri=Object.getOwnPropertySymbols;var fr=Object.prototype.hasOwnProperty,mr=Object.prototype.propertyIsEnumerable;var Hi=(o,t,e)=>t in o?ur(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,Et=(o,t)=>{for(var e in t||(t={}))fr.call(t,e)&&Hi(o,e,t[e]);if(Ri)for(var e of Ri(t))mr.call(t,e)&&Hi(o,e,t[e]);return o},Dt=(o,t)=>hr(o,pr(t));var st=(o,t,e)=>new Promise((i,s)=>{var r=l=>{try{a(e.next(l))}catch(d){s(d)}},n=l=>{try{a(e.throw(l))}catch(d){s(d)}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(o,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./PlayerAccountGeneralConfirmationModal-BAzIqzPO.cjs");require("../stencil/ui-skeleton-
|
|
1
|
+
"use strict";var ur=Object.defineProperty,hr=Object.defineProperties;var pr=Object.getOwnPropertyDescriptors;var Ri=Object.getOwnPropertySymbols;var fr=Object.prototype.hasOwnProperty,mr=Object.prototype.propertyIsEnumerable;var Hi=(o,t,e)=>t in o?ur(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,Et=(o,t)=>{for(var e in t||(t={}))fr.call(t,e)&&Hi(o,e,t[e]);if(Ri)for(var e of Ri(t))mr.call(t,e)&&Hi(o,e,t[e]);return o},Dt=(o,t)=>hr(o,pr(t));var st=(o,t,e)=>new Promise((i,s)=>{var r=l=>{try{a(e.next(l))}catch(d){s(d)}},n=l=>{try{a(e.throw(l))}catch(d){s(d)}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(o,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./PlayerAccountGeneralConfirmationModal-BAzIqzPO.cjs");require("../stencil/ui-skeleton-D9ekrDIX.cjs");/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright (c) 2021 - 2024 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as pr, g as fr, a as mr, $ as _r, b as gr, S as yr, i as vr, s as br, f as ce, d as wr, n as Gt, e as oe, h as se, j as M, k as xr, l as Cr, o as Ar, m as Tr, p as Yi, q as x, r as Y, t as A, u as Wi, v as N, w as qi, x as Er, y as Dr, z as ge, A as Ki, B as _t, C as pe, D as kr, E as Sr, F as Oe, G as Gi, H as Pr, I as Or, J as Mr, K as Ir } from "./PlayerAccountGeneralConfirmationModal-D1513x8q.js";
|
|
2
|
-
import "../stencil/ui-skeleton-
|
|
2
|
+
import "../stencil/ui-skeleton-mS4_ikDc.js";
|
|
3
3
|
/**
|
|
4
4
|
* @license
|
|
5
5
|
* Copyright (c) 2021 - 2024 Vaadin Ltd.
|
|
@@ -27,7 +27,7 @@ var ft = (o, t, e) => new Promise((i, s) => {
|
|
|
27
27
|
a((e = e.apply(o, t)).next());
|
|
28
28
|
});
|
|
29
29
|
import { c as Mr, g as Ir, a as Nr, $ as Fr, S as zr, i as Lr, f as ce, s as $r, b as Rr, d as Hr, n as oi, e as oe, h as se, j as M, k as Br, l as Vr, o as Ur, m as jr, p as Qi, q as x, r as Y, t as A, u as eo, v as N, w as to, x as Yr, y as Wr, z as ge, A as io, B as bt, C as pe, D as qr, E as Kr, F as Ie, G as oo, H as Gr, I as Jr, J as Xr, K as Zr } from "./PlayerAccountGeneralConfirmationModal-DdwHxQsA.js";
|
|
30
|
-
import "../stencil/ui-skeleton-
|
|
30
|
+
import "../stencil/ui-skeleton-rSrQAgGU.js";
|
|
31
31
|
/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright (c) 2021 - 2024 Vaadin Ltd.
|
|
@@ -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/PlayerAccountTimeout-
|
|
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/PlayerAccountTimeout-ByrqMlMf.cjs")).then(({default:t})=>{!customElements.get("player-account-timeout")&&customElements.define("player-account-timeout",t.element)})}
|
|
@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
|
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
customElements.define = n(customElements.define), import("../components/PlayerAccountTimeout-
|
|
13
|
+
customElements.define = n(customElements.define), import("../components/PlayerAccountTimeout-D_ztbNN0.js").then(({ default: t }) => {
|
|
14
14
|
!customElements.get("player-account-timeout") && customElements.define("player-account-timeout", 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-D9ekrDIX.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,11 +1,31 @@
|
|
|
1
|
-
import { r as
|
|
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,
|
|
1
|
+
import { r as i, h as t, H as o } from "./index-b2193545-fV0AjNrh.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, l = class {
|
|
3
3
|
constructor(e) {
|
|
4
|
-
|
|
4
|
+
i(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
|
+
}, 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%", this.color = "#c2c2c2", this.primaryColor = "#c2c2c2", this.secondaryColor = "#ffffff";
|
|
5
13
|
}
|
|
6
14
|
handleStructureChange(e, r) {
|
|
7
15
|
r !== e && this.handleStructure(e);
|
|
8
16
|
}
|
|
17
|
+
handleStylingProps(e) {
|
|
18
|
+
switch (typeof e) {
|
|
19
|
+
case "number":
|
|
20
|
+
return e === 0 ? 0 : `${e}px`;
|
|
21
|
+
case "undefined":
|
|
22
|
+
return "unset";
|
|
23
|
+
case "string":
|
|
24
|
+
return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
|
|
25
|
+
default:
|
|
26
|
+
return "unset";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
9
29
|
handleStructure(e) {
|
|
10
30
|
switch (e) {
|
|
11
31
|
case "logo":
|
|
@@ -48,13 +68,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
48
68
|
case "logo":
|
|
49
69
|
e = `
|
|
50
70
|
:host {
|
|
51
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
52
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
53
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}
|
|
54
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}
|
|
55
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}
|
|
56
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}
|
|
57
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}
|
|
71
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
72
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
73
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
74
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
75
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
76
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
77
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
58
78
|
--emw-skeleton-logo-background: ${this.color};
|
|
59
79
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
60
80
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -64,13 +84,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
64
84
|
case "image":
|
|
65
85
|
e = `
|
|
66
86
|
:host {
|
|
67
|
-
--emw-skeleton-image-width: ${this.width};
|
|
68
|
-
--emw-skeleton-image-height: ${this.height};
|
|
69
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}
|
|
70
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}
|
|
71
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}
|
|
72
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}
|
|
73
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}
|
|
87
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
88
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
89
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
90
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
91
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
92
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
93
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
74
94
|
--emw-skeleton-image-background: ${this.color};
|
|
75
95
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
76
96
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -80,13 +100,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
80
100
|
case "title":
|
|
81
101
|
e = `
|
|
82
102
|
:host {
|
|
83
|
-
--emw-skeleton-title-width: ${this.width};
|
|
84
|
-
--emw-skeleton-title-height: ${this.height};
|
|
85
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}
|
|
86
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}
|
|
87
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}
|
|
88
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}
|
|
89
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}
|
|
103
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
104
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
105
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
106
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
107
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
108
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
109
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
90
110
|
--emw-skeleton-title-background: ${this.color};
|
|
91
111
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
92
112
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -96,13 +116,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
96
116
|
case "text":
|
|
97
117
|
e = `
|
|
98
118
|
:host {
|
|
99
|
-
--emw-skeleton-text-width: ${this.width};
|
|
100
|
-
--emw-skeleton-text-height: ${this.height};
|
|
101
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}
|
|
102
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}
|
|
103
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}
|
|
104
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}
|
|
105
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}
|
|
119
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
120
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
121
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
122
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
123
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
124
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
125
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
106
126
|
--emw-skeleton-text-background: ${this.color};
|
|
107
127
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
108
128
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -112,13 +132,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
112
132
|
case "rectangle":
|
|
113
133
|
e = `
|
|
114
134
|
:host {
|
|
115
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
116
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
117
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}
|
|
118
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}
|
|
119
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}
|
|
120
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}
|
|
121
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}
|
|
135
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
136
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
137
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
138
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
139
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
140
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
141
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
122
142
|
--emw-skeleton-rectangle-background: ${this.color};
|
|
123
143
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
124
144
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -138,7 +158,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
138
158
|
default:
|
|
139
159
|
e = "";
|
|
140
160
|
}
|
|
141
|
-
return t(
|
|
161
|
+
return t(o, { key: "5c185b76c438d20d4ad88bc48d94ff5628410bb7" }, t("style", { key: "de95e60a5955d5b2af83710423fe40329c187f7e" }, e), this.handleStructure(this.structure));
|
|
142
162
|
}
|
|
143
163
|
static get watchers() {
|
|
144
164
|
return {
|
|
@@ -146,7 +166,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
146
166
|
};
|
|
147
167
|
}
|
|
148
168
|
};
|
|
149
|
-
|
|
169
|
+
l.style = s;
|
|
150
170
|
export {
|
|
151
|
-
|
|
171
|
+
l as U
|
|
152
172
|
};
|
|
@@ -1,11 +1,31 @@
|
|
|
1
|
-
import { r as
|
|
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,
|
|
1
|
+
import { r as i, h as t, H as o } from "./index-b2193545-0nBa8-YE.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, l = class {
|
|
3
3
|
constructor(e) {
|
|
4
|
-
|
|
4
|
+
i(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
|
+
}, 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%", this.color = "#c2c2c2", this.primaryColor = "#c2c2c2", this.secondaryColor = "#ffffff";
|
|
5
13
|
}
|
|
6
14
|
handleStructureChange(e, r) {
|
|
7
15
|
r !== e && this.handleStructure(e);
|
|
8
16
|
}
|
|
17
|
+
handleStylingProps(e) {
|
|
18
|
+
switch (typeof e) {
|
|
19
|
+
case "number":
|
|
20
|
+
return e === 0 ? 0 : `${e}px`;
|
|
21
|
+
case "undefined":
|
|
22
|
+
return "unset";
|
|
23
|
+
case "string":
|
|
24
|
+
return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
|
|
25
|
+
default:
|
|
26
|
+
return "unset";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
9
29
|
handleStructure(e) {
|
|
10
30
|
switch (e) {
|
|
11
31
|
case "logo":
|
|
@@ -48,13 +68,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
48
68
|
case "logo":
|
|
49
69
|
e = `
|
|
50
70
|
:host {
|
|
51
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
52
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
53
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}
|
|
54
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}
|
|
55
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}
|
|
56
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}
|
|
57
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}
|
|
71
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
72
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
73
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
74
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
75
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
76
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
77
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
58
78
|
--emw-skeleton-logo-background: ${this.color};
|
|
59
79
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
60
80
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -64,13 +84,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
64
84
|
case "image":
|
|
65
85
|
e = `
|
|
66
86
|
:host {
|
|
67
|
-
--emw-skeleton-image-width: ${this.width};
|
|
68
|
-
--emw-skeleton-image-height: ${this.height};
|
|
69
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}
|
|
70
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}
|
|
71
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}
|
|
72
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}
|
|
73
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}
|
|
87
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
88
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
89
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
90
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
91
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
92
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
93
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
74
94
|
--emw-skeleton-image-background: ${this.color};
|
|
75
95
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
76
96
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -80,13 +100,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
80
100
|
case "title":
|
|
81
101
|
e = `
|
|
82
102
|
:host {
|
|
83
|
-
--emw-skeleton-title-width: ${this.width};
|
|
84
|
-
--emw-skeleton-title-height: ${this.height};
|
|
85
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}
|
|
86
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}
|
|
87
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}
|
|
88
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}
|
|
89
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}
|
|
103
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
104
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
105
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
106
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
107
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
108
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
109
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
90
110
|
--emw-skeleton-title-background: ${this.color};
|
|
91
111
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
92
112
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -96,13 +116,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
96
116
|
case "text":
|
|
97
117
|
e = `
|
|
98
118
|
:host {
|
|
99
|
-
--emw-skeleton-text-width: ${this.width};
|
|
100
|
-
--emw-skeleton-text-height: ${this.height};
|
|
101
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}
|
|
102
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}
|
|
103
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}
|
|
104
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}
|
|
105
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}
|
|
119
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
120
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
121
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
122
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
123
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
124
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
125
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
106
126
|
--emw-skeleton-text-background: ${this.color};
|
|
107
127
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
108
128
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -112,13 +132,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
112
132
|
case "rectangle":
|
|
113
133
|
e = `
|
|
114
134
|
:host {
|
|
115
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
116
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
117
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}
|
|
118
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}
|
|
119
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}
|
|
120
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}
|
|
121
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}
|
|
135
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
136
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
137
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
138
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
139
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
140
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
141
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
122
142
|
--emw-skeleton-rectangle-background: ${this.color};
|
|
123
143
|
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
124
144
|
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
@@ -138,7 +158,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
138
158
|
default:
|
|
139
159
|
e = "";
|
|
140
160
|
}
|
|
141
|
-
return t(
|
|
161
|
+
return t(o, { key: "5c185b76c438d20d4ad88bc48d94ff5628410bb7" }, t("style", { key: "de95e60a5955d5b2af83710423fe40329c187f7e" }, e), this.handleStructure(this.structure));
|
|
142
162
|
}
|
|
143
163
|
static get watchers() {
|
|
144
164
|
return {
|
|
@@ -146,7 +166,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
|
|
|
146
166
|
};
|
|
147
167
|
}
|
|
148
168
|
};
|
|
149
|
-
|
|
169
|
+
l.style = s;
|
|
150
170
|
export {
|
|
151
|
-
|
|
171
|
+
l as U
|
|
152
172
|
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";const t=require("./index-b2193545-CYERCBaJ.cjs"),o=":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=o,i=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)},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%",this.color="#c2c2c2",this.primaryColor="#c2c2c2",this.secondaryColor="#ffffff"}handleStructureChange(e,r){r!==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,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.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
|
+
--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.stylingValue.width};
|
|
17
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
18
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
19
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
20
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
21
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
22
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
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.stylingValue.width};
|
|
30
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
31
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
32
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
33
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
34
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
35
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
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.stylingValue.width};
|
|
43
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
44
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
45
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
46
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
47
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
48
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
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.stylingValue.width};
|
|
56
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
57
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
58
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
59
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
60
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
61
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
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:"5c185b76c438d20d4ad88bc48d94ff5628410bb7"},t.h("style",{key:"de95e60a5955d5b2af83710423fe40329c187f7e"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=n;exports.UiSkeleton=i;
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-CYERCBaJ.cjs"),p=require("./app-globals-0f993ce5-sCt45RkC.cjs"),g=require("./ui-skeleton-161699c3-KSM-Cr8Z.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-D9ekrDIX.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:[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],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as t, p as e } from "./index-b2193545-
|
|
1
|
+
import { b as t, p as e } from "./index-b2193545-0nBa8-YE.js";
|
|
2
2
|
import { g as a } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
3
|
-
import { U as u } from "./ui-skeleton-
|
|
3
|
+
import { U as u } from "./ui-skeleton-161699c3-DjmPsRvg.js";
|
|
4
4
|
var i = () => {
|
|
5
5
|
const r = import.meta.url, o = {};
|
|
6
6
|
return r !== "" && (o.resourcesUrl = new URL(".", r).href), e(o);
|
|
7
7
|
};
|
|
8
|
-
i().then(async (r) => (await a(), t([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [
|
|
8
|
+
i().then(async (r) => (await a(), t([["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], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"] }]]]], r)));
|
|
9
9
|
export {
|
|
10
10
|
u as ui_skeleton
|
|
11
11
|
};
|
|
@@ -14,15 +14,15 @@ var n = (o, t, e) => new Promise((m, s) => {
|
|
|
14
14
|
}, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(l, u);
|
|
15
15
|
a((e = e.apply(o, t)).next());
|
|
16
16
|
});
|
|
17
|
-
import { b as p, p as c } from "./index-b2193545-
|
|
17
|
+
import { b as p, p as c } from "./index-b2193545-fV0AjNrh.js";
|
|
18
18
|
import { g } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
19
|
-
import { U as R } from "./ui-skeleton-
|
|
19
|
+
import { U as R } from "./ui-skeleton-161699c3-BPPr6sEf.js";
|
|
20
20
|
var h = () => {
|
|
21
21
|
const o = import.meta.url, t = {};
|
|
22
22
|
return o !== "" && (t.resourcesUrl = new URL(".", o).href), c(t);
|
|
23
23
|
};
|
|
24
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: [
|
|
25
|
+
return yield g(), 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], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"] }]]]], o);
|
|
26
26
|
}));
|
|
27
27
|
export {
|
|
28
28
|
R as ui_skeleton
|
|
@@ -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;
|