@everymatrix/general-footer-template 1.80.19 → 1.81.0
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/collection/components/image-list/image-list.css +8 -0
- package/dist/collection/components/image-list/image-list.js +6 -1
- package/dist/esm/image-list.entry.js +7 -2
- package/dist/general-footer-template/image-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-e4512e24.js');
|
|
6
6
|
|
|
7
|
-
const imageListCss = ".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}";
|
|
7
|
+
const imageListCss = ".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}";
|
|
8
8
|
const ImageListStyle0 = imageListCss;
|
|
9
9
|
|
|
10
10
|
const ImageList = class {
|
|
@@ -20,7 +20,12 @@ const ImageList = class {
|
|
|
20
20
|
render() {
|
|
21
21
|
var _a, _b, _c, _d;
|
|
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" }, index.h("div", { key: '29b903e7bd639b8eb782d5aa6b646098ceee1ced', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), index.h("div", { key: '6cf6da5d3480a5f6d25c9d106e143dbb222e3b74', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
23
|
-
|
|
23
|
+
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
24
|
+
return (index.h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (index.h("div", { class: {
|
|
25
|
+
'ImageListIcon': true,
|
|
26
|
+
'pointer': isPointer,
|
|
27
|
+
'default': !isPointer
|
|
28
|
+
}, 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" })), 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" }, index.h("div", { class: "ImageListPositioner" }, 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)))));
|
|
24
29
|
}))));
|
|
25
30
|
}
|
|
26
31
|
};
|
|
@@ -12,7 +12,12 @@ export class ImageList {
|
|
|
12
12
|
render() {
|
|
13
13
|
var _a, _b, _c, _d;
|
|
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" }, h("div", { key: '29b903e7bd639b8eb782d5aa6b646098ceee1ced', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), h("div", { key: '6cf6da5d3480a5f6d25c9d106e143dbb222e3b74', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
15
|
-
|
|
15
|
+
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
16
|
+
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: {
|
|
17
|
+
'ImageListIcon': true,
|
|
18
|
+
'pointer': isPointer,
|
|
19
|
+
'default': !isPointer
|
|
20
|
+
}, 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" })), 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" }, h("div", { class: "ImageListPositioner" }, 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)))));
|
|
16
21
|
}))));
|
|
17
22
|
}
|
|
18
23
|
static get is() { return "image-list"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-2051e205.js';
|
|
2
2
|
|
|
3
|
-
const imageListCss = ".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}";
|
|
3
|
+
const imageListCss = ".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}";
|
|
4
4
|
const ImageListStyle0 = imageListCss;
|
|
5
5
|
|
|
6
6
|
const ImageList = class {
|
|
@@ -16,7 +16,12 @@ const ImageList = class {
|
|
|
16
16
|
render() {
|
|
17
17
|
var _a, _b, _c, _d;
|
|
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" }, h("div", { key: '29b903e7bd639b8eb782d5aa6b646098ceee1ced', class: "ImageListSectionTitle" }, (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle), h("div", { key: '6cf6da5d3480a5f6d25c9d106e143dbb222e3b74', class: "ImageListLineup" }, (_d = (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.map(repeater => {
|
|
19
|
-
|
|
19
|
+
const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
|
|
20
|
+
return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: {
|
|
21
|
+
'ImageListIcon': true,
|
|
22
|
+
'pointer': isPointer,
|
|
23
|
+
'default': !isPointer
|
|
24
|
+
}, 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" })), 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" }, h("div", { class: "ImageListPositioner" }, 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)))));
|
|
20
25
|
}))));
|
|
21
26
|
}
|
|
22
27
|
};
|
|
@@ -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,a,t;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"},i("div",{key:"29b903e7bd639b8eb782d5aa6b646098ceee1ced",class:"ImageListSectionTitle"},null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle),i("div",{key:"6cf6da5d3480a5f6d25c9d106e143dbb222e3b74",class:"ImageListLineup"},null===(t=null===(a=this.repeaterContent)||void 0===a?void 0:a.content)||void 0===t?void 0:t.map((n=>i("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?i("div",{class:
|
|
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,a,t;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"},i("div",{key:"29b903e7bd639b8eb782d5aa6b646098ceee1ced",class:"ImageListSectionTitle"},null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle),i("div",{key:"6cf6da5d3480a5f6d25c9d106e143dbb222e3b74",class:"ImageListLineup"},null===(t=null===(a=this.repeaterContent)||void 0===a?void 0:a.content)||void 0===t?void 0:t.map((n=>{const e=(null==n?void 0:n.isExternalLink)||(null==n?void 0:n.url);return i("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?i("div",{class:{ImageListIcon:!0,pointer:e,default:!e},onClick:()=>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)):i("a",{href:(null==n?void 0:n.url)||"javascript:void(0)",target:(null==n?void 0:n.target)||"_parent"},i("div",{class:"ContainerImage"},i("div",{class:"ImageListPositioner"},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}
|