@everymatrix/general-footer-template 1.68.0 → 1.69.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
22
+ return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -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([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
11
+ return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
@@ -73,26 +73,54 @@ const UiSkeletonStyle0 = uiSkeletonCss;
73
73
  const UiSkeleton = class {
74
74
  constructor(hostRef) {
75
75
  index.registerInstance(this, hostRef);
76
+ this.stylingValue = {
77
+ width: this.handleStylingProps(this.width),
78
+ height: this.handleStylingProps(this.height),
79
+ borderRadius: this.handleStylingProps(this.borderRadius),
80
+ marginBottom: this.handleStylingProps(this.marginBottom),
81
+ marginTop: this.handleStylingProps(this.marginTop),
82
+ marginLeft: this.handleStylingProps(this.marginLeft),
83
+ marginRight: this.handleStylingProps(this.marginRight)
84
+ };
76
85
  this.structure = undefined;
77
- this.width = undefined;
78
- this.height = undefined;
79
- this.borderRadius = undefined;
80
- this.marginBottom = undefined;
81
- this.marginTop = undefined;
82
- this.marginLeft = undefined;
83
- this.marginRight = undefined;
86
+ this.width = 'unset';
87
+ this.height = 'unset';
88
+ this.borderRadius = 'unset';
89
+ this.marginBottom = 'unset';
90
+ this.marginTop = 'unset';
91
+ this.marginLeft = 'unset';
92
+ this.marginRight = 'unset';
84
93
  this.animation = true;
85
- this.rows = undefined;
86
- this.size = undefined;
87
- this.color = undefined;
88
- this.primaryColor = undefined;
89
- this.secondaryColor = undefined;
94
+ this.rows = 0;
95
+ this.size = '100%';
96
+ this.color = '#c2c2c2';
97
+ this.primaryColor = '#c2c2c2';
98
+ this.secondaryColor = '#ffffff';
90
99
  }
91
100
  handleStructureChange(newValue, oldValue) {
92
101
  if (oldValue !== newValue) {
93
102
  this.handleStructure(newValue);
94
103
  }
95
104
  }
105
+ handleStylingProps(value) {
106
+ switch (typeof value) {
107
+ case 'number':
108
+ return value === 0 ? 0 : `${value}px`;
109
+ case 'undefined':
110
+ return 'unset';
111
+ case 'string':
112
+ if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
113
+ value.endsWith('px') ||
114
+ value.endsWith('%')) {
115
+ return value;
116
+ }
117
+ else {
118
+ return 'unset';
119
+ }
120
+ default:
121
+ return 'unset';
122
+ }
123
+ }
96
124
  handleStructure(structure) {
97
125
  switch (structure) {
98
126
  case 'logo':
@@ -112,22 +140,22 @@ const UiSkeleton = class {
112
140
  }
113
141
  }
114
142
  renderLogo() {
115
- return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: "Logo " + (this.animation ? 'Skeleton' : '') })));
143
+ return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
116
144
  }
117
145
  renderImage() {
118
- return (index.h("div", { class: "Image " + (this.animation ? 'Skeleton' : '') }));
146
+ return index.h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
119
147
  }
120
148
  renderTitle() {
121
- return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: "Title " + (this.animation ? 'Skeleton' : '') })));
149
+ return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
122
150
  }
123
151
  renderText() {
124
- return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: "Text " + (this.animation ? 'Skeleton' : '') })))));
152
+ return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
125
153
  }
126
154
  renderRectangle() {
127
- return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: "Rectangle " + (this.animation ? 'Skeleton' : '') })));
155
+ return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
128
156
  }
129
157
  renderCircle() {
130
- return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: "Circle " + (this.animation ? 'Skeleton' : '') })));
158
+ return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
131
159
  }
132
160
  render() {
133
161
  let styleBlock = '';
@@ -135,13 +163,13 @@ const UiSkeleton = class {
135
163
  case 'logo':
136
164
  styleBlock = `
137
165
  :host {
138
- --emw-skeleton-logo-width: ${this.width};
139
- --emw-skeleton-logo-height: ${this.height};
140
- --emw-skeleton-logo-border-radius: ${this.borderRadius}px;
141
- --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
142
- --emw-skeleton-logo-margin-top: ${this.marginTop}px;
143
- --emw-skeleton-logo-margin-left: ${this.marginLeft}px;
144
- --emw-skeleton-logo-margin-right: ${this.marginRight}px;
166
+ --emw-skeleton-logo-width: ${this.stylingValue.width};
167
+ --emw-skeleton-logo-height: ${this.stylingValue.height};
168
+ --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
169
+ --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
170
+ --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
171
+ --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
172
+ --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
145
173
  --emw-skeleton-logo-background: ${this.color};
146
174
  --emw-skeleton-primary-color: ${this.primaryColor};
147
175
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -151,13 +179,13 @@ const UiSkeleton = class {
151
179
  case 'image':
152
180
  styleBlock = `
153
181
  :host {
154
- --emw-skeleton-image-width: ${this.width};
155
- --emw-skeleton-image-height: ${this.height};
156
- --emw-skeleton-image-border-radius: ${this.borderRadius}px;
157
- --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
158
- --emw-skeleton-image-margin-top: ${this.marginTop}px;
159
- --emw-skeleton-image-margin-left: ${this.marginLeft}px;
160
- --emw-skeleton-image-margin-right: ${this.marginRight}px;
182
+ --emw-skeleton-image-width: ${this.stylingValue.width};
183
+ --emw-skeleton-image-height: ${this.stylingValue.height};
184
+ --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
185
+ --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
186
+ --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
187
+ --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
188
+ --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
161
189
  --emw-skeleton-image-background: ${this.color};
162
190
  --emw-skeleton-primary-color: ${this.primaryColor};
163
191
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -167,13 +195,13 @@ const UiSkeleton = class {
167
195
  case 'title':
168
196
  styleBlock = `
169
197
  :host {
170
- --emw-skeleton-title-width: ${this.width};
171
- --emw-skeleton-title-height: ${this.height};
172
- --emw-skeleton-title-border-radius: ${this.borderRadius}px;
173
- --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
174
- --emw-skeleton-title-margin-top: ${this.marginTop}px;
175
- --emw-skeleton-title-margin-left: ${this.marginLeft}px;
176
- --emw-skeleton-title-margin-right: ${this.marginRight}px;
198
+ --emw-skeleton-title-width: ${this.stylingValue.width};
199
+ --emw-skeleton-title-height: ${this.stylingValue.height};
200
+ --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
201
+ --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
202
+ --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
203
+ --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
204
+ --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
177
205
  --emw-skeleton-title-background: ${this.color};
178
206
  --emw-skeleton-primary-color: ${this.primaryColor};
179
207
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -183,13 +211,13 @@ const UiSkeleton = class {
183
211
  case 'text':
184
212
  styleBlock = `
185
213
  :host {
186
- --emw-skeleton-text-width: ${this.width};
187
- --emw-skeleton-text-height: ${this.height};
188
- --emw-skeleton-text-border-radius: ${this.borderRadius}px;
189
- --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
190
- --emw-skeleton-text-margin-top: ${this.marginTop}px;
191
- --emw-skeleton-text-margin-left: ${this.marginLeft}px;
192
- --emw-skeleton-text-margin-right: ${this.marginRight}px;
214
+ --emw-skeleton-text-width: ${this.stylingValue.width};
215
+ --emw-skeleton-text-height: ${this.stylingValue.height};
216
+ --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
217
+ --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
218
+ --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
219
+ --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
220
+ --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
193
221
  --emw-skeleton-text-background: ${this.color};
194
222
  --emw-skeleton-primary-color: ${this.primaryColor};
195
223
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -199,13 +227,13 @@ const UiSkeleton = class {
199
227
  case 'rectangle':
200
228
  styleBlock = `
201
229
  :host {
202
- --emw-skeleton-rectangle-width: ${this.width};
203
- --emw-skeleton-rectangle-height: ${this.height};
204
- --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
205
- --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
206
- --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
207
- --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
208
- --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
230
+ --emw-skeleton-rectangle-width: ${this.stylingValue.width};
231
+ --emw-skeleton-rectangle-height: ${this.stylingValue.height};
232
+ --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
233
+ --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
234
+ --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
235
+ --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
236
+ --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
209
237
  --emw-skeleton-rectangle-background: ${this.color};
210
238
  --emw-skeleton-primary-color: ${this.primaryColor};
211
239
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -225,7 +253,7 @@ const UiSkeleton = class {
225
253
  default:
226
254
  styleBlock = '';
227
255
  }
228
- return (index.h(index.Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, index.h("style", { key: 'a4607599b60659f385ae2660513e38b383739674' }, styleBlock), this.handleStructure(this.structure)));
256
+ return (index.h(index.Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, index.h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
229
257
  }
230
258
  static get watchers() { return {
231
259
  "structure": ["handleStructureChange"]
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
19
+ return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
20
20
  });
@@ -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([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
8
+ return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -69,26 +69,54 @@ const UiSkeletonStyle0 = uiSkeletonCss;
69
69
  const UiSkeleton = class {
70
70
  constructor(hostRef) {
71
71
  registerInstance(this, hostRef);
72
+ this.stylingValue = {
73
+ width: this.handleStylingProps(this.width),
74
+ height: this.handleStylingProps(this.height),
75
+ borderRadius: this.handleStylingProps(this.borderRadius),
76
+ marginBottom: this.handleStylingProps(this.marginBottom),
77
+ marginTop: this.handleStylingProps(this.marginTop),
78
+ marginLeft: this.handleStylingProps(this.marginLeft),
79
+ marginRight: this.handleStylingProps(this.marginRight)
80
+ };
72
81
  this.structure = undefined;
73
- this.width = undefined;
74
- this.height = undefined;
75
- this.borderRadius = undefined;
76
- this.marginBottom = undefined;
77
- this.marginTop = undefined;
78
- this.marginLeft = undefined;
79
- this.marginRight = undefined;
82
+ this.width = 'unset';
83
+ this.height = 'unset';
84
+ this.borderRadius = 'unset';
85
+ this.marginBottom = 'unset';
86
+ this.marginTop = 'unset';
87
+ this.marginLeft = 'unset';
88
+ this.marginRight = 'unset';
80
89
  this.animation = true;
81
- this.rows = undefined;
82
- this.size = undefined;
83
- this.color = undefined;
84
- this.primaryColor = undefined;
85
- this.secondaryColor = undefined;
90
+ this.rows = 0;
91
+ this.size = '100%';
92
+ this.color = '#c2c2c2';
93
+ this.primaryColor = '#c2c2c2';
94
+ this.secondaryColor = '#ffffff';
86
95
  }
87
96
  handleStructureChange(newValue, oldValue) {
88
97
  if (oldValue !== newValue) {
89
98
  this.handleStructure(newValue);
90
99
  }
91
100
  }
101
+ handleStylingProps(value) {
102
+ switch (typeof value) {
103
+ case 'number':
104
+ return value === 0 ? 0 : `${value}px`;
105
+ case 'undefined':
106
+ return 'unset';
107
+ case 'string':
108
+ if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
109
+ value.endsWith('px') ||
110
+ value.endsWith('%')) {
111
+ return value;
112
+ }
113
+ else {
114
+ return 'unset';
115
+ }
116
+ default:
117
+ return 'unset';
118
+ }
119
+ }
92
120
  handleStructure(structure) {
93
121
  switch (structure) {
94
122
  case 'logo':
@@ -108,22 +136,22 @@ const UiSkeleton = class {
108
136
  }
109
137
  }
110
138
  renderLogo() {
111
- return (h("div", { class: "SkeletonContainer" }, h("div", { class: "Logo " + (this.animation ? 'Skeleton' : '') })));
139
+ return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
112
140
  }
113
141
  renderImage() {
114
- return (h("div", { class: "Image " + (this.animation ? 'Skeleton' : '') }));
142
+ return h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
115
143
  }
116
144
  renderTitle() {
117
- return (h("div", { class: "SkeletonContainer" }, h("div", { class: "Title " + (this.animation ? 'Skeleton' : '') })));
145
+ return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
118
146
  }
119
147
  renderText() {
120
- return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: "Text " + (this.animation ? 'Skeleton' : '') })))));
148
+ return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
121
149
  }
122
150
  renderRectangle() {
123
- return (h("div", { class: "SkeletonContainer" }, h("div", { class: "Rectangle " + (this.animation ? 'Skeleton' : '') })));
151
+ return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
124
152
  }
125
153
  renderCircle() {
126
- return (h("div", { class: "SkeletonContainer" }, h("div", { class: "Circle " + (this.animation ? 'Skeleton' : '') })));
154
+ return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
127
155
  }
128
156
  render() {
129
157
  let styleBlock = '';
@@ -131,13 +159,13 @@ const UiSkeleton = class {
131
159
  case 'logo':
132
160
  styleBlock = `
133
161
  :host {
134
- --emw-skeleton-logo-width: ${this.width};
135
- --emw-skeleton-logo-height: ${this.height};
136
- --emw-skeleton-logo-border-radius: ${this.borderRadius}px;
137
- --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;
138
- --emw-skeleton-logo-margin-top: ${this.marginTop}px;
139
- --emw-skeleton-logo-margin-left: ${this.marginLeft}px;
140
- --emw-skeleton-logo-margin-right: ${this.marginRight}px;
162
+ --emw-skeleton-logo-width: ${this.stylingValue.width};
163
+ --emw-skeleton-logo-height: ${this.stylingValue.height};
164
+ --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
165
+ --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
166
+ --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
167
+ --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
168
+ --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
141
169
  --emw-skeleton-logo-background: ${this.color};
142
170
  --emw-skeleton-primary-color: ${this.primaryColor};
143
171
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -147,13 +175,13 @@ const UiSkeleton = class {
147
175
  case 'image':
148
176
  styleBlock = `
149
177
  :host {
150
- --emw-skeleton-image-width: ${this.width};
151
- --emw-skeleton-image-height: ${this.height};
152
- --emw-skeleton-image-border-radius: ${this.borderRadius}px;
153
- --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;
154
- --emw-skeleton-image-margin-top: ${this.marginTop}px;
155
- --emw-skeleton-image-margin-left: ${this.marginLeft}px;
156
- --emw-skeleton-image-margin-right: ${this.marginRight}px;
178
+ --emw-skeleton-image-width: ${this.stylingValue.width};
179
+ --emw-skeleton-image-height: ${this.stylingValue.height};
180
+ --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
181
+ --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
182
+ --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
183
+ --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
184
+ --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
157
185
  --emw-skeleton-image-background: ${this.color};
158
186
  --emw-skeleton-primary-color: ${this.primaryColor};
159
187
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -163,13 +191,13 @@ const UiSkeleton = class {
163
191
  case 'title':
164
192
  styleBlock = `
165
193
  :host {
166
- --emw-skeleton-title-width: ${this.width};
167
- --emw-skeleton-title-height: ${this.height};
168
- --emw-skeleton-title-border-radius: ${this.borderRadius}px;
169
- --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;
170
- --emw-skeleton-title-margin-top: ${this.marginTop}px;
171
- --emw-skeleton-title-margin-left: ${this.marginLeft}px;
172
- --emw-skeleton-title-margin-right: ${this.marginRight}px;
194
+ --emw-skeleton-title-width: ${this.stylingValue.width};
195
+ --emw-skeleton-title-height: ${this.stylingValue.height};
196
+ --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
197
+ --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
198
+ --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
199
+ --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
200
+ --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
173
201
  --emw-skeleton-title-background: ${this.color};
174
202
  --emw-skeleton-primary-color: ${this.primaryColor};
175
203
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -179,13 +207,13 @@ const UiSkeleton = class {
179
207
  case 'text':
180
208
  styleBlock = `
181
209
  :host {
182
- --emw-skeleton-text-width: ${this.width};
183
- --emw-skeleton-text-height: ${this.height};
184
- --emw-skeleton-text-border-radius: ${this.borderRadius}px;
185
- --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;
186
- --emw-skeleton-text-margin-top: ${this.marginTop}px;
187
- --emw-skeleton-text-margin-left: ${this.marginLeft}px;
188
- --emw-skeleton-text-margin-right: ${this.marginRight}px;
210
+ --emw-skeleton-text-width: ${this.stylingValue.width};
211
+ --emw-skeleton-text-height: ${this.stylingValue.height};
212
+ --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
213
+ --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
214
+ --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
215
+ --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
216
+ --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
189
217
  --emw-skeleton-text-background: ${this.color};
190
218
  --emw-skeleton-primary-color: ${this.primaryColor};
191
219
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -195,13 +223,13 @@ const UiSkeleton = class {
195
223
  case 'rectangle':
196
224
  styleBlock = `
197
225
  :host {
198
- --emw-skeleton-rectangle-width: ${this.width};
199
- --emw-skeleton-rectangle-height: ${this.height};
200
- --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;
201
- --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;
202
- --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;
203
- --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;
204
- --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;
226
+ --emw-skeleton-rectangle-width: ${this.stylingValue.width};
227
+ --emw-skeleton-rectangle-height: ${this.stylingValue.height};
228
+ --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
229
+ --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
230
+ --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
231
+ --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
232
+ --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
205
233
  --emw-skeleton-rectangle-background: ${this.color};
206
234
  --emw-skeleton-primary-color: ${this.primaryColor};
207
235
  --emw-skeleton-secondary-color: ${this.secondaryColor};
@@ -221,7 +249,7 @@ const UiSkeleton = class {
221
249
  default:
222
250
  styleBlock = '';
223
251
  }
224
- return (h(Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, h("style", { key: 'a4607599b60659f385ae2660513e38b383739674' }, styleBlock), this.handleStructure(this.structure)));
252
+ return (h(Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
225
253
  }
226
254
  static get watchers() { return {
227
255
  "structure": ["handleStructureChange"]
@@ -1 +1 @@
1
- import{p as e,b as t}from"./index-83985f06.js";export{s as setNonce}from"./index-83985f06.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],hasErrors:[32]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
1
+ import{p as e,b as t}from"./index-83985f06.js";export{s as setNonce}from"./index-83985f06.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],hasErrors:[32]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
@@ -1 +1 @@
1
- import{r as e,h as t,H as i,g as n}from"./index-83985f06.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(i,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return n(this)}static get watchers(){return{src:["handleSrc"]}}};o.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";const s=class{constructor(t){e(this,t),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("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,i)=>t("div",{key:i,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.width};\n --emw-skeleton-logo-height: ${this.height};\n --emw-skeleton-logo-border-radius: ${this.borderRadius}px;\n --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-logo-margin-top: ${this.marginTop}px;\n --emw-skeleton-logo-margin-left: ${this.marginLeft}px;\n --emw-skeleton-logo-margin-right: ${this.marginRight}px;\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.width};\n --emw-skeleton-image-height: ${this.height};\n --emw-skeleton-image-border-radius: ${this.borderRadius}px;\n --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-image-margin-top: ${this.marginTop}px;\n --emw-skeleton-image-margin-left: ${this.marginLeft}px;\n --emw-skeleton-image-margin-right: ${this.marginRight}px;\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.width};\n --emw-skeleton-title-height: ${this.height};\n --emw-skeleton-title-border-radius: ${this.borderRadius}px;\n --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-title-margin-top: ${this.marginTop}px;\n --emw-skeleton-title-margin-left: ${this.marginLeft}px;\n --emw-skeleton-title-margin-right: ${this.marginRight}px;\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.width};\n --emw-skeleton-text-height: ${this.height};\n --emw-skeleton-text-border-radius: ${this.borderRadius}px;\n --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-text-margin-top: ${this.marginTop}px;\n --emw-skeleton-text-margin-left: ${this.marginLeft}px;\n --emw-skeleton-text-margin-right: ${this.marginRight}px;\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.width};\n --emw-skeleton-rectangle-height: ${this.height};\n --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;\n --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;\n --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;\n --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;\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(i,{key:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},t("style",{key:"a4607599b60659f385ae2660513e38b383739674"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};s.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_image,s as ui_skeleton}
1
+ import{r as e,h as t,H as i,g as n}from"./index-83985f06.js";const s=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(i,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return n(this)}static get watchers(){return{src:["handleSrc"]}}};s.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";const r=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,i)=>t("div",{key:i,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(i,{key:"5c185b76c438d20d4ad88bc48d94ff5628410bb7"},t("style",{key:"de95e60a5955d5b2af83710423fe40329c187f7e"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};r.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{s as ui_image,r as ui_skeleton}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-footer-template",
3
- "version": "1.68.0",
3
+ "version": "1.69.2",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",