@everymatrix/general-footer-template 1.98.27 → 1.98.30
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.
|
@@ -102,9 +102,9 @@ const LinkSectionList = class {
|
|
|
102
102
|
}
|
|
103
103
|
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
104
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: "
|
|
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: "", "aria-hidden": "true" })), index.h("span", null, link.linkName))) :
|
|
106
106
|
link.linkName ? (index.h("span", { class: "LinkSectionListLinkText" }, index.h("span", null, link.linkName))) :
|
|
107
|
-
index.h("span", { class: "LinkSectionListLinkText" }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "
|
|
107
|
+
index.h("span", { class: "LinkSectionListLinkText" }, index.h("div", { class: "ContainerImage" }, index.h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "", "aria-hidden": "true" })))));
|
|
108
108
|
});
|
|
109
109
|
return index.h("div", { class: "LinkSectionListContainer" }, index.h("div", { class: `LinkSectionListWrapper ${this.accordionLinks ? (this.isMobile ? "is-mobile" : "is-desktop") : ""}` }, this.repeaterContent.categoryTitle && index.h("h2", { class: "LinkSectionListTitle" }, this.repeaterContent.categoryTitle), linkSections.map(category => this.accordionLinks ?
|
|
110
110
|
(index.h("div", { class: "LinkSectionListDropdown" }, index.h("button", { type: 'button', class: `LinkSectionListDropdownHeader ${this.openCategory === category.categoryTitle ? 'IsOpen' : ''}`, onClick: () => this.toggleCategory(category.categoryTitle) }, category.categoryTitle, index.h("span", { class: this.isCategoryOpen(category.categoryTitle) ? 'TriangleActive' : 'TriangleInactive' }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, index.h("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)" })))), index.h("ul", { class: { 'LinkSectionListDropdownList': true, open: this.isCategoryOpen(category.categoryTitle) } }, renderLinkItems(category)))) : (index.h("ul", null, category.categoryTitle && index.h("p", null, category.categoryTitle), renderLinkItems(category))))));
|
|
@@ -86,9 +86,9 @@ export class LinkSectionList {
|
|
|
86
86
|
}
|
|
87
87
|
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
88
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: "
|
|
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: "", "aria-hidden": "true" })), h("span", null, link.linkName))) :
|
|
90
90
|
link.linkName ? (h("span", { class: "LinkSectionListLinkText" }, h("span", null, link.linkName))) :
|
|
91
|
-
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "
|
|
91
|
+
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "", "aria-hidden": "true" })))));
|
|
92
92
|
});
|
|
93
93
|
return h("div", { class: "LinkSectionListContainer" }, h("div", { class: `LinkSectionListWrapper ${this.accordionLinks ? (this.isMobile ? "is-mobile" : "is-desktop") : ""}` }, this.repeaterContent.categoryTitle && h("h2", { class: "LinkSectionListTitle" }, this.repeaterContent.categoryTitle), linkSections.map(category => this.accordionLinks ?
|
|
94
94
|
(h("div", { class: "LinkSectionListDropdown" }, h("button", { type: 'button', class: `LinkSectionListDropdownHeader ${this.openCategory === category.categoryTitle ? 'IsOpen' : ''}`, onClick: () => this.toggleCategory(category.categoryTitle) }, category.categoryTitle, h("span", { class: this.isCategoryOpen(category.categoryTitle) ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("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)" })))), h("ul", { class: { 'LinkSectionListDropdownList': true, open: this.isCategoryOpen(category.categoryTitle) } }, renderLinkItems(category)))) : (h("ul", null, category.categoryTitle && h("p", null, category.categoryTitle), renderLinkItems(category))))));
|
|
@@ -98,9 +98,9 @@ const LinkSectionList = class {
|
|
|
98
98
|
}
|
|
99
99
|
}, rel: ((_a = link.linkName) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'affiliates'
|
|
100
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: "
|
|
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: "", "aria-hidden": "true" })), h("span", null, link.linkName))) :
|
|
102
102
|
link.linkName ? (h("span", { class: "LinkSectionListLinkText" }, h("span", null, link.linkName))) :
|
|
103
|
-
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "
|
|
103
|
+
h("span", { class: "LinkSectionListLinkText" }, h("div", { class: "ContainerImage" }, h("ui-image", { class: "LinkSectionIcon", src: link.icon, alt: "", "aria-hidden": "true" })))));
|
|
104
104
|
});
|
|
105
105
|
return h("div", { class: "LinkSectionListContainer" }, h("div", { class: `LinkSectionListWrapper ${this.accordionLinks ? (this.isMobile ? "is-mobile" : "is-desktop") : ""}` }, this.repeaterContent.categoryTitle && h("h2", { class: "LinkSectionListTitle" }, this.repeaterContent.categoryTitle), linkSections.map(category => this.accordionLinks ?
|
|
106
106
|
(h("div", { class: "LinkSectionListDropdown" }, h("button", { type: 'button', class: `LinkSectionListDropdownHeader ${this.openCategory === category.categoryTitle ? 'IsOpen' : ''}`, onClick: () => this.toggleCategory(category.categoryTitle) }, category.categoryTitle, h("span", { class: this.isCategoryOpen(category.categoryTitle) ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("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)" })))), h("ul", { class: { 'LinkSectionListDropdownList': true, open: this.isCategoryOpen(category.categoryTitle) } }, renderLinkItems(category)))) : (h("ul", null, category.categoryTitle && h("p", null, category.categoryTitle), renderLinkItems(category))))));
|
|
@@ -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){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:"
|
|
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:"","aria-hidden":"true"})),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:"","aria-hidden":"true"})))))}));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}
|