@everymatrix/general-footer-template 1.98.23 → 1.98.25
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/image-list.cjs.entry.js +7 -2
- package/dist/cjs/link-section-list.cjs.entry.js +9 -2
- package/dist/collection/components/image-list/image-list.js +7 -2
- package/dist/collection/components/link-section-list/link-section-list.js +9 -2
- package/dist/esm/image-list.entry.js +7 -2
- package/dist/esm/link-section-list.entry.js +9 -2
- package/dist/general-footer-template/image-list.entry.js +1 -1
- package/dist/general-footer-template/link-section-list.entry.js +1 -1
- package/package.json +1 -1
|
@@ -22,11 +22,16 @@ const ImageList = class {
|
|
|
22
22
|
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && index.h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, index.h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
|
|
23
23
|
index.h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), index.h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
|
|
24
24
|
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
25
|
-
return (index.h("
|
|
25
|
+
return (index.h("a", { class: {
|
|
26
26
|
'ImageListIcon': true,
|
|
27
27
|
'pointer': isPointer,
|
|
28
28
|
'default': !isPointer
|
|
29
|
-
},
|
|
29
|
+
}, href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_blank', rel: "noopener noreferrer", onClick: (e) => {
|
|
30
|
+
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
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);
|
|
33
|
+
}
|
|
34
|
+
} }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon" })), index.h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)));
|
|
30
35
|
}))));
|
|
31
36
|
}
|
|
32
37
|
};
|
|
@@ -58,7 +58,11 @@ const LinkSectionList = class {
|
|
|
58
58
|
return true;
|
|
59
59
|
}
|
|
60
60
|
createHrefLink(link) {
|
|
61
|
-
|
|
61
|
+
var _a;
|
|
62
|
+
if (link.externalLink)
|
|
63
|
+
return link.linkUrl;
|
|
64
|
+
const path = ((_a = link.linkUrl) === null || _a === void 0 ? void 0 : _a.startsWith('/')) ? link.linkUrl : `/${link.linkUrl}`;
|
|
65
|
+
return `${this.baseUrl}/${this.language}${path}`;
|
|
62
66
|
}
|
|
63
67
|
render() {
|
|
64
68
|
var _a, _b;
|
|
@@ -90,12 +94,15 @@ const LinkSectionList = class {
|
|
|
90
94
|
return obj;
|
|
91
95
|
}, []);
|
|
92
96
|
const renderLinkItems = (category) => category.links.map(link => {
|
|
97
|
+
var _a;
|
|
93
98
|
return index.h("li", { class: "LinkSectionListLink", key: link.linkName }, index.h("a", { class: "LinkSectionListLink", href: this.createHrefLink(link), target: link.target || '_blank', onClick: (e) => {
|
|
94
99
|
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
95
100
|
e.preventDefault();
|
|
96
101
|
this.navigateLink(link);
|
|
97
102
|
}
|
|
98
|
-
}, rel: link.
|
|
103
|
+
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
104
|
+
? 'sponsored noopener'
|
|
105
|
+
: (link.target === '_blank' || link.externalLink ? 'noopener noreferrer' : undefined) }, link.linkName && link.icon ? (index.h("span", { class: "LinkSectionListLinkText" }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })), index.h("span", null, link.linkName))) :
|
|
99
106
|
link.linkName ? (index.h("span", { class: "LinkSectionListLinkText" }, index.h("span", null, link.linkName))) :
|
|
100
107
|
index.h("span", { class: "LinkSectionListLinkText" }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })))));
|
|
101
108
|
});
|
|
@@ -14,11 +14,16 @@ export class ImageList {
|
|
|
14
14
|
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
|
|
15
15
|
h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
|
|
16
16
|
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
17
|
-
return (h("
|
|
17
|
+
return (h("a", { class: {
|
|
18
18
|
'ImageListIcon': true,
|
|
19
19
|
'pointer': isPointer,
|
|
20
20
|
'default': !isPointer
|
|
21
|
-
},
|
|
21
|
+
}, href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_blank', rel: "noopener noreferrer", onClick: (e) => {
|
|
22
|
+
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
23
|
+
e.preventDefault();
|
|
24
|
+
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);
|
|
25
|
+
}
|
|
26
|
+
} }, h("div", { class: "ContainerImage" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon" })), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)));
|
|
22
27
|
}))));
|
|
23
28
|
}
|
|
24
29
|
static get is() { return "image-list"; }
|
|
@@ -42,7 +42,11 @@ export class LinkSectionList {
|
|
|
42
42
|
return true;
|
|
43
43
|
}
|
|
44
44
|
createHrefLink(link) {
|
|
45
|
-
|
|
45
|
+
var _a;
|
|
46
|
+
if (link.externalLink)
|
|
47
|
+
return link.linkUrl;
|
|
48
|
+
const path = ((_a = link.linkUrl) === null || _a === void 0 ? void 0 : _a.startsWith('/')) ? link.linkUrl : `/${link.linkUrl}`;
|
|
49
|
+
return `${this.baseUrl}/${this.language}${path}`;
|
|
46
50
|
}
|
|
47
51
|
render() {
|
|
48
52
|
var _a, _b;
|
|
@@ -74,12 +78,15 @@ export class LinkSectionList {
|
|
|
74
78
|
return obj;
|
|
75
79
|
}, []);
|
|
76
80
|
const renderLinkItems = (category) => category.links.map(link => {
|
|
81
|
+
var _a;
|
|
77
82
|
return h("li", { class: "LinkSectionListLink", key: link.linkName }, h("a", { class: "LinkSectionListLink", href: this.createHrefLink(link), target: link.target || '_blank', onClick: (e) => {
|
|
78
83
|
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
79
84
|
e.preventDefault();
|
|
80
85
|
this.navigateLink(link);
|
|
81
86
|
}
|
|
82
|
-
}, rel: link.
|
|
87
|
+
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
88
|
+
? 'sponsored noopener'
|
|
89
|
+
: (link.target === '_blank' || link.externalLink ? 'noopener noreferrer' : undefined) }, link.linkName && link.icon ? (h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })), h("span", null, link.linkName))) :
|
|
83
90
|
link.linkName ? (h("span", { class: "LinkSectionListLinkText" }, h("span", null, link.linkName))) :
|
|
84
91
|
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })))));
|
|
85
92
|
});
|
|
@@ -18,11 +18,16 @@ const ImageList = class {
|
|
|
18
18
|
return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
|
|
19
19
|
h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
|
|
20
20
|
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
21
|
-
return (h("
|
|
21
|
+
return (h("a", { class: {
|
|
22
22
|
'ImageListIcon': true,
|
|
23
23
|
'pointer': isPointer,
|
|
24
24
|
'default': !isPointer
|
|
25
|
-
},
|
|
25
|
+
}, href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_blank', rel: "noopener noreferrer", onClick: (e) => {
|
|
26
|
+
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
27
|
+
e.preventDefault();
|
|
28
|
+
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);
|
|
29
|
+
}
|
|
30
|
+
} }, h("div", { class: "ContainerImage" }, h("ui-image", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "icon" })), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)));
|
|
26
31
|
}))));
|
|
27
32
|
}
|
|
28
33
|
};
|
|
@@ -54,7 +54,11 @@ const LinkSectionList = class {
|
|
|
54
54
|
return true;
|
|
55
55
|
}
|
|
56
56
|
createHrefLink(link) {
|
|
57
|
-
|
|
57
|
+
var _a;
|
|
58
|
+
if (link.externalLink)
|
|
59
|
+
return link.linkUrl;
|
|
60
|
+
const path = ((_a = link.linkUrl) === null || _a === void 0 ? void 0 : _a.startsWith('/')) ? link.linkUrl : `/${link.linkUrl}`;
|
|
61
|
+
return `${this.baseUrl}/${this.language}${path}`;
|
|
58
62
|
}
|
|
59
63
|
render() {
|
|
60
64
|
var _a, _b;
|
|
@@ -86,12 +90,15 @@ const LinkSectionList = class {
|
|
|
86
90
|
return obj;
|
|
87
91
|
}, []);
|
|
88
92
|
const renderLinkItems = (category) => category.links.map(link => {
|
|
93
|
+
var _a;
|
|
89
94
|
return h("li", { class: "LinkSectionListLink", key: link.linkName }, h("a", { class: "LinkSectionListLink", href: this.createHrefLink(link), target: link.target || '_blank', onClick: (e) => {
|
|
90
95
|
if (this.navigateViaEvent && e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
91
96
|
e.preventDefault();
|
|
92
97
|
this.navigateLink(link);
|
|
93
98
|
}
|
|
94
|
-
}, rel: link.
|
|
99
|
+
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
100
|
+
? 'sponsored noopener'
|
|
101
|
+
: (link.target === '_blank' || link.externalLink ? 'noopener noreferrer' : undefined) }, link.linkName && link.icon ? (h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })), h("span", null, link.linkName))) :
|
|
95
102
|
link.linkName ? (h("span", { class: "LinkSectionListLinkText" }, h("span", null, link.linkName))) :
|
|
96
103
|
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "icon" })))));
|
|
97
104
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as i}from"./index-2051e205.js";const e=class{constructor(i){n(this,i),this.navigateLink=(n,i,e)=>{window.postMessage({type:this.postMessageEvent,path:n,url:n,target:i,externalLink:e},window.location.href)},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent=""}render(){var n,e,t,a,s;return(null===(n=this.repeaterContent)||void 0===n?void 0:n.content.length)>0&&i("div",{key:"e7604ed1dcace3e2bd67c74e677e5c849c9c8407",class:"ImageListContainer"},i("div",{key:"985672261fcfeac501d1182f5ab9f20e82307cc7",class:"ImageListWrapper"},(null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle)&&i("div",{key:"105691d218f5f8b4db36076007d53fb243beb075",class:"ImageListSectionTitle"},null===(t=this.repeaterContent)||void 0===t?void 0:t.categoryTitle),i("div",{key:"f32e71aa6cc8f026022d96b20ab43c9f5106605f",class:"ImageListLineup"},null===(s=null===(a=this.repeaterContent)||void 0===a?void 0:a.content)||void 0===s?void 0:s.map((n=>{const e=(null==n?void 0:n.isExternalLink)||(null==n?void 0:n.url);return i("
|
|
1
|
+
import{r as n,h as i}from"./index-2051e205.js";const e=class{constructor(i){n(this,i),this.navigateLink=(n,i,e)=>{window.postMessage({type:this.postMessageEvent,path:n,url:n,target:i,externalLink:e},window.location.href)},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent=""}render(){var n,e,t,a,s;return(null===(n=this.repeaterContent)||void 0===n?void 0:n.content.length)>0&&i("div",{key:"e7604ed1dcace3e2bd67c74e677e5c849c9c8407",class:"ImageListContainer"},i("div",{key:"985672261fcfeac501d1182f5ab9f20e82307cc7",class:"ImageListWrapper"},(null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle)&&i("div",{key:"105691d218f5f8b4db36076007d53fb243beb075",class:"ImageListSectionTitle"},null===(t=this.repeaterContent)||void 0===t?void 0:t.categoryTitle),i("div",{key:"f32e71aa6cc8f026022d96b20ab43c9f5106605f",class:"ImageListLineup"},null===(s=null===(a=this.repeaterContent)||void 0===a?void 0:a.content)||void 0===s?void 0:s.map((n=>{const e=(null==n?void 0:n.isExternalLink)||(null==n?void 0:n.url);return i("a",{class:{ImageListIcon:!0,pointer:e,default:!e},href:(null==n?void 0:n.url)||"javascript:void(0)",target:(null==n?void 0:n.target)||"_blank",rel:"noopener noreferrer",onClick:i=>{!this.navigateViaEvent||0!==i.button||i.ctrlKey||i.metaKey||i.shiftKey||(i.preventDefault(),this.navigateLink(null==n?void 0:n.url,null==n?void 0:n.target,null==n?void 0:n.isExternalLink))}},i("div",{class:"ContainerImage"},i("ui-image",{src:null==n?void 0:n.image,alt:"icon"})),i("p",null,null==n?void 0:n.title))})))))}};e.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\n.ImageListIcon.pointer.sc-image-list {\n cursor: pointer;\n}\n\n.ImageListIcon.default.sc-image-list {\n cursor: default;\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{e as image_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as i}from"./index-2051e205.js";import{i as t}from"./utils-c4781120.js";const e=(n,i)=>function(...t){clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{n.apply(this,t)}),i)},o=class{constructor(i){n(this,i),this.isMobile=!1,this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.accordionLinks=!1,this.openCategory=null}componentWillLoad(){this.debouncedUpdateIsMobile=e((()=>{this.updateIsMobile()}),200),this.updateIsMobile()}onResize(){this.debouncedUpdateIsMobile()}updateIsMobile(){const n=t(),i=window.innerWidth<768;this.isMobile=n&&i}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}toggleCategory(n){this.isMobile&&(this.openCategory=this.openCategory===n?null:n)}isCategoryOpen(n){return!this.isMobile||this.openCategory===n}createHrefLink(n){return n.
|
|
1
|
+
import{r as n,h as i}from"./index-2051e205.js";import{i as t}from"./utils-c4781120.js";const e=(n,i)=>function(...t){clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{n.apply(this,t)}),i)},o=class{constructor(i){n(this,i),this.isMobile=!1,this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.accordionLinks=!1,this.openCategory=null}componentWillLoad(){this.debouncedUpdateIsMobile=e((()=>{this.updateIsMobile()}),200),this.updateIsMobile()}onResize(){this.debouncedUpdateIsMobile()}updateIsMobile(){const n=t(),i=window.innerWidth<768;this.isMobile=n&&i}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}toggleCategory(n){this.isMobile&&(this.openCategory=this.openCategory===n?null:n)}isCategoryOpen(n){return!this.isMobile||this.openCategory===n}createHrefLink(n){var i;if(n.externalLink)return n.linkUrl;const t=(null===(i=n.linkUrl)||void 0===i?void 0:i.startsWith("/"))?n.linkUrl:`/${n.linkUrl}`;return`${this.baseUrl}/${this.language}${t}`}render(){var n,t;const e=null===(t=null===(n=this.repeaterContent)||void 0===n?void 0:n.content)||void 0===t?void 0:t.reduce(((n,i)=>{const t=i.linkCategory,e=i.image,o=n.find((n=>n.categoryTitle===t));return o?o.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}]}),n}),[]),o=n=>n.links.map((n=>{var t;return i("li",{class:"LinkSectionListLink",key:n.linkName},i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank",onClick:i=>{!this.navigateViaEvent||0!==i.button||i.ctrlKey||i.metaKey||i.shiftKey||(i.preventDefault(),this.navigateLink(n))},rel:"affiliates"===(null===(t=n.linkName)||void 0===t?void 0:t.trim().toLowerCase())?"sponsored noopener":"_blank"===n.target||n.externalLink?"noopener noreferrer":void 0},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))))}));return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper "+(this.accordionLinks?this.isMobile?"is-mobile":"is-desktop":"")},this.repeaterContent.categoryTitle&&i("h2",{class:"LinkSectionListTitle"},this.repeaterContent.categoryTitle),e.map((n=>this.accordionLinks?i("div",{class:"LinkSectionListDropdown"},i("button",{type:"button",class:"LinkSectionListDropdownHeader "+(this.openCategory===n.categoryTitle?"IsOpen":""),onClick:()=>this.toggleCategory(n.categoryTitle)},n.categoryTitle,i("span",{class:this.isCategoryOpen(n.categoryTitle)?"TriangleActive":"TriangleInactive"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},i("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),i("ul",{class:{LinkSectionListDropdownList:!0,open:this.isCategoryOpen(n.categoryTitle)}},o(n))):i("ul",null,n.categoryTitle&&i("p",null,n.categoryTitle),o(n))))))}};o.style=":host {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.SkeletonWrapper {\n width: 25px;\n height: 25px;\n}\n\n.LinkSectionListContainer {\n display: block;\n container-type: inline-size;\n}\n.LinkSectionListWrapper {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n font-weight: var(--emw--font-weight-semibold, 500);\n text-transform: uppercase;\n}\n.LinkSectionListDropdownHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: var(--emw--color-primary, #184026);\n color: var(--emw--color-typography, #FFFFFF);\n text-align: left;\n padding: 10px;\n border: none;\n border-radius: var(--emw--button-border-radius, 4px);\n margin-bottom: 3px;\n cursor: pointer;\n font-size: 1rem;\n}\n.LinkSectionListDropdownHeader:hover {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader:hover svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader .TriangleActive {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.LinkSectionListDropdownHeader svg {\n fill: var(--emw--color-typography, #FFFFFF);\n margin-left: 8px;\n width: 16px;\n transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n}\n.LinkSectionListDropdownList {\n list-style: none;\n display: none;\n}\n.LinkSectionListDropdownList.open {\n display: flex;\n margin: 5px 0;\n}\n.LinkSectionListLink {\n font-weight: var(--emw--font-weight-light, 300);\n}\n\nul {\n width: fit-content;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--emw--spacing-medium, 16px);\n padding-left: var(--emw--spacing-small-minus, 10px);\n font-size: var(--emw--font-size-small, 16px);\n text-transform: uppercase;\n}\nul li {\n list-style: disc;\n display: flex;\n align-items: center;\n position: relative;\n}\nul li .LinkSectionListLinkText {\n display: flex;\n gap: 5px;\n flex-direction: row;\n align-items: center;\n}\nul li .LinkSectionListLinkText span {\n text-align: center;\n cursor: pointer;\n}\n\na {\n color: inherit;\n}\na.LinkSectionListLink {\n text-decoration: none;\n}\n\n@container (min-width: 280px) {\n .LinkSectionListWrapper {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@container (min-width: 650px) {\n .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: 1fr;\n }\n}";export{o as link_section_list}
|