@everymatrix/general-footer-template 1.60.2 → 1.61.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/custom-content-section.cjs.entry.js +0 -12
- package/dist/cjs/general-footer-template.cjs.js +1 -1
- package/dist/cjs/image-list.cjs.entry.js +2 -2
- package/dist/cjs/index-4f1d0ebb.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{ui-skeleton.cjs.entry.js → ui-image_2.cjs.entry.js} +66 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/image-list/image-list.js +3 -2
- package/dist/esm/custom-content-section.entry.js +0 -12
- package/dist/esm/general-footer-template.js +1 -1
- package/dist/esm/image-list.entry.js +2 -2
- package/dist/esm/index-83985f06.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{ui-skeleton.entry.js → ui-image_2.entry.js} +67 -3
- package/dist/general-footer-template/general-footer-template.esm.js +1 -1
- package/dist/general-footer-template/p-99c0545b.entry.js +1 -0
- package/dist/general-footer-template/p-fef8e428.entry.js +1 -0
- package/dist/types/components/image-list/image-list.d.ts +1 -0
- package/package.json +1 -1
- package/dist/general-footer-template/p-5825a431.entry.js +0 -1
- package/dist/general-footer-template/p-b17aa165.entry.js +0 -1
|
@@ -5421,34 +5421,22 @@ class Declaration$4 extends Node$3 {
|
|
|
5421
5421
|
var declaration = Declaration$4;
|
|
5422
5422
|
Declaration$4.default = Declaration$4;
|
|
5423
5423
|
|
|
5424
|
-
// This alphabet uses `A-Za-z0-9_-` symbols.
|
|
5425
|
-
// The order of characters is optimized for better gzip and brotli compression.
|
|
5426
|
-
// References to the same file (works both for gzip and brotli):
|
|
5427
|
-
// `'use`, `andom`, and `rict'`
|
|
5428
|
-
// References to the brotli default dictionary:
|
|
5429
|
-
// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
|
|
5430
5424
|
let urlAlphabet =
|
|
5431
5425
|
'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
|
|
5432
|
-
|
|
5433
5426
|
let customAlphabet = (alphabet, defaultSize = 21) => {
|
|
5434
5427
|
return (size = defaultSize) => {
|
|
5435
5428
|
let id = '';
|
|
5436
|
-
// A compact alternative for `for (var i = 0; i < step; i++)`.
|
|
5437
5429
|
let i = size | 0;
|
|
5438
5430
|
while (i--) {
|
|
5439
|
-
// `| 0` is more compact and faster than `Math.floor()`.
|
|
5440
5431
|
id += alphabet[(Math.random() * alphabet.length) | 0];
|
|
5441
5432
|
}
|
|
5442
5433
|
return id
|
|
5443
5434
|
}
|
|
5444
5435
|
};
|
|
5445
|
-
|
|
5446
5436
|
let nanoid$1 = (size = 21) => {
|
|
5447
5437
|
let id = '';
|
|
5448
|
-
// A compact alternative for `for (var i = 0; i < step; i++)`.
|
|
5449
5438
|
let i = size | 0;
|
|
5450
5439
|
while (i--) {
|
|
5451
|
-
// `| 0` is more compact and faster than `Math.floor()`.
|
|
5452
5440
|
id += urlAlphabet[(Math.random() * 64) | 0];
|
|
5453
5441
|
}
|
|
5454
5442
|
return id
|
|
@@ -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"],"skeletonLoading":[32]}]]],["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-
|
|
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"],"skeletonLoading":[32]}]]],["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],"imgClass":[1,"img-class"],"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"],"skeletonLoading":[32]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -43,8 +43,8 @@ const ImageList = class {
|
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
45
|
var _a, _b, _c, _d;
|
|
46
|
-
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && index.h("div", { key: '
|
|
47
|
-
return (index.h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (index.h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, index.h("div", { class: "ContainerImage" }, index.h("
|
|
46
|
+
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && index.h("div", { key: '36827a44dd3782bf173681efcf7a5592582efb32', class: "ImageListContainer" }, index.h("div", { key: 'd94522bf3aeafd30b56b63182854d11b44c74e65', class: "ImageListWrapper" }, index.h("div", { key: '11c2ab05764b80fa01322a30952f97646a8130c8', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), index.h("div", { key: 'eb0b8f03cf1c69095243ce42c99e86b74003cd01', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
47
|
+
return (index.h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (index.h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }), this.skeletonLoading && (index.h("div", { class: "SkeletonWrapper" }, index.h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" })))), index.h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title))) : (index.h("a", { href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_parent' }, index.h("div", { class: "ContainerImage" }, this.skeletonLoading && (index.h("div", { class: "SkeletonWrapper" }, index.h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" }))), index.h("div", { class: "ImageListPositioner" }, index.h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }))), index.h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)))));
|
|
48
48
|
}))));
|
|
49
49
|
}
|
|
50
50
|
get el() { return index.getElement(this); }
|
|
@@ -91,10 +91,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
91
91
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
92
92
|
/* webpackMode: "lazy" */
|
|
93
93
|
'./image-list.cjs.entry.js')); }).then(processMod, consoleError);
|
|
94
|
-
case 'ui-
|
|
94
|
+
case 'ui-image_2.cjs':
|
|
95
95
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
96
96
|
/* webpackMode: "lazy" */
|
|
97
|
-
'./ui-
|
|
97
|
+
'./ui-image_2.cjs.entry.js')); }).then(processMod, consoleError);
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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"],"skeletonLoading":[32]}]]],["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-
|
|
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"],"skeletonLoading":[32]}]]],["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],"imgClass":[1,"img-class"],"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"],"skeletonLoading":[32]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -4,6 +4,70 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4f1d0ebb.js');
|
|
6
6
|
|
|
7
|
+
const uiImageCss = ":host{display:block}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";
|
|
8
|
+
const UiImageStyle0 = uiImageCss;
|
|
9
|
+
|
|
10
|
+
const UiImage = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.src = undefined;
|
|
14
|
+
this.width = undefined;
|
|
15
|
+
this.height = undefined;
|
|
16
|
+
this.alt = undefined;
|
|
17
|
+
this.imgClass = '';
|
|
18
|
+
this.styles = undefined;
|
|
19
|
+
this.detectDistance = '200px';
|
|
20
|
+
this.imgLoaded = false;
|
|
21
|
+
this.shouldLoad = false;
|
|
22
|
+
}
|
|
23
|
+
handleSrc() {
|
|
24
|
+
if (!this.shouldLoad) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
const tempImage = new Image();
|
|
28
|
+
tempImage.src = this.src;
|
|
29
|
+
tempImage.onload = () => {
|
|
30
|
+
if (this.image) {
|
|
31
|
+
this.image.src = this.src;
|
|
32
|
+
this.imgLoaded = true;
|
|
33
|
+
this.el.dispatchEvent(new CustomEvent('load', { bubbles: true }));
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
componentDidLoad() {
|
|
38
|
+
if ('IntersectionObserver' in window) {
|
|
39
|
+
this.el.__uxComponent = this;
|
|
40
|
+
if (!window.EMUxObserver) {
|
|
41
|
+
window.EMUxObserver = new IntersectionObserver((entries) => {
|
|
42
|
+
entries.forEach(entry => {
|
|
43
|
+
if (entry.isIntersecting) {
|
|
44
|
+
const comp = entry.target.__uxComponent;
|
|
45
|
+
if (comp) {
|
|
46
|
+
comp.shouldLoad = true;
|
|
47
|
+
comp.handleSrc();
|
|
48
|
+
}
|
|
49
|
+
window.EMUxObserver.unobserve(entry.target);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}, { rootMargin: this.detectDistance });
|
|
53
|
+
}
|
|
54
|
+
window.EMUxObserver.observe(this.el);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
this.shouldLoad = true;
|
|
58
|
+
this.handleSrc();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
render() {
|
|
62
|
+
return (index.h("img", { key: '2bb4dc391fc2f753514103e91c0abf065de3236a', ref: el => (this.image = el), style: this.styles, class: `${this.imgClass} ${this.imgLoaded ? 'Visible' : 'Hidden'}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
|
|
63
|
+
}
|
|
64
|
+
get el() { return index.getElement(this); }
|
|
65
|
+
static get watchers() { return {
|
|
66
|
+
"src": ["handleSrc"]
|
|
67
|
+
}; }
|
|
68
|
+
};
|
|
69
|
+
UiImage.style = UiImageStyle0;
|
|
70
|
+
|
|
7
71
|
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, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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
72
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
9
73
|
|
|
@@ -162,7 +226,7 @@ const UiSkeleton = class {
|
|
|
162
226
|
default:
|
|
163
227
|
styleBlock = '';
|
|
164
228
|
}
|
|
165
|
-
return (index.h(index.Host, { key: '
|
|
229
|
+
return (index.h(index.Host, { key: '0641e666452d2172c26ed238d236c2ca3db9f8ed' }, index.h("style", { key: '285fb8210d32aff7f99005627fdecf36f66e82a4' }, styleBlock), this.handleStructure(this.structure)));
|
|
166
230
|
}
|
|
167
231
|
static get watchers() { return {
|
|
168
232
|
"structure": ["handleStructureChange"]
|
|
@@ -170,4 +234,5 @@ const UiSkeleton = class {
|
|
|
170
234
|
};
|
|
171
235
|
UiSkeleton.style = UiSkeletonStyle0;
|
|
172
236
|
|
|
237
|
+
exports.ui_image = UiImage;
|
|
173
238
|
exports.ui_skeleton = UiSkeleton;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import "../../../../../ui-image/dist/types/index";
|
|
2
3
|
export class ImageList {
|
|
3
4
|
constructor() {
|
|
4
5
|
this.navigateLink = (url, target, externalLink) => {
|
|
@@ -34,8 +35,8 @@ export class ImageList {
|
|
|
34
35
|
}
|
|
35
36
|
render() {
|
|
36
37
|
var _a, _b, _c, _d;
|
|
37
|
-
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: '
|
|
38
|
-
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, h("div", { class: "ContainerImage" }, h("
|
|
38
|
+
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: '36827a44dd3782bf173681efcf7a5592582efb32', class: "ImageListContainer" }, h("div", { key: 'd94522bf3aeafd30b56b63182854d11b44c74e65', class: "ImageListWrapper" }, h("div", { key: '11c2ab05764b80fa01322a30952f97646a8130c8', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), h("div", { key: 'eb0b8f03cf1c69095243ce42c99e86b74003cd01', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
39
|
+
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, h("div", { class: "ContainerImage" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }), this.skeletonLoading && (h("div", { class: "SkeletonWrapper" }, h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" })))), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title))) : (h("a", { href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_parent' }, h("div", { class: "ContainerImage" }, this.skeletonLoading && (h("div", { class: "SkeletonWrapper" }, h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" }))), h("div", { class: "ImageListPositioner" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }))), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)))));
|
|
39
40
|
}))));
|
|
40
41
|
}
|
|
41
42
|
static get is() { return "image-list"; }
|
|
@@ -5417,34 +5417,22 @@ class Declaration$4 extends Node$3 {
|
|
|
5417
5417
|
var declaration = Declaration$4;
|
|
5418
5418
|
Declaration$4.default = Declaration$4;
|
|
5419
5419
|
|
|
5420
|
-
// This alphabet uses `A-Za-z0-9_-` symbols.
|
|
5421
|
-
// The order of characters is optimized for better gzip and brotli compression.
|
|
5422
|
-
// References to the same file (works both for gzip and brotli):
|
|
5423
|
-
// `'use`, `andom`, and `rict'`
|
|
5424
|
-
// References to the brotli default dictionary:
|
|
5425
|
-
// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
|
|
5426
5420
|
let urlAlphabet =
|
|
5427
5421
|
'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
|
|
5428
|
-
|
|
5429
5422
|
let customAlphabet = (alphabet, defaultSize = 21) => {
|
|
5430
5423
|
return (size = defaultSize) => {
|
|
5431
5424
|
let id = '';
|
|
5432
|
-
// A compact alternative for `for (var i = 0; i < step; i++)`.
|
|
5433
5425
|
let i = size | 0;
|
|
5434
5426
|
while (i--) {
|
|
5435
|
-
// `| 0` is more compact and faster than `Math.floor()`.
|
|
5436
5427
|
id += alphabet[(Math.random() * alphabet.length) | 0];
|
|
5437
5428
|
}
|
|
5438
5429
|
return id
|
|
5439
5430
|
}
|
|
5440
5431
|
};
|
|
5441
|
-
|
|
5442
5432
|
let nanoid$1 = (size = 21) => {
|
|
5443
5433
|
let id = '';
|
|
5444
|
-
// A compact alternative for `for (var i = 0; i < step; i++)`.
|
|
5445
5434
|
let i = size | 0;
|
|
5446
5435
|
while (i--) {
|
|
5447
|
-
// `| 0` is more compact and faster than `Math.floor()`.
|
|
5448
5436
|
id += urlAlphabet[(Math.random() * 64) | 0];
|
|
5449
5437
|
}
|
|
5450
5438
|
return id
|
|
@@ -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"],"skeletonLoading":[32]}]]],["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-
|
|
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"],"skeletonLoading":[32]}]]],["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],"imgClass":[1,"img-class"],"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"],"skeletonLoading":[32]}]]]], options);
|
|
20
20
|
});
|
|
@@ -39,8 +39,8 @@ const ImageList = class {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
var _a, _b, _c, _d;
|
|
42
|
-
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: '
|
|
43
|
-
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, h("div", { class: "ContainerImage" }, h("
|
|
42
|
+
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: '36827a44dd3782bf173681efcf7a5592582efb32', class: "ImageListContainer" }, h("div", { key: 'd94522bf3aeafd30b56b63182854d11b44c74e65', class: "ImageListWrapper" }, h("div", { key: '11c2ab05764b80fa01322a30952f97646a8130c8', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), h("div", { key: 'eb0b8f03cf1c69095243ce42c99e86b74003cd01', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
43
|
+
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, h("div", { class: "ContainerImage" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }), this.skeletonLoading && (h("div", { class: "SkeletonWrapper" }, h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" })))), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title))) : (h("a", { href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_parent' }, h("div", { class: "ContainerImage" }, this.skeletonLoading && (h("div", { class: "SkeletonWrapper" }, h("ui-skeleton", { structure: "rectangle", rows: "1", width: "100%", height: "100%" }))), h("div", { class: "ImageListPositioner" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon", ref: (el) => (this.imgRef = el), style: { display: this.skeletonLoading ? 'none' : 'block' } }))), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)))));
|
|
44
44
|
}))));
|
|
45
45
|
}
|
|
46
46
|
get el() { return getElement(this); }
|
|
@@ -69,10 +69,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
69
69
|
return import(
|
|
70
70
|
/* webpackMode: "lazy" */
|
|
71
71
|
'./image-list.entry.js').then(processMod, consoleError);
|
|
72
|
-
case 'ui-
|
|
72
|
+
case 'ui-image_2':
|
|
73
73
|
return import(
|
|
74
74
|
/* webpackMode: "lazy" */
|
|
75
|
-
'./ui-
|
|
75
|
+
'./ui-image_2.entry.js').then(processMod, consoleError);
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
return import(
|
package/dist/esm/loader.js
CHANGED
|
@@ -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"],"skeletonLoading":[32]}]]],["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-
|
|
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"],"skeletonLoading":[32]}]]],["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],"imgClass":[1,"img-class"],"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"],"skeletonLoading":[32]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,4 +1,68 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-83985f06.js';
|
|
1
|
+
import { r as registerInstance, h, g as getElement, H as Host } from './index-83985f06.js';
|
|
2
|
+
|
|
3
|
+
const uiImageCss = ":host{display:block}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";
|
|
4
|
+
const UiImageStyle0 = uiImageCss;
|
|
5
|
+
|
|
6
|
+
const UiImage = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
this.src = undefined;
|
|
10
|
+
this.width = undefined;
|
|
11
|
+
this.height = undefined;
|
|
12
|
+
this.alt = undefined;
|
|
13
|
+
this.imgClass = '';
|
|
14
|
+
this.styles = undefined;
|
|
15
|
+
this.detectDistance = '200px';
|
|
16
|
+
this.imgLoaded = false;
|
|
17
|
+
this.shouldLoad = false;
|
|
18
|
+
}
|
|
19
|
+
handleSrc() {
|
|
20
|
+
if (!this.shouldLoad) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const tempImage = new Image();
|
|
24
|
+
tempImage.src = this.src;
|
|
25
|
+
tempImage.onload = () => {
|
|
26
|
+
if (this.image) {
|
|
27
|
+
this.image.src = this.src;
|
|
28
|
+
this.imgLoaded = true;
|
|
29
|
+
this.el.dispatchEvent(new CustomEvent('load', { bubbles: true }));
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
componentDidLoad() {
|
|
34
|
+
if ('IntersectionObserver' in window) {
|
|
35
|
+
this.el.__uxComponent = this;
|
|
36
|
+
if (!window.EMUxObserver) {
|
|
37
|
+
window.EMUxObserver = new IntersectionObserver((entries) => {
|
|
38
|
+
entries.forEach(entry => {
|
|
39
|
+
if (entry.isIntersecting) {
|
|
40
|
+
const comp = entry.target.__uxComponent;
|
|
41
|
+
if (comp) {
|
|
42
|
+
comp.shouldLoad = true;
|
|
43
|
+
comp.handleSrc();
|
|
44
|
+
}
|
|
45
|
+
window.EMUxObserver.unobserve(entry.target);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}, { rootMargin: this.detectDistance });
|
|
49
|
+
}
|
|
50
|
+
window.EMUxObserver.observe(this.el);
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
this.shouldLoad = true;
|
|
54
|
+
this.handleSrc();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
render() {
|
|
58
|
+
return (h("img", { key: '2bb4dc391fc2f753514103e91c0abf065de3236a', ref: el => (this.image = el), style: this.styles, class: `${this.imgClass} ${this.imgLoaded ? 'Visible' : 'Hidden'}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
|
|
59
|
+
}
|
|
60
|
+
get el() { return getElement(this); }
|
|
61
|
+
static get watchers() { return {
|
|
62
|
+
"src": ["handleSrc"]
|
|
63
|
+
}; }
|
|
64
|
+
};
|
|
65
|
+
UiImage.style = UiImageStyle0;
|
|
2
66
|
|
|
3
67
|
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, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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
68
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
@@ -158,7 +222,7 @@ const UiSkeleton = class {
|
|
|
158
222
|
default:
|
|
159
223
|
styleBlock = '';
|
|
160
224
|
}
|
|
161
|
-
return (h(Host, { key: '
|
|
225
|
+
return (h(Host, { key: '0641e666452d2172c26ed238d236c2ca3db9f8ed' }, h("style", { key: '285fb8210d32aff7f99005627fdecf36f66e82a4' }, styleBlock), this.handleStructure(this.structure)));
|
|
162
226
|
}
|
|
163
227
|
static get watchers() { return {
|
|
164
228
|
"structure": ["handleStructureChange"]
|
|
@@ -166,4 +230,4 @@ const UiSkeleton = class {
|
|
|
166
230
|
};
|
|
167
231
|
UiSkeleton.style = UiSkeletonStyle0;
|
|
168
232
|
|
|
169
|
-
export { UiSkeleton as ui_skeleton };
|
|
233
|
+
export { UiImage as ui_image, UiSkeleton as ui_skeleton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-56890359.js";export{s as setNonce}from"./p-56890359.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-bafd9490",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-d6f0d5e4",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],skeletonLoading:[32]}]]],["p-faf0bad1",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-20c8b70b",[[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]}]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-56890359.js";export{s as setNonce}from"./p-56890359.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-bafd9490",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-d6f0d5e4",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],skeletonLoading:[32]}]]],["p-faf0bad1",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-20c8b70b",[[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]}]]],["p-99c0545b",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],imgClass:[1,"img-class"],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"]}]]],["p-fef8e428",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],skeletonLoading:[32]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,g as n,H as i}from"./p-56890359.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.imgClass="",this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.src=this.src,e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,this.el.dispatchEvent(new CustomEvent("load",{bubbles:!0})))}}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("img",{key:"2bb4dc391fc2f753514103e91c0abf065de3236a",ref:e=>this.image=e,style:this.styles,class:`${this.imgClass} ${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=":host{display:block}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;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:"SkeletonContainer"},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.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:"0641e666452d2172c26ed238d236c2ca3db9f8ed"},t("style",{key:"285fb8210d32aff7f99005627fdecf36f66e82a4"},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, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as n,g as e}from"./p-56890359.js";const t=class{constructor(n){i(this,n),this.navigateLink=(i,n,e)=>{window.postMessage({type:this.postMessageEvent,path:i,url:i,target:n,externalLink:e},window.location.href)},this.onImageLoad=()=>{this.removeLoadingState(),this.cleanupListeners()},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.skeletonLoading=!0}componentDidLoad(){this.initImageListeners()}initImageListeners(){this.imgRef&&(this.imgRef.complete?this.onImageLoad():this.imgRef.addEventListener("load",this.onImageLoad))}removeLoadingState(){this.skeletonLoading=!1}cleanupListeners(){var i;null===(i=this.imgRef)||void 0===i||i.removeEventListener("load",this.onImageLoad)}render(){var i,e,t,a;return(null===(i=this.repeaterContent)||void 0===i?void 0:i.content.length)>0&&n("div",{key:"36827a44dd3782bf173681efcf7a5592582efb32",class:"ImageListContainer"},n("div",{key:"d94522bf3aeafd30b56b63182854d11b44c74e65",class:"ImageListWrapper"},n("div",{key:"11c2ab05764b80fa01322a30952f97646a8130c8",class:"ImageListSectionTitle"},null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle),n("div",{key:"eb0b8f03cf1c69095243ce42c99e86b74003cd01",class:"ImageListLineup"},null===(a=null===(t=this.repeaterContent)||void 0===t?void 0:t.content)||void 0===a?void 0:a.map((i=>n("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?n("div",{class:"ImageListIcon",style:{cursor:"pointer"},onClick:()=>this.navigateLink(null==i?void 0:i.url,null==i?void 0:i.target,null==i?void 0:i.isExternalLink)},n("div",{class:"ContainerImage"},n("ui-image",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"}))),n("p",null,null==i?void 0:i.title)):n("a",{href:(null==i?void 0:i.url)||"javascript:void(0)",target:(null==i?void 0:i.target)||"_parent"},n("div",{class:"ContainerImage"},this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"})),n("div",{class:"ImageListPositioner"},n("ui-image",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}))),n("p",null,null==i?void 0:i.title))))))))}get el(){return e(this)}};t.style=".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.ContainerImage.sc-image-list {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.SkeletonWrapper.sc-image-list {\n background-color: #f0f0f0;\n width: 50px;\n height: 40px;\n}\n\n.ImageListContainer.sc-image-list {\n height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n box-sizing: border-box;\n height: 100%;\n display: flex;\n flex-direction: column;\n max-width: 90%;\n margin: auto;\n padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n width: 100%;\n display: flex;\n justify-content: left;\n align-content: center;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n gap: var(--emw--spacing-x-large, 30px);\n justify-content: left;\n align-items: flex-start;\n padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n text-decoration: none;\n color: var(--emw--color-gray-100, #666);\n margin: 0;\n}\n\n@container (max-width: 750px) {\n .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n font-size: var(--emw--font-size-medium, 16px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n justify-content: center;\n }\n .ImageListLineup.sc-image-list {\n justify-content: center;\n padding: 0;\n }\n}";export{t as image_list}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as n,g as e}from"./p-56890359.js";const t=class{constructor(n){i(this,n),this.navigateLink=(i,n,e)=>{window.postMessage({type:this.postMessageEvent,path:i,url:i,target:n,externalLink:e},window.location.href)},this.onImageLoad=()=>{this.removeLoadingState(),this.cleanupListeners()},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.skeletonLoading=!0}componentDidLoad(){this.initImageListeners()}initImageListeners(){this.imgRef&&(this.imgRef.complete?this.onImageLoad():this.imgRef.addEventListener("load",this.onImageLoad))}removeLoadingState(){this.skeletonLoading=!1}cleanupListeners(){var i;null===(i=this.imgRef)||void 0===i||i.removeEventListener("load",this.onImageLoad)}render(){var i,e,t,a;return(null===(i=this.repeaterContent)||void 0===i?void 0:i.content.length)>0&&n("div",{key:"78285fbc71824ba67190d8a7370631c3ab5f80ad",class:"ImageListContainer"},n("div",{key:"bb68dacdca57a394485a8e3818e1c09187977e80",class:"ImageListWrapper"},n("div",{key:"099aeba506825296ae6721679983b5c6e3a38b7f",class:"ImageListSectionTitle"},null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle),n("div",{key:"0f3d5597a317036526961b6bc6697cce474b6400",class:"ImageListLineup"},null===(a=null===(t=this.repeaterContent)||void 0===t?void 0:t.content)||void 0===a?void 0:a.map((i=>n("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?n("div",{class:"ImageListIcon",style:{cursor:"pointer"},onClick:()=>this.navigateLink(null==i?void 0:i.url,null==i?void 0:i.target,null==i?void 0:i.isExternalLink)},n("div",{class:"ContainerImage"},n("img",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"}))),n("p",null,null==i?void 0:i.title)):n("a",{href:(null==i?void 0:i.url)||"javascript:void(0)",target:(null==i?void 0:i.target)||"_parent"},n("div",{class:"ContainerImage"},this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"})),n("div",{class:"ImageListPositioner"},n("img",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}))),n("p",null,null==i?void 0:i.title))))))))}get el(){return e(this)}};t.style=".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.ContainerImage.sc-image-list {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.SkeletonWrapper.sc-image-list {\n background-color: #f0f0f0;\n width: 50px;\n height: 40px;\n}\n\n.ImageListContainer.sc-image-list {\n height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n box-sizing: border-box;\n height: 100%;\n display: flex;\n flex-direction: column;\n max-width: 90%;\n margin: auto;\n padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n width: 100%;\n display: flex;\n justify-content: left;\n align-content: center;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n gap: var(--emw--spacing-x-large, 30px);\n justify-content: left;\n align-items: flex-start;\n padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n text-decoration: none;\n color: var(--emw--color-gray-100, #666);\n margin: 0;\n}\n\n@container (max-width: 750px) {\n .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n font-size: var(--emw--font-size-medium, 16px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n justify-content: center;\n }\n .ImageListLineup.sc-image-list {\n justify-content: center;\n padding: 0;\n }\n}";export{t as image_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as n}from"./p-56890359.js";const o=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:"SkeletonContainer"},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.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(n,{key:"58f7f9acd15f0f96b8b6f47f6bea81d49a3857c5"},t("style",{key:"c72ac31d1c55fd5d18ec334629db45977a0f6124"},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, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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}
|