@everymatrix/pam-account-balance-modal 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["pam-account-balance-modal_2.cjs",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
11
+ return index.bootstrapLazy([["pam-account-balance-modal_2.cjs",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["pam-account-balance-modal_2.cjs",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
22
+ return index.bootstrapLazy([["pam-account-balance-modal_2.cjs",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const pamAccountBalanceModal = require('./pam-account-balance-modal-81ade12d.js');
6
6
  const index = require('./index-f01eba32.js');
7
7
 
8
- const uiSkeletonCss = ":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))}}";
8
+ const uiSkeletonCss = ":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)}}";
9
9
  const UiSkeletonStyle0 = uiSkeletonCss;
10
10
 
11
11
  const UiSkeleton = class {
@@ -18,7 +18,8 @@ const UiSkeleton = class {
18
18
  marginBottom: this.handleStylingProps(this.marginBottom),
19
19
  marginTop: this.handleStylingProps(this.marginTop),
20
20
  marginLeft: this.handleStylingProps(this.marginLeft),
21
- marginRight: this.handleStylingProps(this.marginRight)
21
+ marginRight: this.handleStylingProps(this.marginRight),
22
+ size: this.handleStylingProps(this.size)
22
23
  };
23
24
  this.structure = undefined;
24
25
  this.width = 'unset';
@@ -31,9 +32,6 @@ const UiSkeleton = class {
31
32
  this.animation = true;
32
33
  this.rows = 0;
33
34
  this.size = '100%';
34
- this.color = '#c2c2c2';
35
- this.primaryColor = '#c2c2c2';
36
- this.secondaryColor = '#ffffff';
37
35
  }
38
36
  handleStructureChange(newValue, oldValue) {
39
37
  if (oldValue !== newValue) {
@@ -108,9 +106,6 @@ const UiSkeleton = class {
108
106
  --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
109
107
  --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
110
108
  --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
111
- --emw-skeleton-logo-background: ${this.color};
112
- --emw-skeleton-primary-color: ${this.primaryColor};
113
- --emw-skeleton-secondary-color: ${this.secondaryColor};
114
109
  }
115
110
  `;
116
111
  break;
@@ -124,9 +119,6 @@ const UiSkeleton = class {
124
119
  --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
125
120
  --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
126
121
  --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
127
- --emw-skeleton-image-background: ${this.color};
128
- --emw-skeleton-primary-color: ${this.primaryColor};
129
- --emw-skeleton-secondary-color: ${this.secondaryColor};
130
122
  }
131
123
  `;
132
124
  break;
@@ -140,9 +132,6 @@ const UiSkeleton = class {
140
132
  --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
141
133
  --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
142
134
  --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
143
- --emw-skeleton-title-background: ${this.color};
144
- --emw-skeleton-primary-color: ${this.primaryColor};
145
- --emw-skeleton-secondary-color: ${this.secondaryColor};
146
135
  }
147
136
  `;
148
137
  break;
@@ -156,9 +145,6 @@ const UiSkeleton = class {
156
145
  --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
157
146
  --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
158
147
  --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
159
- --emw-skeleton-text-background: ${this.color};
160
- --emw-skeleton-primary-color: ${this.primaryColor};
161
- --emw-skeleton-secondary-color: ${this.secondaryColor};
162
148
  }
163
149
  `;
164
150
  break;
@@ -172,26 +158,20 @@ const UiSkeleton = class {
172
158
  --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
173
159
  --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
174
160
  --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
175
- --emw-skeleton-rectangle-background: ${this.color};
176
- --emw-skeleton-primary-color: ${this.primaryColor};
177
- --emw-skeleton-secondary-color: ${this.secondaryColor};
178
161
  }
179
162
  `;
180
163
  break;
181
164
  case 'circle':
182
165
  styleBlock = `
183
166
  :host {
184
- --emw-skeleton-circle-size: ${this.size};
185
- --emw-skeleton-circle-background: ${this.color};
186
- --emw-skeleton-primary-color: ${this.primaryColor};
187
- --emw-skeleton-secondary-color: ${this.secondaryColor};
167
+ --emw-skeleton-circle-size: ${this.stylingValue.size};
188
168
  }
189
169
  `;
190
170
  break;
191
171
  default:
192
172
  styleBlock = '';
193
173
  }
194
- return (index.h(index.Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, index.h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
174
+ return (index.h(index.Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, index.h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
195
175
  }
196
176
  static get watchers() { return {
197
177
  "structure": ["handleStructureChange"]
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["pam-account-balance-modal_2",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
8
+ return bootstrapLazy([["pam-account-balance-modal_2",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["pam-account-balance-modal_2",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
19
+ return bootstrapLazy([["pam-account-balance-modal_2",[[1,"pam-account-balance-modal",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"customLocaleIdentifier":[513,"custom-locale-identifier"],"displayBalanceOption":[513,"display-balance-option"],"totalCalculationMode":[513,"total-calculation-mode"],"currencySeparator":[513,"currency-separator"],"currencyDecimal":[513,"currency-decimal"],"currencyPrecision":[513,"currency-precision"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isLoading":[32],"isModalDisplayed":[32],"isSplitWallet":[32],"currentStream":[32],"currency":[32],"updateRealAmountState":[32],"balances":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
20
20
  });
@@ -1,7 +1,7 @@
1
1
  export { P as pam_account_balance_modal } from './pam-account-balance-modal-8ebcc863.js';
2
2
  import { r as registerInstance, h, H as Host } from './index-ee727666.js';
3
3
 
4
- const uiSkeletonCss = ":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))}}";
4
+ const uiSkeletonCss = ":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)}}";
5
5
  const UiSkeletonStyle0 = uiSkeletonCss;
6
6
 
7
7
  const UiSkeleton = class {
@@ -14,7 +14,8 @@ const UiSkeleton = class {
14
14
  marginBottom: this.handleStylingProps(this.marginBottom),
15
15
  marginTop: this.handleStylingProps(this.marginTop),
16
16
  marginLeft: this.handleStylingProps(this.marginLeft),
17
- marginRight: this.handleStylingProps(this.marginRight)
17
+ marginRight: this.handleStylingProps(this.marginRight),
18
+ size: this.handleStylingProps(this.size)
18
19
  };
19
20
  this.structure = undefined;
20
21
  this.width = 'unset';
@@ -27,9 +28,6 @@ const UiSkeleton = class {
27
28
  this.animation = true;
28
29
  this.rows = 0;
29
30
  this.size = '100%';
30
- this.color = '#c2c2c2';
31
- this.primaryColor = '#c2c2c2';
32
- this.secondaryColor = '#ffffff';
33
31
  }
34
32
  handleStructureChange(newValue, oldValue) {
35
33
  if (oldValue !== newValue) {
@@ -104,9 +102,6 @@ const UiSkeleton = class {
104
102
  --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
105
103
  --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
106
104
  --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
107
- --emw-skeleton-logo-background: ${this.color};
108
- --emw-skeleton-primary-color: ${this.primaryColor};
109
- --emw-skeleton-secondary-color: ${this.secondaryColor};
110
105
  }
111
106
  `;
112
107
  break;
@@ -120,9 +115,6 @@ const UiSkeleton = class {
120
115
  --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
121
116
  --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
122
117
  --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
123
- --emw-skeleton-image-background: ${this.color};
124
- --emw-skeleton-primary-color: ${this.primaryColor};
125
- --emw-skeleton-secondary-color: ${this.secondaryColor};
126
118
  }
127
119
  `;
128
120
  break;
@@ -136,9 +128,6 @@ const UiSkeleton = class {
136
128
  --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
137
129
  --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
138
130
  --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
139
- --emw-skeleton-title-background: ${this.color};
140
- --emw-skeleton-primary-color: ${this.primaryColor};
141
- --emw-skeleton-secondary-color: ${this.secondaryColor};
142
131
  }
143
132
  `;
144
133
  break;
@@ -152,9 +141,6 @@ const UiSkeleton = class {
152
141
  --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
153
142
  --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
154
143
  --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
155
- --emw-skeleton-text-background: ${this.color};
156
- --emw-skeleton-primary-color: ${this.primaryColor};
157
- --emw-skeleton-secondary-color: ${this.secondaryColor};
158
144
  }
159
145
  `;
160
146
  break;
@@ -168,26 +154,20 @@ const UiSkeleton = class {
168
154
  --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
169
155
  --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
170
156
  --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
171
- --emw-skeleton-rectangle-background: ${this.color};
172
- --emw-skeleton-primary-color: ${this.primaryColor};
173
- --emw-skeleton-secondary-color: ${this.secondaryColor};
174
157
  }
175
158
  `;
176
159
  break;
177
160
  case 'circle':
178
161
  styleBlock = `
179
162
  :host {
180
- --emw-skeleton-circle-size: ${this.size};
181
- --emw-skeleton-circle-background: ${this.color};
182
- --emw-skeleton-primary-color: ${this.primaryColor};
183
- --emw-skeleton-secondary-color: ${this.secondaryColor};
163
+ --emw-skeleton-circle-size: ${this.stylingValue.size};
184
164
  }
185
165
  `;
186
166
  break;
187
167
  default:
188
168
  styleBlock = '';
189
169
  }
190
- return (h(Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
170
+ return (h(Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
191
171
  }
192
172
  static get watchers() { return {
193
173
  "structure": ["handleStructureChange"]
@@ -0,0 +1 @@
1
+ export{P as pam_account_balance_modal}from"./p-b60c42bd.js";import{r as e,h as t,H as n}from"./p-86b371f2.js";const i=class{constructor(t){e(this,t),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,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"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("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return t(n,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=":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)}}";export{i as ui_skeleton}
@@ -1 +1 @@
1
- import{p as r,b as e}from"./p-86b371f2.js";export{s as setNonce}from"./p-86b371f2.js";import{g as n}from"./p-e1255160.js";(()=>{const e=import.meta.url,n={};return""!==e&&(n.resourcesUrl=new URL(".",e).href),r(n)})().then((async r=>(await n(),e([["p-e75d6a29",[[1,"pam-account-balance-modal",{userId:[513,"user-id"],session:[513],endpoint:[513],customLocaleIdentifier:[513,"custom-locale-identifier"],displayBalanceOption:[513,"display-balance-option"],totalCalculationMode:[513,"total-calculation-mode"],currencySeparator:[513,"currency-separator"],currencyDecimal:[513,"currency-decimal"],currencyPrecision:[513,"currency-precision"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isLoading:[32],isModalDisplayed:[32],isSplitWallet:[32],currentStream:[32],currency:[32],updateRealAmountState:[32],balances:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[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))));
1
+ import{p as e,b as n}from"./p-86b371f2.js";export{s as setNonce}from"./p-86b371f2.js";import{g as t}from"./p-e1255160.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((async e=>(await t(),n([["p-409d26c0",[[1,"pam-account-balance-modal",{userId:[513,"user-id"],session:[513],endpoint:[513],customLocaleIdentifier:[513,"custom-locale-identifier"],displayBalanceOption:[513,"display-balance-option"],totalCalculationMode:[513,"total-calculation-mode"],currencySeparator:[513,"currency-separator"],currencyDecimal:[513,"currency-decimal"],currencyPrecision:[513,"currency-precision"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isLoading:[32],isModalDisplayed:[32],isSplitWallet:[32],currentStream:[32],currency:[32],updateRealAmountState:[32],balances:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],e))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/pam-account-balance-modal",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
@@ -1 +0,0 @@
1
- export{P as pam_account_balance_modal}from"./p-b60c42bd.js";import{r as e,h as t,H as n}from"./p-86b371f2.js";const o=class{constructor(t){e(this,t),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,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"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("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n --emw-skeleton-logo-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n --emw-skeleton-image-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n --emw-skeleton-title-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n --emw-skeleton-text-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n --emw-skeleton-rectangle-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.size};\n --emw-skeleton-circle-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;default:e=""}return t(n,{key:"5c185b76c438d20d4ad88bc48d94ff5628410bb7"},t("style",{key:"de95e60a5955d5b2af83710423fe40329c187f7e"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};o.style=":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))}}";export{o as ui_skeleton}