@everymatrix/general-footer-template 1.77.7 → 1.77.9
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/link-section-list.cjs.entry.js +2 -2
- package/dist/collection/components/link-section-list/link-section-list.css +0 -4
- package/dist/collection/components/link-section-list/link-section-list.js +2 -2
- package/dist/esm/link-section-list.entry.js +2 -2
- package/dist/general-footer-template/link-section-list.entry.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-13599735.js');
|
|
6
6
|
|
|
7
|
-
const linkSectionListCss = ":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}\
|
|
7
|
+
const linkSectionListCss = ":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}\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}";
|
|
8
8
|
const LinkSectionListStyle0 = linkSectionListCss;
|
|
9
9
|
|
|
10
10
|
const LinkSectionList = class {
|
|
@@ -15,7 +15,7 @@ const LinkSectionList = class {
|
|
|
15
15
|
this.language = undefined;
|
|
16
16
|
this.navigateViaEvent = false;
|
|
17
17
|
this.postMessageEvent = '';
|
|
18
|
-
this.dropdownLinks =
|
|
18
|
+
this.dropdownLinks = false;
|
|
19
19
|
this.openCategory = null;
|
|
20
20
|
}
|
|
21
21
|
navigateLink(link) {
|
|
@@ -7,7 +7,7 @@ export class LinkSectionList {
|
|
|
7
7
|
this.language = undefined;
|
|
8
8
|
this.navigateViaEvent = false;
|
|
9
9
|
this.postMessageEvent = '';
|
|
10
|
-
this.dropdownLinks =
|
|
10
|
+
this.dropdownLinks = false;
|
|
11
11
|
this.openCategory = null;
|
|
12
12
|
}
|
|
13
13
|
navigateLink(link) {
|
|
@@ -178,7 +178,7 @@ export class LinkSectionList {
|
|
|
178
178
|
},
|
|
179
179
|
"attribute": "dropdown-links",
|
|
180
180
|
"reflect": true,
|
|
181
|
-
"defaultValue": "
|
|
181
|
+
"defaultValue": "false"
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
184
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-4b819858.js';
|
|
2
2
|
|
|
3
|
-
const linkSectionListCss = ":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}\
|
|
3
|
+
const linkSectionListCss = ":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}\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}";
|
|
4
4
|
const LinkSectionListStyle0 = linkSectionListCss;
|
|
5
5
|
|
|
6
6
|
const LinkSectionList = class {
|
|
@@ -11,7 +11,7 @@ const LinkSectionList = class {
|
|
|
11
11
|
this.language = undefined;
|
|
12
12
|
this.navigateViaEvent = false;
|
|
13
13
|
this.postMessageEvent = '';
|
|
14
|
-
this.dropdownLinks =
|
|
14
|
+
this.dropdownLinks = false;
|
|
15
15
|
this.openCategory = null;
|
|
16
16
|
}
|
|
17
17
|
navigateLink(link) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as i}from"./index-4b819858.js";const t=class{constructor(i){n(this,i),this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.dropdownLinks=!
|
|
1
|
+
import{r as n,h as i}from"./index-4b819858.js";const t=class{constructor(i){n(this,i),this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.dropdownLinks=!1,this.openCategory=null}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.openCategory=this.openCategory===n?null:n}createHrefLink(n){return n.externalLink?n.linkUrl:`${this.baseUrl}/${this.language}${n.linkUrl}`}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,s=n.find((n=>n.categoryTitle===t));return s?s.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}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},this.repeaterContent.categoryTitle&&i("h2",{class:"LinkSectionListTitle"},this.repeaterContent.categoryTitle),e.map((n=>this.dropdownLinks?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.openCategory===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.openCategory===n.categoryTitle}},n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))):i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank"},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"}))))))))):i("ul",null,n.categoryTitle&&i("p",null,n.categoryTitle),n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))):i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank"},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"}))))))))))))}};t.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}\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{t as link_section_list}
|