@everymatrix/general-footer-template 1.50.1 → 1.52.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/general-footer-template.cjs.entry.js +1 -1
- package/dist/cjs/image-list.cjs.entry.js +1 -1
- package/dist/collection/components/general-footer-template/demo-footer.css +1 -1
- package/dist/collection/components/image-list/image-list.css +2 -2
- package/dist/esm/general-footer-template.entry.js +1 -1
- package/dist/esm/image-list.entry.js +1 -1
- package/dist/general-footer-template/general-footer-template.esm.js +1 -1
- package/dist/general-footer-template/{p-1274900b.entry.js → p-8a165606.entry.js} +1 -1
- package/dist/general-footer-template/p-abce093a.entry.js +1 -0
- package/package.json +1 -1
- package/dist/general-footer-template/p-cc02e076.entry.js +0 -1
|
@@ -213,7 +213,7 @@ const normalizeRepeaterContent = (data) => {
|
|
|
213
213
|
return repeaterResponse;
|
|
214
214
|
};
|
|
215
215
|
|
|
216
|
-
const demoFooterCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw
|
|
216
|
+
const demoFooterCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: \"\";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: \"one two three four\" \"five five five five\" \"six six six six\" \"seven seven seven seven\";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}";
|
|
217
217
|
const GeneralFooterTemplateStyle0 = demoFooterCss;
|
|
218
218
|
|
|
219
219
|
const pariuriPlusVariantCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: #fff;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.FooterGrid {\n background-color: #14202D;\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\"\n \"two\"\n \"three\"\n \"four\"\n \"five\"\n \"six\"\n \"seven\";\n}\n\n \n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n \n}\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n \n}\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n grid-area: five;\n /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n padding: 0;\n}\n\n.FooterSectionContainer3:after {\n position: absolute;\n content: \"\";\n left: 30%;\n bottom: -20px;\n height: 1px;\n width: 40%;\n background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: \"one two\"\n \"three four\"\n \"five five\"\n \"six six\"\n \"seven seven\";\n }\n \n \n .FooterSectionContainer1 {\n grid-area: one;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n\n }\n .FooterSectionContainer3 {\n grid-area: three;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .FooterSectionContainer3:after {\n position: absolute;\n content: \"\";\n left: initial;\n bottom:initial;\n top: 30%;\n right: 20px;\n width: 1px;\n height: 40%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: 5px;\n text-align: center;\n }\n\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n /* padding-bottom: 22px; */\n /* font-size: 14px; */\n }\n\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n}";
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-465b4ca9.js');
|
|
6
6
|
|
|
7
|
-
const imageListCss = ".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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
|
|
7
|
+
const imageListCss = ".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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}";
|
|
8
8
|
const ImageListStyle0 = imageListCss;
|
|
9
9
|
|
|
10
10
|
const ImageList = class {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
justify-content: left;
|
|
23
23
|
align-content: center;
|
|
24
24
|
padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);
|
|
25
|
-
color: var(--emw--footer-typography, var(--emw
|
|
25
|
+
color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));
|
|
26
26
|
text-transform: uppercase;
|
|
27
27
|
font-size: 24px;
|
|
28
28
|
font-weight: 100;
|
|
@@ -58,7 +58,7 @@ a p {
|
|
|
58
58
|
.ImageListSectionTitle.sc-image-list {
|
|
59
59
|
justify-content: center;
|
|
60
60
|
font-size: var(--emw--font-size-medium, 16px);
|
|
61
|
-
color: var(--emw--footer-typography, var(--emw
|
|
61
|
+
color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));
|
|
62
62
|
padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);
|
|
63
63
|
justify-content: center;
|
|
64
64
|
}
|
|
@@ -209,7 +209,7 @@ const normalizeRepeaterContent = (data) => {
|
|
|
209
209
|
return repeaterResponse;
|
|
210
210
|
};
|
|
211
211
|
|
|
212
|
-
const demoFooterCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw
|
|
212
|
+
const demoFooterCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: \"\";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: \"one two three four\" \"five five five five\" \"six six six six\" \"seven seven seven seven\";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}";
|
|
213
213
|
const GeneralFooterTemplateStyle0 = demoFooterCss;
|
|
214
214
|
|
|
215
215
|
const pariuriPlusVariantCss = ":host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: #fff;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.FooterGrid {\n background-color: #14202D;\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\"\n \"two\"\n \"three\"\n \"four\"\n \"five\"\n \"six\"\n \"seven\";\n}\n\n \n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n \n}\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n \n}\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n grid-area: five;\n /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n padding: 0;\n}\n\n.FooterSectionContainer3:after {\n position: absolute;\n content: \"\";\n left: 30%;\n bottom: -20px;\n height: 1px;\n width: 40%;\n background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: \"one two\"\n \"three four\"\n \"five five\"\n \"six six\"\n \"seven seven\";\n }\n \n \n .FooterSectionContainer1 {\n grid-area: one;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n\n }\n .FooterSectionContainer3 {\n grid-area: three;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .FooterSectionContainer3:after {\n position: absolute;\n content: \"\";\n left: initial;\n bottom:initial;\n top: 30%;\n right: 20px;\n width: 1px;\n height: 40%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: 5px;\n text-align: center;\n }\n\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n /* padding-bottom: 22px; */\n /* font-size: 14px; */\n }\n\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-9775f5ee.js';
|
|
2
2
|
|
|
3
|
-
const imageListCss = ".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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
|
|
3
|
+
const imageListCss = ".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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}";
|
|
4
4
|
const ImageListStyle0 = imageListCss;
|
|
5
5
|
|
|
6
6
|
const ImageList = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-2fce3c9f.js";export{s as setNonce}from"./p-2fce3c9f.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-5982a2ca",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-330130cd",[[2,"custom-clock",{clockFormat:[513,"clock-format"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-2fce3c9f.js";export{s as setNonce}from"./p-2fce3c9f.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-5982a2ca",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-330130cd",[[2,"custom-clock",{clockFormat:[513,"clock-format"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-abce093a",[[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"],hasErrors:[32],stylingAppends:[32]}]]],["p-e19d7226",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-8a165606",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as e}from"./p-2fce3c9f.js";const i=class{constructor(e){n(this,e),this.navigateLink=(n,e,i)=>{window.postMessage({type:this.postMessageEvent,path:n,url:n,target:e,externalLink:i},window.location.href)},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent=""}render(){var n,i,t;return e("div",{key:"904d6e891d4533b61fa5b5d56d94fef1b64e254f",class:"ImageListContainer"},e("div",{key:"2519ef8038b27175a5cede599561d235e29ef1ee",class:"ImageListWrapper"},e("div",{key:"10b2280a935e16b046ee3bac0a34c84740350b30",class:"ImageListSectionTitle"},null===(n=this.repeaterContent)||void 0===n?void 0:n.categoryTitle),e("div",{key:"11fb15bd73372b2e9bbec9250195a7a93f62e935",class:"ImageListLineup"},null===(t=null===(i=this.repeaterContent)||void 0===i?void 0:i.content)||void 0===t?void 0:t.map((n=>e("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?e("div",{class:"ImageListIcon",style:{cursor:"pointer"},onClick:()=>this.navigateLink(null==n?void 0:n.url,null==n?void 0:n.target,null==n?void 0:n.isExternalLink)},e("img",{src:null==n?void 0:n.image,alt:""}),e("p",null,null==n?void 0:n.title)):e("a",{href:(null==n?void 0:n.url)||"javascript:void(0)",target:(null==n?void 0:n.target)||"_parent"},e("div",{class:"ImageListPositioner"},e("img",{src:null==n?void 0:n.image,alt:""})),e("p",null,null==n?void 0:n.title))))))))}};i.style=".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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
|
|
1
|
+
import{r as n,h as e}from"./p-2fce3c9f.js";const i=class{constructor(e){n(this,e),this.navigateLink=(n,e,i)=>{window.postMessage({type:this.postMessageEvent,path:n,url:n,target:e,externalLink:i},window.location.href)},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent=""}render(){var n,i,t;return e("div",{key:"904d6e891d4533b61fa5b5d56d94fef1b64e254f",class:"ImageListContainer"},e("div",{key:"2519ef8038b27175a5cede599561d235e29ef1ee",class:"ImageListWrapper"},e("div",{key:"10b2280a935e16b046ee3bac0a34c84740350b30",class:"ImageListSectionTitle"},null===(n=this.repeaterContent)||void 0===n?void 0:n.categoryTitle),e("div",{key:"11fb15bd73372b2e9bbec9250195a7a93f62e935",class:"ImageListLineup"},null===(t=null===(i=this.repeaterContent)||void 0===i?void 0:i.content)||void 0===t?void 0:t.map((n=>e("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?e("div",{class:"ImageListIcon",style:{cursor:"pointer"},onClick:()=>this.navigateLink(null==n?void 0:n.url,null==n?void 0:n.target,null==n?void 0:n.isExternalLink)},e("img",{src:null==n?void 0:n.image,alt:""}),e("p",null,null==n?void 0:n.title)):e("a",{href:(null==n?void 0:n.url)||"javascript:void(0)",target:(null==n?void 0:n.target)||"_parent"},e("div",{class:"ImageListPositioner"},e("img",{src:null==n?void 0:n.image,alt:""})),e("p",null,null==n?void 0:n.title))))))))}};i.style=".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\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{i as image_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,h as e}from"./p-2fce3c9f.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"},clock:{component:"custom-clock"}},t=class{constructor(e){n(this,e),this.platform=(()=>{const n=(()=>{let n=window.navigator.userAgent;return n.toLowerCase().match(/android/i)?"Android":n.toLowerCase().match(/iphone/i)?"iPhone":n.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(n)return"PC"===n?"dk":"iPad"===n||"iPhone"===n?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.stylingContainer.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{e.innerHTML=n,setTimeout((()=>{this.stylingContainer.prepend(e)}),1)})).catch((n=>{console.log("error ",n)}))},this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.clockFormat="HH:MM:ss",this.hasErrors=!1,this.stylingAppends=!1}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userroles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=(n=>{const e={repeaters:{vendors:{categoryTitle:n.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:n.helpLinksTitle,content:[]},helpLinks:{categoryTitle:n.helpLinksTitle,content:[]},licenses:{categoryTitle:n.licensesLinksTitle,content:[]},sponsors:{categoryTitle:n.sponsorsLinksTitle,content:[]},payment:{categoryTitle:n.paymentLinksTitle,content:[]},social:{categoryTitle:n.socialLinksTitle,content:[]},downloadApp:{categoryTitle:n.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},o={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(e.repeaters).forEach((e=>{var t,i,r;o[e[0]]&&n[null===(t=o[e[0]])||void 0===t?void 0:t.repeaterName]&&(e[1].content=null===(r=n[null===(i=o[e[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((n=>{var t,i,r,a,s,d;return{isExternalLink:null!==(t=n[o[e[0]].isExternalLink])&&void 0!==t?t:null,linkCategory:null!==(i=n[o[e[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=n[o[e[0]].image])&&void 0!==r?r:null,title:null!==(a=n[o[e[0]].title])&&void 0!==a?a:null,url:null!==(s=n[o[e[0]].url])&&void 0!==s?s:null,target:null!==(d=n[o[e[0]].target])&&void 0!==d?d:null}})))})),e.repeaters.downloadApp.content=n.downloadInfos.imageArea||[],e.wysiwyg.downloadApp.content=n.downloadInfos.downloadDescription||"",e.wysiwyg.copyright.content=n.copyright,e.wysiwyg["license-description"].content=n.licenseDesc,e})(n)}))}componentDidRender(){!this.stylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}render(){if(this.hasErrors)return e("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,t)=>{const i=o[n].component,r=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(i,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:o[n],repeaterContent:r?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat})}));return e("footer",{class:"FooterContainer",ref:n=>this.stylingContainer=n},e("div",{class:"FooterGrid customStyle"},n))}}};t.style=':host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two three four" "five five five five" "six six six six" "seven seven seven seven";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}:host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: #fff;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.FooterGrid {\n background-color: #14202D;\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one"\n "two"\n "three"\n "four"\n "five"\n "six"\n "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n \n}\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n \n}\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n grid-area: five;\n /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n padding: 0;\n}\n\n.FooterSectionContainer3:after {\n position: absolute;\n content: "";\n left: 30%;\n bottom: -20px;\n height: 1px;\n width: 40%;\n background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: "one two"\n "three four"\n "five five"\n "six six"\n "seven seven";\n }\n \n \n .FooterSectionContainer1 {\n grid-area: one;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n\n }\n .FooterSectionContainer3 {\n grid-area: three;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .FooterSectionContainer3:after {\n position: absolute;\n content: "";\n left: initial;\n bottom:initial;\n top: 30%;\n right: 20px;\n width: 1px;\n height: 40%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: 5px;\n text-align: center;\n }\n\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n /* padding-bottom: 22px; */\n /* font-size: 14px; */\n }\n\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n}:host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.footer-section__container {\n color: #777;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.footer-container {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.footer-grid {\n background-color: #14202d;\n display: grid;\n padding: 0 50px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one"\n "two"\n "three"\n "four"\n "five"\n "six"\n "seven";\n}\n\n \n\n.footer-section__container--1 {\n grid-area: one;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--3 {\n grid-area: three;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--5 {\n grid-area: five;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--6 {\n padding-top: 22px;\n grid-area: six;\n}\n.footer-section__container--7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.footer-section__container--7 div{\n padding: 0;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .footer-grid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr;\n grid-template-areas: "one one"\n "two three"\n "four five"\n "six six"\n "seven seven";\n }\n \n \n .footer-section__container--1 {\n grid-area: one;\n }\n .footer-section__container--2 {\n grid-area: two;\n }\n .footer-section__container--3 {\n grid-area: three;\n }\n .footer-section__container--4 {\n grid-area: four;\n }\n .footer-section__container--5 {\n grid-area: five;\n }\n .footer-section__container--6 {\n grid-area: six;\n padding: 0;\n }\n .footer-section__container--7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .footer-section__container--2:after,\n .footer-section__container--4:after {\n position: absolute;\n content: "";\n top: 10%;\n right: 0;\n width: 1px;\n height: 80%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .footer-section__container--6 .image-list__wrapper {\n padding: 22px 0 0 0;\n }\n\n .footer-section__container--7 .custom-content-section__wrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n\n \n}:host {\n display: block;\n}\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.footer-section__container {\n color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));\n padding: 12px;\n}\n\n.footer-container {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.footer-grid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.footer-section__container--1 {\n grid-area: one;\n}\n.footer-section__container--2 {\n grid-area: two;\n}\n.footer-section__container--3 {\n grid-area: three;\n}\n.footer-section__container--4 {\n grid-area: four;\n}\n.footer-section__container--5 {\n grid-area: five;\n}\n.footer-section__container--6 {\n grid-area: six;\n}\n.footer-section__container--7 {\n grid-area: seven;\n}\n\n@container (min-width: 750px) {\n .footer-grid {\n background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n display: grid;\n grid-template-rows: repeat(7, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: "one two" "three four" "five five" "six six" "seven seven" "eight eight" "nine nine";\n }\n .footer-section__container--1 {\n grid-area: one;\n }\n .footer-section__container--2 {\n grid-area: two;\n }\n .footer-section__container--3 {\n grid-area: three;\n }\n .footer-section__container--4 {\n grid-area: four;\n }\n .footer-section__container--5 {\n grid-area: five;\n }\n .footer-section__container--6 {\n grid-area: six;\n }\n .footer-section__container--7 {\n grid-area: seven;\n }\n}';export{t as general_footer_template}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as n,h as e}from"./p-2fce3c9f.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"},clock:{component:"custom-clock"}},t=class{constructor(e){n(this,e),this.platform=(()=>{const n=(()=>{let n=window.navigator.userAgent;return n.toLowerCase().match(/android/i)?"Android":n.toLowerCase().match(/iphone/i)?"iPhone":n.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(n)return"PC"===n?"dk":"iPad"===n||"iPhone"===n?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.stylingContainer.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{e.innerHTML=n,setTimeout((()=>{this.stylingContainer.prepend(e)}),1)})).catch((n=>{console.log("error ",n)}))},this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.clockFormat="HH:MM:ss",this.hasErrors=!1,this.stylingAppends=!1}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userroles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=(n=>{const e={repeaters:{vendors:{categoryTitle:n.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:n.helpLinksTitle,content:[]},helpLinks:{categoryTitle:n.helpLinksTitle,content:[]},licenses:{categoryTitle:n.licensesLinksTitle,content:[]},sponsors:{categoryTitle:n.sponsorsLinksTitle,content:[]},payment:{categoryTitle:n.paymentLinksTitle,content:[]},social:{categoryTitle:n.socialLinksTitle,content:[]},downloadApp:{categoryTitle:n.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},o={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(e.repeaters).forEach((e=>{var t,i,r;o[e[0]]&&n[null===(t=o[e[0]])||void 0===t?void 0:t.repeaterName]&&(e[1].content=null===(r=n[null===(i=o[e[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((n=>{var t,i,r,a,s,d;return{isExternalLink:null!==(t=n[o[e[0]].isExternalLink])&&void 0!==t?t:null,linkCategory:null!==(i=n[o[e[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=n[o[e[0]].image])&&void 0!==r?r:null,title:null!==(a=n[o[e[0]].title])&&void 0!==a?a:null,url:null!==(s=n[o[e[0]].url])&&void 0!==s?s:null,target:null!==(d=n[o[e[0]].target])&&void 0!==d?d:null}})))})),e.repeaters.downloadApp.content=n.downloadInfos.imageArea||[],e.wysiwyg.downloadApp.content=n.downloadInfos.downloadDescription||"",e.wysiwyg.copyright.content=n.copyright,e.wysiwyg["license-description"].content=n.licenseDesc,e})(n)}))}componentDidRender(){!this.stylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}render(){if(this.hasErrors)return e("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,t)=>{const i=o[n].component,r=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(i,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:o[n],repeaterContent:r?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat})}));return e("footer",{class:"FooterContainer",ref:n=>this.stylingContainer=n},e("div",{class:"FooterGrid customStyle"},n))}}};t.style=':host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw-color-thpography, #fff));\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two three four" "five five five five" "six six six six" "seven seven seven seven";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}:host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: #fff;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.FooterGrid {\n background-color: #14202D;\n display: grid;\n padding: 8px 24px 0 24px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one"\n "two"\n "three"\n "four"\n "five"\n "six"\n "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n \n}\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n \n}\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n grid-area: five;\n /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n padding: 0;\n}\n\n.FooterSectionContainer3:after {\n position: absolute;\n content: "";\n left: 30%;\n bottom: -20px;\n height: 1px;\n width: 40%;\n background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: "one two"\n "three four"\n "five five"\n "six six"\n "seven seven";\n }\n \n \n .FooterSectionContainer1 {\n grid-area: one;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n\n }\n .FooterSectionContainer3 {\n grid-area: three;\n border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .FooterSectionContainer3:after {\n position: absolute;\n content: "";\n left: initial;\n bottom:initial;\n top: 30%;\n right: 20px;\n width: 1px;\n height: 40%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: 5px;\n text-align: center;\n }\n\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n /* padding-bottom: 22px; */\n /* font-size: 14px; */\n }\n\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n}:host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.footer-section__container {\n color: #777;\n padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.footer-container {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n\n.footer-grid {\n background-color: #14202d;\n display: grid;\n padding: 0 50px;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one"\n "two"\n "three"\n "four"\n "five"\n "six"\n "seven";\n}\n\n \n\n.footer-section__container--1 {\n grid-area: one;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--2 {\n position: relative;\n grid-area: two;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--3 {\n grid-area: three;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--4 {\n position: relative;\n grid-area: four;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--5 {\n grid-area: five;\n border-bottom: 1px solid #444;\n}\n.footer-section__container--6 {\n padding-top: 22px;\n grid-area: six;\n}\n.footer-section__container--7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.footer-section__container--7 div{\n padding: 0;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .footer-grid {\n background: $-background-primary;\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr;\n grid-template-areas: "one one"\n "two three"\n "four five"\n "six six"\n "seven seven";\n }\n \n \n .footer-section__container--1 {\n grid-area: one;\n }\n .footer-section__container--2 {\n grid-area: two;\n }\n .footer-section__container--3 {\n grid-area: three;\n }\n .footer-section__container--4 {\n grid-area: four;\n }\n .footer-section__container--5 {\n grid-area: five;\n }\n .footer-section__container--6 {\n grid-area: six;\n padding: 0;\n }\n .footer-section__container--7 {\n grid-area: seven;\n padding: 0;\n }\n\n /* VERTICAL BARS */\n .footer-section__container--2:after,\n .footer-section__container--4:after {\n position: absolute;\n content: "";\n top: 10%;\n right: 0;\n width: 1px;\n height: 80%;\n background-color: #444;\n }\n\n /* // remove paddings */\n .footer-section__container--6 .image-list__wrapper {\n padding: 22px 0 0 0;\n }\n\n .footer-section__container--7 .custom-content-section__wrapper {\n padding: 0;\n padding-bottom: 22px;\n font-size: 14px;\n }\n\n \n}:host {\n display: block;\n}\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.footer-section__container {\n color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));\n padding: 12px;\n}\n\n.footer-container {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.footer-grid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.footer-section__container--1 {\n grid-area: one;\n}\n.footer-section__container--2 {\n grid-area: two;\n}\n.footer-section__container--3 {\n grid-area: three;\n}\n.footer-section__container--4 {\n grid-area: four;\n}\n.footer-section__container--5 {\n grid-area: five;\n}\n.footer-section__container--6 {\n grid-area: six;\n}\n.footer-section__container--7 {\n grid-area: seven;\n}\n\n@container (min-width: 750px) {\n .footer-grid {\n background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n display: grid;\n grid-template-rows: repeat(7, auto);\n grid-template-columns: 2fr 1fr;\n grid-template-areas: "one two" "three four" "five five" "six six" "seven seven" "eight eight" "nine nine";\n }\n .footer-section__container--1 {\n grid-area: one;\n }\n .footer-section__container--2 {\n grid-area: two;\n }\n .footer-section__container--3 {\n grid-area: three;\n }\n .footer-section__container--4 {\n grid-area: four;\n }\n .footer-section__container--5 {\n grid-area: five;\n }\n .footer-section__container--6 {\n grid-area: six;\n }\n .footer-section__container--7 {\n grid-area: seven;\n }\n}';export{t as general_footer_template}
|