@everymatrix/casino-lobby 1.80.12 → 1.80.14
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/{CasinoCalendar-CMIWRUUm.js → CasinoCalendar-CaQMrs_0.js} +2 -2
- package/components/{CasinoCalendar-2Cpj6Bg6.js → CasinoCalendar-CymqgsVE.js} +2 -2
- package/components/{CasinoCalendar-DV_HGN_d.cjs → CasinoCalendar-D-4X7F1b.cjs} +1 -1
- package/components/{CasinoCalendarDailyDetails-XuqvF6i3.cjs → CasinoCalendarDailyDetails-1lB2eUB7.cjs} +1 -1
- package/components/{CasinoCalendarDailyDetails-DA7MIM93.js → CasinoCalendarDailyDetails-BvYq67aV.js} +2 -2
- package/components/{CasinoCalendarDailyDetails-B5krFnaT.js → CasinoCalendarDailyDetails-Cdu33K5f.js} +2 -2
- package/components/{CasinoCalendarDailyItem-DY2ge_ta.js → CasinoCalendarDailyItem-BlXh7ccq.js} +2 -2
- package/components/{CasinoCalendarDailyItem-Q79--gB8.cjs → CasinoCalendarDailyItem-D64C8yqM.cjs} +1 -1
- package/components/{CasinoCalendarDailyItem-BAJJIvIo.js → CasinoCalendarDailyItem-mZH2ayyt.js} +2 -2
- package/components/{CasinoCategoriesSlider-D8ihGze3.js → CasinoCategoriesSlider-B0FVpkM6.js} +2 -2
- package/components/{CasinoCategoriesSlider-QFkK1VfK.js → CasinoCategoriesSlider-DJaE-Qvo.js} +2 -2
- package/components/{CasinoCategoriesSlider-Bj5sxBdL.cjs → CasinoCategoriesSlider-idNQoLgy.cjs} +1 -1
- package/components/{CasinoCollectionsProviders-4Z4WIkbN.js → CasinoCollectionsProviders-BzFSNC5D.js} +1 -1
- package/components/{CasinoCollectionsProviders-CyhsgC2q.cjs → CasinoCollectionsProviders-C5Jo_vzk.cjs} +1 -1
- package/components/{CasinoCollectionsProviders-KSxevvZ5.js → CasinoCollectionsProviders-CX-5kuNd.js} +1 -1
- package/components/{CasinoFavoritesSection-Bugjro3Y.js → CasinoFavoritesSection-Dc4_Z9Ur.js} +2 -2
- package/components/{CasinoFavoritesSection-C8KncrTL.js → CasinoFavoritesSection-QJQJ4iIW.js} +2 -2
- package/components/{CasinoFavoritesSection-BIGtfL1s.cjs → CasinoFavoritesSection-iFyg6Js3.cjs} +1 -1
- package/components/{CasinoFilter-DqvsdQLm.js → CasinoFilter-48VXR7DL.js} +1 -1
- package/components/{CasinoFilter-nIExzBTm.js → CasinoFilter-C2n-IMix.js} +1 -1
- package/components/{CasinoFilter-BDFP3doT.cjs → CasinoFilter-DkkcpBnq.cjs} +1 -1
- package/components/{CasinoGameThumbnail-D913j_wH.js → CasinoGameThumbnail-Crj-unFI.js} +2 -2
- package/components/{CasinoGameThumbnail-D0NeJLRZ.js → CasinoGameThumbnail-d7Ubambc.js} +2 -2
- package/components/{CasinoGameThumbnail-CRu4wYn9.cjs → CasinoGameThumbnail-w61F2AfN.cjs} +1 -1
- package/components/{CasinoGamesCategorySection-iIuq0llb.cjs → CasinoGamesCategorySection-BJPnvC-k.cjs} +1 -1
- package/components/{CasinoGamesCategorySection-CBHpXRrV.js → CasinoGamesCategorySection-C4BNRLVM.js} +5 -5
- package/components/{CasinoGamesCategorySection-y3Z4pBvF.js → CasinoGamesCategorySection-Dkth6dXC.js} +5 -5
- package/components/{CasinoJackpotBanner-EKq86n9z.js → CasinoJackpotBanner-D2mBDsa0.js} +2 -2
- package/components/{CasinoJackpotBanner-uWhhU8zz.js → CasinoJackpotBanner-D_pTeI0d.js} +2 -2
- package/components/{CasinoJackpotBanner-C2pEv1Zb.cjs → CasinoJackpotBanner-IZjVx7s5.cjs} +1 -1
- package/components/{CasinoLastPlayedSection-BaspFefs.js → CasinoLastPlayedSection-B5mfJqyZ.js} +2 -2
- package/components/{CasinoLastPlayedSection-BZHiFaEo.cjs → CasinoLastPlayedSection-CpD0M8LJ.cjs} +1 -1
- package/components/{CasinoLastPlayedSection-CyVLry7C.js → CasinoLastPlayedSection-nIG3G-tR.js} +2 -2
- package/components/{CasinoLobby-D6sFsRK_.js → CasinoLobby-BLbHqbQr.js} +3 -3
- package/components/{CasinoLobby-DX_Qd91r.cjs → CasinoLobby-BQe6Y1Lo.cjs} +1 -1
- package/components/{CasinoLobby-BbHLjKPx.js → CasinoLobby-DzJ6W3-B.js} +3 -3
- package/components/{CasinoMostPlayedSection-nHIv8lW-.js → CasinoMostPlayedSection-BG-aGAbA.js} +2 -2
- package/components/{CasinoMostPlayedSection-oEQLt9w8.js → CasinoMostPlayedSection-By7cqwue.js} +2 -2
- package/components/{CasinoMostPlayedSection-dwTtqs_w.cjs → CasinoMostPlayedSection-CM4RG9Kr.cjs} +1 -1
- package/components/{CasinoMyGames-DlC52mK8.js → CasinoMyGames-81VQjACl.js} +4 -4
- package/components/{CasinoMyGames-BFea_UrU.cjs → CasinoMyGames-CVOUzJAn.cjs} +1 -1
- package/components/{CasinoMyGames-B4ieVuL8.js → CasinoMyGames-D7rP8MmT.js} +4 -4
- package/components/{CasinoPage-BIZQumiz.js → CasinoPage-BYnB1mT8.js} +12 -12
- package/components/{CasinoPage-HrqcYSKZ.cjs → CasinoPage-C10aWn2r.cjs} +1 -1
- package/components/{CasinoPage-DdK4hcFm.js → CasinoPage-Dsk_J2V5.js} +12 -12
- package/components/{CasinoRandomGame-CN0ZsyT7.cjs → CasinoRandomGame-B7peIEEW.cjs} +1 -1
- package/components/{CasinoRandomGame-C0LeVa_K.js → CasinoRandomGame-Bs9AbxaS.js} +1 -1
- package/components/{CasinoRandomGame-KqxBje-s.js → CasinoRandomGame-CbBxhzFB.js} +1 -1
- package/components/{CasinoSearch-D7hSVSFK.cjs → CasinoSearch-BZn7Wqsv.cjs} +1 -1
- package/components/{CasinoSearch-nKD3ksk0.js → CasinoSearch-CdjvVZ0J.js} +2 -2
- package/components/{CasinoSearch-D1_qy8Lo.js → CasinoSearch-qOUnzeRa.js} +2 -2
- package/components/{CasinoSlider-B8GaaNuP.js → CasinoSlider-CXaiRk7l.js} +1 -1
- package/components/{CasinoSlider-DbyJ57E6.cjs → CasinoSlider-DLFwI9fN.cjs} +1 -1
- package/components/{CasinoSlider-CBsaRkSG.js → CasinoSlider-DNi0CgqI.js} +1 -1
- package/components/{CasinoSort-DUnBFMEc.js → CasinoSort-Br61UOg6.js} +1 -1
- package/components/{CasinoSort-DdVCJHJU.js → CasinoSort-DzRaZO_M.js} +1 -1
- package/components/{CasinoSort-5CSg7HAS.cjs → CasinoSort-IEayN6zS.cjs} +1 -1
- package/components/{CasinoWinners-C-oBUHXb.cjs → CasinoWinners-BuMxZtBn.cjs} +1 -1
- package/components/{CasinoWinners-CAn_YMPe.js → CasinoWinners-CgYGUnwW.js} +2 -2
- package/components/{CasinoWinners-Dg7YkHoI.js → CasinoWinners-Dtu_n-Ma.js} +2 -2
- package/components/{GeneralAnimationLoading-DKWSPDDc.js → GeneralAnimationLoading-C_sYMrui.js} +1 -1
- package/components/{GeneralAnimationLoading-yNj1-Ym_.js → GeneralAnimationLoading-CgokEI-2.js} +1 -1
- package/components/{GeneralAnimationLoading-DpT91_iF.cjs → GeneralAnimationLoading-D9zuUvBq.cjs} +1 -1
- package/es2015/casino-lobby.cjs +1 -1
- package/es2015/casino-lobby.js +1 -1
- package/esnext/casino-lobby.js +1 -1
- package/package.json +1 -1
- package/stencil/{casino-play-random-game-YkE8NRAS.cjs → casino-play-random-game-BwOYaFAU.cjs} +1 -1
- package/stencil/{casino-play-random-game-aAxIDx1E.js → casino-play-random-game-DmKKeAPJ.js} +1 -1
- package/stencil/{casino-play-random-game-Cokl6Z0T.js → casino-play-random-game-pUOWIHh5.js} +1 -1
- package/stencil/{casino-play-random-game_2-DQXJFV3B.js → casino-play-random-game_2-Bv4mZ56U.js} +9 -9
- package/stencil/{casino-play-random-game_2-CW63Z1oW.cjs → casino-play-random-game_2-CCjTYmtz.cjs} +3 -3
- package/stencil/{casino-play-random-game_2-C4OzRB6p.js → casino-play-random-game_2-CbA-PLA7.js} +9 -9
- package/stencil/{index-328e660d-r819jp36.cjs → index-328e660d-BDcUPDZD.cjs} +1 -1
- package/stencil/{index-328e660d-Bw8nOXsd.js → index-328e660d-CC4yJqDE.js} +1 -1
- package/stencil/{index-328e660d-B68qAbuh.js → index-328e660d-gQTi0QSx.js} +1 -1
- package/stencil/{index-97d17652--F7PvMq9.js → index-97d17652-B6BYeRne.js} +1 -1
- package/stencil/{index-97d17652-CCFHkzJw.js → index-97d17652-BOr4KAqq.js} +1 -1
- package/stencil/{index-97d17652-BhLhk_xz.cjs → index-97d17652-zTl06Vn9.cjs} +1 -1
- package/stencil/{index-b2193545-Dxw-xjac.js → index-b2193545-BZAG_Jnw.js} +1 -1
- package/stencil/{index-b2193545-TbRClz6K.js → index-b2193545-DG7pnr-7.js} +1 -1
- package/stencil/{index-b2193545-DVT8jgVo.cjs → index-b2193545-DuCTLpV-.cjs} +1 -1
- package/stencil/{ui-image-eY8BEG3a.cjs → ui-image-BmLAbwvr.cjs} +1 -1
- package/stencil/{ui-image-2_i-_1cj.js → ui-image-DDulMZDF.js} +1 -1
- package/stencil/{ui-image-bN_3pDWc.js → ui-image-DwWgscwP.js} +1 -1
- package/stencil/{ui-image-b7b48fe5-ByRuJtdE.js → ui-image-b7b48fe5-BKRtoUuG.js} +1 -1
- package/stencil/{ui-image-b7b48fe5-D6iig_uN.js → ui-image-b7b48fe5-HA45CrsG.js} +1 -1
- package/stencil/{ui-image-b7b48fe5-DG83WzAo.cjs → ui-image-b7b48fe5-MC0x5ZQd.cjs} +1 -1
- package/stencil/{ui-image_2-qO3reSlr.js → ui-image_2-CmVho0dS.js} +13 -13
- package/stencil/ui-image_2-CyqE6j_W.cjs +55 -0
- package/stencil/{ui-image_2-Bm97-wkj.js → ui-image_2-Daq38JGa.js} +13 -13
- package/stencil/{ui-skeleton-DcmFcn7k.cjs → ui-skeleton-BWEKzqTN.cjs} +1 -1
- package/stencil/{ui-skeleton-CSMUbPcJ.js → ui-skeleton-D_tu1FGi.js} +2 -2
- package/stencil/{ui-skeleton-CiszU04_.js → ui-skeleton-DgZQnowa.js} +2 -2
- package/stencil/{ui-skeleton-ae35c6f2-9hZ7WFQc.js → ui-skeleton-ed169f8f-Bs1q2JQr.js} +12 -12
- package/stencil/{ui-skeleton-ae35c6f2-DDHvWmVB.js → ui-skeleton-ed169f8f-D2rWx_KU.js} +12 -12
- package/stencil/ui-skeleton-ed169f8f-Ti6Ksz7V.cjs +55 -0
- package/stencil/ui-image_2-DdFjzzNO.cjs +0 -55
- package/stencil/ui-skeleton-ae35c6f2-D1Tb0H8D.cjs +0 -55
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";const t=require("./index-b2193545-DuCTLpV-.cjs"),r=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{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%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",s=r,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"SkeletonTitle "+(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:"SkeletonText "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
|
|
2
|
+
:host {
|
|
3
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
5
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
6
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
7
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
8
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
9
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
10
|
+
}
|
|
11
|
+
`;break;case"image":e=`
|
|
12
|
+
:host {
|
|
13
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
14
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
15
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
16
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
17
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
18
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
19
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
20
|
+
}
|
|
21
|
+
`;break;case"title":e=`
|
|
22
|
+
:host {
|
|
23
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
24
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
25
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
26
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
27
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
28
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
29
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
30
|
+
}
|
|
31
|
+
`;break;case"text":e=`
|
|
32
|
+
:host {
|
|
33
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
34
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
35
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
36
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
37
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
38
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
39
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
40
|
+
}
|
|
41
|
+
`;break;case"rectangle":e=`
|
|
42
|
+
:host {
|
|
43
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
44
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
45
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
46
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
47
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
48
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
49
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
50
|
+
}
|
|
51
|
+
`;break;case"circle":e=`
|
|
52
|
+
:host {
|
|
53
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
54
|
+
}
|
|
55
|
+
`;break;default:e=""}return t.h(t.Host,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},t.h("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};n.style=s;exports.UiSkeleton=n;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-b7b48fe5-DG83WzAo.cjs"),t=require("./index-97d17652-BhLhk_xz.cjs"),s=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
|
|
2
|
-
:host {
|
|
3
|
-
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4
|
-
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
5
|
-
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
6
|
-
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
7
|
-
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
8
|
-
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
9
|
-
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
10
|
-
}
|
|
11
|
-
`;break;case"image":e=`
|
|
12
|
-
:host {
|
|
13
|
-
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
14
|
-
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
15
|
-
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
16
|
-
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
17
|
-
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
18
|
-
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
19
|
-
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
20
|
-
}
|
|
21
|
-
`;break;case"title":e=`
|
|
22
|
-
:host {
|
|
23
|
-
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
24
|
-
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
25
|
-
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
26
|
-
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
27
|
-
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
28
|
-
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
29
|
-
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
30
|
-
}
|
|
31
|
-
`;break;case"text":e=`
|
|
32
|
-
:host {
|
|
33
|
-
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
34
|
-
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
35
|
-
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
36
|
-
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
37
|
-
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
38
|
-
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
39
|
-
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
40
|
-
}
|
|
41
|
-
`;break;case"rectangle":e=`
|
|
42
|
-
:host {
|
|
43
|
-
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
44
|
-
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
45
|
-
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
46
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
47
|
-
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
48
|
-
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
49
|
-
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
50
|
-
}
|
|
51
|
-
`;break;case"circle":e=`
|
|
52
|
-
:host {
|
|
53
|
-
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
54
|
-
}
|
|
55
|
-
`;break;default:e=""}return t.h(t.Host,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t.h("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};n.style=a;exports.ui_image=r.UiImage;exports.ui_skeleton=n;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./index-b2193545-DVT8jgVo.cjs"),r=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",s=r,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
|
|
2
|
-
:host {
|
|
3
|
-
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4
|
-
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
5
|
-
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
6
|
-
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
7
|
-
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
8
|
-
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
9
|
-
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
10
|
-
}
|
|
11
|
-
`;break;case"image":e=`
|
|
12
|
-
:host {
|
|
13
|
-
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
14
|
-
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
15
|
-
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
16
|
-
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
17
|
-
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
18
|
-
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
19
|
-
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
20
|
-
}
|
|
21
|
-
`;break;case"title":e=`
|
|
22
|
-
:host {
|
|
23
|
-
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
24
|
-
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
25
|
-
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
26
|
-
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
27
|
-
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
28
|
-
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
29
|
-
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
30
|
-
}
|
|
31
|
-
`;break;case"text":e=`
|
|
32
|
-
:host {
|
|
33
|
-
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
34
|
-
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
35
|
-
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
36
|
-
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
37
|
-
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
38
|
-
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
39
|
-
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
40
|
-
}
|
|
41
|
-
`;break;case"rectangle":e=`
|
|
42
|
-
:host {
|
|
43
|
-
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
44
|
-
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
45
|
-
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
46
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
47
|
-
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
48
|
-
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
49
|
-
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
50
|
-
}
|
|
51
|
-
`;break;case"circle":e=`
|
|
52
|
-
:host {
|
|
53
|
-
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
54
|
-
}
|
|
55
|
-
`;break;default:e=""}return t.h(t.Host,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t.h("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};n.style=s;exports.UiSkeleton=n;
|