@everymatrix/cashier-receipt-page-nd 1.69.100

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.
Files changed (24) hide show
  1. package/components/CashierError-CIU_kj2C.js +4309 -0
  2. package/components/CashierError-DQjfSXOt.js +4346 -0
  3. package/components/CashierError-h8oOnRdm.cjs +5 -0
  4. package/components/CashierReceiptPage-CzuZ3JQU.cjs +41 -0
  5. package/components/CashierReceiptPage-okLoEEIV.js +2616 -0
  6. package/components/CashierReceiptPage-yjELSPNN.js +2612 -0
  7. package/es2015/cashier-receipt-page-nd.cjs +1 -0
  8. package/es2015/cashier-receipt-page-nd.js +16 -0
  9. package/esnext/cashier-receipt-page-nd.js +14 -0
  10. package/package.json +24 -0
  11. package/stencil/app-globals-0f993ce5-D-kw1sls.js +5 -0
  12. package/stencil/app-globals-0f993ce5-sCt45RkC.cjs +1 -0
  13. package/stencil/index-97d17652--F7PvMq9.js +542 -0
  14. package/stencil/index-97d17652-BhLhk_xz.cjs +1 -0
  15. package/stencil/index-97d17652-CCFHkzJw.js +558 -0
  16. package/stencil/ui-image-BaHsVAxH.cjs +1 -0
  17. package/stencil/ui-image-C7s6Uvn5.js +25 -0
  18. package/stencil/ui-image-CHeV8e9p.js +7 -0
  19. package/stencil/ui-image-b7b48fe5-ByRuJtdE.js +39 -0
  20. package/stencil/ui-image-b7b48fe5-D6iig_uN.js +39 -0
  21. package/stencil/ui-image-b7b48fe5-DG83WzAo.cjs +1 -0
  22. package/stencil/ui-image_2-Bm97-wkj.js +157 -0
  23. package/stencil/ui-image_2-DdFjzzNO.cjs +55 -0
  24. package/stencil/ui-image_2-qO3reSlr.js +157 -0
package/stencil/ui-image_2-Bm97-wkj.js ADDED
@@ -0,0 +1,157 @@
1
+ import { U as m } from "./ui-image-b7b48fe5-ByRuJtdE.js";
2
+ import { r, h as t, H as n } from "./index-97d17652--F7PvMq9.js";
3
+ const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
4
+ constructor(e) {
5
+ r(this, e), this.stylingValue = {
6
+ width: this.handleStylingProps(this.width),
7
+ height: this.handleStylingProps(this.height),
8
+ borderRadius: this.handleStylingProps(this.borderRadius),
9
+ marginBottom: this.handleStylingProps(this.marginBottom),
10
+ marginTop: this.handleStylingProps(this.marginTop),
11
+ marginLeft: this.handleStylingProps(this.marginLeft),
12
+ marginRight: this.handleStylingProps(this.marginRight),
13
+ size: this.handleStylingProps(this.size)
14
+ }, 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%";
15
+ }
16
+ handleStructureChange(e, i) {
17
+ i !== e && this.handleStructure(e);
18
+ }
19
+ handleStylingProps(e) {
20
+ switch (typeof e) {
21
+ case "number":
22
+ return e === 0 ? 0 : `${e}px`;
23
+ case "undefined":
24
+ return "unset";
25
+ case "string":
26
+ return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
27
+ default:
28
+ return "unset";
29
+ }
30
+ }
31
+ handleStructure(e) {
32
+ switch (e) {
33
+ case "logo":
34
+ return this.renderLogo();
35
+ case "image":
36
+ return this.renderImage();
37
+ case "title":
38
+ return this.renderTitle();
39
+ case "text":
40
+ return this.renderText();
41
+ case "rectangle":
42
+ return this.renderRectangle();
43
+ case "circle":
44
+ return this.renderCircle();
45
+ default:
46
+ return null;
47
+ }
48
+ }
49
+ renderLogo() {
50
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
51
+ }
52
+ renderImage() {
53
+ return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
54
+ }
55
+ renderTitle() {
56
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
57
+ }
58
+ renderText() {
59
+ return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => t("div", { key: i, class: "Text " + (this.animation ? "Skeleton" : "") })));
60
+ }
61
+ renderRectangle() {
62
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
63
+ }
64
+ renderCircle() {
65
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
66
+ }
67
+ render() {
68
+ let e = "";
69
+ switch (this.structure) {
70
+ case "logo":
71
+ e = `
72
+ :host {
73
+ --emw-skeleton-logo-width: ${this.stylingValue.width};
74
+ --emw-skeleton-logo-height: ${this.stylingValue.height};
75
+ --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
76
+ --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
77
+ --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
78
+ --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
79
+ --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
80
+ }
81
+ `;
82
+ break;
83
+ case "image":
84
+ e = `
85
+ :host {
86
+ --emw-skeleton-image-width: ${this.stylingValue.width};
87
+ --emw-skeleton-image-height: ${this.stylingValue.height};
88
+ --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
89
+ --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
90
+ --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
91
+ --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
92
+ --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
93
+ }
94
+ `;
95
+ break;
96
+ case "title":
97
+ e = `
98
+ :host {
99
+ --emw-skeleton-title-width: ${this.stylingValue.width};
100
+ --emw-skeleton-title-height: ${this.stylingValue.height};
101
+ --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
102
+ --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
103
+ --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
104
+ --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
105
+ --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
106
+ }
107
+ `;
108
+ break;
109
+ case "text":
110
+ e = `
111
+ :host {
112
+ --emw-skeleton-text-width: ${this.stylingValue.width};
113
+ --emw-skeleton-text-height: ${this.stylingValue.height};
114
+ --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
115
+ --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
116
+ --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
117
+ --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
118
+ --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
119
+ }
120
+ `;
121
+ break;
122
+ case "rectangle":
123
+ e = `
124
+ :host {
125
+ --emw-skeleton-rectangle-width: ${this.stylingValue.width};
126
+ --emw-skeleton-rectangle-height: ${this.stylingValue.height};
127
+ --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
128
+ --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
129
+ --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
130
+ --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
131
+ --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
132
+ }
133
+ `;
134
+ break;
135
+ case "circle":
136
+ e = `
137
+ :host {
138
+ --emw-skeleton-circle-size: ${this.stylingValue.size};
139
+ }
140
+ `;
141
+ break;
142
+ default:
143
+ e = "";
144
+ }
145
+ return t(n, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, t("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
146
+ }
147
+ static get watchers() {
148
+ return {
149
+ structure: ["handleStructureChange"]
150
+ };
151
+ }
152
+ };
153
+ l.style = a;
154
+ export {
155
+ m as ui_image,
156
+ l as ui_skeleton
157
+ };
package/stencil/ui-image_2-DdFjzzNO.cjs ADDED
@@ -0,0 +1,55 @@
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;
package/stencil/ui-image_2-qO3reSlr.js ADDED
@@ -0,0 +1,157 @@
1
+ import { U as m } from "./ui-image-b7b48fe5-D6iig_uN.js";
2
+ import { r, h as t, H as n } from "./index-97d17652-CCFHkzJw.js";
3
+ const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
4
+ constructor(e) {
5
+ r(this, e), this.stylingValue = {
6
+ width: this.handleStylingProps(this.width),
7
+ height: this.handleStylingProps(this.height),
8
+ borderRadius: this.handleStylingProps(this.borderRadius),
9
+ marginBottom: this.handleStylingProps(this.marginBottom),
10
+ marginTop: this.handleStylingProps(this.marginTop),
11
+ marginLeft: this.handleStylingProps(this.marginLeft),
12
+ marginRight: this.handleStylingProps(this.marginRight),
13
+ size: this.handleStylingProps(this.size)
14
+ }, 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%";
15
+ }
16
+ handleStructureChange(e, i) {
17
+ i !== e && this.handleStructure(e);
18
+ }
19
+ handleStylingProps(e) {
20
+ switch (typeof e) {
21
+ case "number":
22
+ return e === 0 ? 0 : `${e}px`;
23
+ case "undefined":
24
+ return "unset";
25
+ case "string":
26
+ return ["auto", "unset", "none", "inherit", "initial"].includes(e) || e.endsWith("px") || e.endsWith("%") ? e : "unset";
27
+ default:
28
+ return "unset";
29
+ }
30
+ }
31
+ handleStructure(e) {
32
+ switch (e) {
33
+ case "logo":
34
+ return this.renderLogo();
35
+ case "image":
36
+ return this.renderImage();
37
+ case "title":
38
+ return this.renderTitle();
39
+ case "text":
40
+ return this.renderText();
41
+ case "rectangle":
42
+ return this.renderRectangle();
43
+ case "circle":
44
+ return this.renderCircle();
45
+ default:
46
+ return null;
47
+ }
48
+ }
49
+ renderLogo() {
50
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
51
+ }
52
+ renderImage() {
53
+ return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
54
+ }
55
+ renderTitle() {
56
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
57
+ }
58
+ renderText() {
59
+ return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => t("div", { key: i, class: "Text " + (this.animation ? "Skeleton" : "") })));
60
+ }
61
+ renderRectangle() {
62
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
63
+ }
64
+ renderCircle() {
65
+ return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
66
+ }
67
+ render() {
68
+ let e = "";
69
+ switch (this.structure) {
70
+ case "logo":
71
+ e = `
72
+ :host {
73
+ --emw-skeleton-logo-width: ${this.stylingValue.width};
74
+ --emw-skeleton-logo-height: ${this.stylingValue.height};
75
+ --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
76
+ --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
77
+ --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
78
+ --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
79
+ --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
80
+ }
81
+ `;
82
+ break;
83
+ case "image":
84
+ e = `
85
+ :host {
86
+ --emw-skeleton-image-width: ${this.stylingValue.width};
87
+ --emw-skeleton-image-height: ${this.stylingValue.height};
88
+ --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
89
+ --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
90
+ --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
91
+ --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
92
+ --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
93
+ }
94
+ `;
95
+ break;
96
+ case "title":
97
+ e = `
98
+ :host {
99
+ --emw-skeleton-title-width: ${this.stylingValue.width};
100
+ --emw-skeleton-title-height: ${this.stylingValue.height};
101
+ --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
102
+ --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
103
+ --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
104
+ --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
105
+ --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
106
+ }
107
+ `;
108
+ break;
109
+ case "text":
110
+ e = `
111
+ :host {
112
+ --emw-skeleton-text-width: ${this.stylingValue.width};
113
+ --emw-skeleton-text-height: ${this.stylingValue.height};
114
+ --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
115
+ --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
116
+ --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
117
+ --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
118
+ --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
119
+ }
120
+ `;
121
+ break;
122
+ case "rectangle":
123
+ e = `
124
+ :host {
125
+ --emw-skeleton-rectangle-width: ${this.stylingValue.width};
126
+ --emw-skeleton-rectangle-height: ${this.stylingValue.height};
127
+ --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
128
+ --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
129
+ --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
130
+ --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
131
+ --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
132
+ }
133
+ `;
134
+ break;
135
+ case "circle":
136
+ e = `
137
+ :host {
138
+ --emw-skeleton-circle-size: ${this.stylingValue.size};
139
+ }
140
+ `;
141
+ break;
142
+ default:
143
+ e = "";
144
+ }
145
+ return t(n, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, t("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
146
+ }
147
+ static get watchers() {
148
+ return {
149
+ structure: ["handleStructureChange"]
150
+ };
151
+ }
152
+ };
153
+ l.style = a;
154
+ export {
155
+ m as ui_image,
156
+ l as ui_skeleton
157
+ };