@everymatrix/casino-lobby 1.68.0 → 1.69.2

package/stencil/{index-b2193545-nJb2J-aJ.cjs → index-b2193545-CeGUFmMF.cjs}

@@ -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-CUmVjhrn.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;
+"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-DW9HAqES.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;

package/stencil/{index-b2193545-LYFajSbf.js → index-b2193545-DWTOspXW.js}

@@ -26,7 +26,7 @@ var $e = Object.defineProperty, ce = (e, t) => {
       case "ui-skeleton":
         return import(
           /* webpackMode: "lazy" */
-          "./ui-skeleton-D5ACyLBl.js"
+          "./ui-skeleton-BDWZ8ELm.js"
         ).then(l, E);
     }
   }

package/stencil/{ui-image-DLXwOzO2.cjs → ui-image-CFxudyi7.cjs}

@@ -1 +1 @@
-"use strict";var s=(r,t,i)=>new Promise((l,c)=>{var d=e=>{try{o(i.next(e))}catch(n){c(n)}},m=e=>{try{o(i.throw(e))}catch(n){c(n)}},o=e=>e.done?l(e.value):Promise.resolve(e.value).then(d,m);o((i=i.apply(r,t)).next())});const u=require("./index-97d17652-D5_8Vwfn.cjs"),g=require("./app-globals-0f993ce5-4b17CI_n.cjs");var a=typeof document!="undefined"?document.currentScript:null,h=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-image-DLXwOzO2.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};h().then(r=>s(exports,null,function*(){return yield g.globalScripts$1(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[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)}));
+"use strict";var s=(r,t,i)=>new Promise((l,c)=>{var d=e=>{try{o(i.next(e))}catch(n){c(n)}},m=e=>{try{o(i.throw(e))}catch(n){c(n)}},o=e=>e.done?l(e.value):Promise.resolve(e.value).then(d,m);o((i=i.apply(r,t)).next())});const u=require("./index-97d17652-CjAagVjG.cjs"),g=require("./app-globals-0f993ce5-4b17CI_n.cjs");var a=typeof document!="undefined"?document.currentScript:null,h=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-image-CFxudyi7.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};h().then(r=>s(exports,null,function*(){return yield g.globalScripts$1(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[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)}));

package/stencil/{ui-image-YGEFo8L0.js → ui-image-CaNQyRPV.js}

@@ -14,12 +14,12 @@ var n = (t, o, a) => new Promise((m, s) => {
   }, e = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(c, l);
   e((a = a.apply(t, o)).next());
 });
-import { b as u, p as d } from "./index-97d17652-BEnqZAxL.js";
+import { b as u, p as d } from "./index-97d17652-IdX2D3yt.js";
 import { a as g } from "./app-globals-0f993ce5-DfNOCk8l.js";
 var h = () => {
   const t = import.meta.url, o = {};
   return t !== "" && (o.resourcesUrl = new URL(".", t).href), d(o);
 };
 h().then((t) => n(void 0, null, function* () {
-  return yield g(), u([["ui-image_2", [[0, "ui-image", { src: [1], width: [1], height: [1], alt: [1], styles: [8], detectDistance: [1, "detect-distance"], imgLoaded: [32], shouldLoad: [32] }, null, { src: ["handleSrc"] }], [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"] }]]]], t);
+  return yield g(), u([["ui-image_2", [[0, "ui-image", { src: [1], width: [1], height: [1], alt: [1], styles: [8], detectDistance: [1, "detect-distance"], imgLoaded: [32], shouldLoad: [32] }, null, { src: ["handleSrc"] }], [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"] }]]]], t);
 }));

package/stencil/{ui-image-w38Eao2h.js → ui-image-ChBO-svA.js}

@@ -1,7 +1,7 @@
-import { b as o, p as a } from "./index-97d17652-WK_DbPS4.js";
+import { b as o, p as a } from "./index-97d17652-D1-6d0Bk.js";
 import { a as e } from "./app-globals-0f993ce5-DfNOCk8l.js";
 var i = () => {
   const r = import.meta.url, t = {};
   return r !== "" && (t.resourcesUrl = new URL(".", r).href), a(t);
 };
-i().then(async (r) => (await e(), o([["ui-image_2", [[0, "ui-image", { src: [1], width: [1], height: [1], alt: [1], styles: [8], detectDistance: [1, "detect-distance"], imgLoaded: [32], shouldLoad: [32] }, null, { src: ["handleSrc"] }], [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)));
+i().then(async (r) => (await e(), o([["ui-image_2", [[0, "ui-image", { src: [1], width: [1], height: [1], alt: [1], styles: [8], detectDistance: [1, "detect-distance"], imgLoaded: [32], shouldLoad: [32] }, null, { src: ["handleSrc"] }], [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)));

package/stencil/{ui-image-b7b48fe5-V9vp4faA.js → ui-image-b7b48fe5-C2NxBIqB.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as a } from "./index-97d17652-BEnqZAxL.js";
+import { r, h as s, H as n, g as a } from "./index-97d17652-IdX2D3yt.js";
 const d = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", o = d, h = class {
   constructor(e) {
     r(this, e), this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.imgLoaded = !1, this.shouldLoad = !1;

package/stencil/{ui-image-b7b48fe5-Cf9Vq5pI.js → ui-image-b7b48fe5-CSbk4a-_.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as a } from "./index-97d17652-WK_DbPS4.js";
+import { r, h as s, H as n, g as a } from "./index-97d17652-D1-6d0Bk.js";
 const d = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", o = d, h = class {
   constructor(e) {
     r(this, e), this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.imgLoaded = !1, this.shouldLoad = !1;

package/stencil/{ui-image-b7b48fe5-DCck2kk1.cjs → ui-image-b7b48fe5-DtQlRvK7.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./index-97d17652-D5_8Vwfn.cjs"),r=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",d=r,n=class{constructor(e){i.registerInstance(this,e),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver(e=>{e.forEach(t=>{if(t.isIntersecting){const s=t.target.__uxComponent;s&&(s.shouldLoad=!0,s.handleSrc()),window.EMUxObserver.unobserve(t.target)}})},{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return i.h(i.Host,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&i.h("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),i.h("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return i.getElement(this)}static get watchers(){return{src:["handleSrc"]}}};n.style=d;exports.UiImage=n;
+"use strict";const i=require("./index-97d17652-CjAagVjG.cjs"),r=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",d=r,n=class{constructor(e){i.registerInstance(this,e),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver(e=>{e.forEach(t=>{if(t.isIntersecting){const s=t.target.__uxComponent;s&&(s.shouldLoad=!0,s.handleSrc()),window.EMUxObserver.unobserve(t.target)}})},{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return i.h(i.Host,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&i.h("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),i.h("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return i.getElement(this)}static get watchers(){return{src:["handleSrc"]}}};n.style=d;exports.UiImage=n;

package/stencil/{ui-image_2-BncuYpLi.js → ui-image_2-BjVQzUTV.js}

@@ -1,12 +1,32 @@
-import { U as h } from "./ui-image-b7b48fe5-Cf9Vq5pI.js";
-import { r as o, h as t, H as i } from "./index-97d17652-WK_DbPS4.js";
-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 {
+import { U as m } from "./ui-image-b7b48fe5-C2NxBIqB.js";
+import { r as i, h as t, H as o } from "./index-97d17652-IdX2D3yt.js";
+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 {
   constructor(e) {
-    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;
+    i(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":
@@ -49,13 +69,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "logo":
         e = `
           :host {
-            --emw-skeleton-logo-width: ${this.width};
-            --emw-skeleton-logo-height: ${this.height};
-            --emw-skeleton-logo-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-logo-margin-top: ${this.marginTop}px;
-            --emw-skeleton-logo-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-logo-margin-right: ${this.marginRight}px;
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-logo-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -65,13 +85,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "image":
         e = `
           :host {
-            --emw-skeleton-image-width: ${this.width};
-            --emw-skeleton-image-height: ${this.height};
-            --emw-skeleton-image-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-image-margin-top: ${this.marginTop}px;
-            --emw-skeleton-image-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-image-margin-right: ${this.marginRight}px;
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-image-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -81,13 +101,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "title":
         e = `
           :host {
-            --emw-skeleton-title-width: ${this.width};
-            --emw-skeleton-title-height: ${this.height};
-            --emw-skeleton-title-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-title-margin-top: ${this.marginTop}px;
-            --emw-skeleton-title-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-title-margin-right: ${this.marginRight}px;
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-title-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -97,13 +117,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "text":
         e = `
           :host {
-            --emw-skeleton-text-width: ${this.width};
-            --emw-skeleton-text-height: ${this.height};
-            --emw-skeleton-text-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-text-margin-top: ${this.marginTop}px;
-            --emw-skeleton-text-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-text-margin-right: ${this.marginRight}px;
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-text-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -113,13 +133,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "rectangle":
         e = `
           :host {
-            --emw-skeleton-rectangle-width: ${this.width};
-            --emw-skeleton-rectangle-height: ${this.height};
-            --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
-            --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-rectangle-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -139,7 +159,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       default:
         e = "";
     }
-    return t(i, { key: "3bb792a149db7fe732d5cbfa092cdb4d6ca0689e" }, t("style", { key: "a4607599b60659f385ae2660513e38b383739674" }, e), this.handleStructure(this.structure));
+    return t(o, { key: "5c185b76c438d20d4ad88bc48d94ff5628410bb7" }, t("style", { key: "de95e60a5955d5b2af83710423fe40329c187f7e" }, e), this.handleStructure(this.structure));
   }
   static get watchers() {
     return {
@@ -147,8 +167,8 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
     };
   }
 };
-a.style = s;
+l.style = s;
 export {
-  h as ui_image,
-  a as ui_skeleton
+  m as ui_image,
+  l as ui_skeleton
 };

package/stencil/{ui-skeleton-1cb75d00-BWUmrSx4.js → ui-image_2-CaETIZEN.js}

@@ -1,11 +1,32 @@
-import { r as o, h as t, H as i } from "./index-b2193545-LYFajSbf.js";
-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 {
+import { U as m } from "./ui-image-b7b48fe5-CSbk4a-_.js";
+import { r as i, h as t, H as o } from "./index-97d17652-D1-6d0Bk.js";
+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 {
   constructor(e) {
-    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;
+    i(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":
@@ -48,13 +69,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "logo":
         e = `
           :host {
-            --emw-skeleton-logo-width: ${this.width};
-            --emw-skeleton-logo-height: ${this.height};
-            --emw-skeleton-logo-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-logo-margin-top: ${this.marginTop}px;
-            --emw-skeleton-logo-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-logo-margin-right: ${this.marginRight}px;
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-logo-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -64,13 +85,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "image":
         e = `
           :host {
-            --emw-skeleton-image-width: ${this.width};
-            --emw-skeleton-image-height: ${this.height};
-            --emw-skeleton-image-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-image-margin-top: ${this.marginTop}px;
-            --emw-skeleton-image-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-image-margin-right: ${this.marginRight}px;
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-image-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -80,13 +101,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "title":
         e = `
           :host {
-            --emw-skeleton-title-width: ${this.width};
-            --emw-skeleton-title-height: ${this.height};
-            --emw-skeleton-title-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-title-margin-top: ${this.marginTop}px;
-            --emw-skeleton-title-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-title-margin-right: ${this.marginRight}px;
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-title-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -96,13 +117,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "text":
         e = `
           :host {
-            --emw-skeleton-text-width: ${this.width};
-            --emw-skeleton-text-height: ${this.height};
-            --emw-skeleton-text-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-text-margin-top: ${this.marginTop}px;
-            --emw-skeleton-text-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-text-margin-right: ${this.marginRight}px;
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-text-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -112,13 +133,13 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       case "rectangle":
         e = `
           :host {
-            --emw-skeleton-rectangle-width: ${this.width};
-            --emw-skeleton-rectangle-height: ${this.height};
-            --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
-            --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
-            --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
-            --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
-            --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
             --emw-skeleton-rectangle-background: ${this.color};
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -138,7 +159,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       default:
         e = "";
     }
-    return t(i, { key: "3bb792a149db7fe732d5cbfa092cdb4d6ca0689e" }, t("style", { key: "a4607599b60659f385ae2660513e38b383739674" }, e), this.handleStructure(this.structure));
+    return t(o, { key: "5c185b76c438d20d4ad88bc48d94ff5628410bb7" }, t("style", { key: "de95e60a5955d5b2af83710423fe40329c187f7e" }, e), this.handleStructure(this.structure));
   }
   static get watchers() {
     return {
@@ -146,7 +167,8 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
     };
   }
 };
-a.style = s;
+l.style = s;
 export {
-  a as U
+  m as ui_image,
+  l as ui_skeleton
 };

package/stencil/ui-image_2-gOIKmeIr.cjs

@@ -0,0 +1,73 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ui-image-b7b48fe5-DtQlRvK7.cjs"),t=require("./index-97d17652-CjAagVjG.cjs"),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,r=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,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=`
+          :host {
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-logo-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;break;case"image":e=`
+          :host {
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-image-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;break;case"title":e=`
+          :host {
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-title-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;break;case"text":e=`
+          :host {
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-text-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;break;case"rectangle":e=`
+          :host {
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-rectangle-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;break;case"circle":e=`
+          :host {
+            --emw-skeleton-circle-size: ${this.size};
+            --emw-skeleton-circle-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;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"]}}};r.style=s;exports.ui_image=o.UiImage;exports.ui_skeleton=r;