@everymatrix/general-footer-template 1.87.32 → 1.87.34

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.
Files changed (9) hide show
  1. package/dist/cjs/general-footer-template.cjs.entry.js +1 -1
  2. package/dist/cjs/image-list.cjs.entry.js +3 -2
  3. package/dist/collection/components/general-footer-template/demo-footer.css +3 -11
  4. package/dist/collection/components/image-list/image-list.js +3 -2
  5. package/dist/esm/general-footer-template.entry.js +1 -1
  6. package/dist/esm/image-list.entry.js +3 -2
  7. package/dist/general-footer-template/general-footer-template.entry.js +1 -1
  8. package/dist/general-footer-template/image-list.entry.js +1 -1
  9. package/package.json +1 -1
package/dist/cjs/general-footer-template.cjs.entry.js CHANGED
@@ -123,7 +123,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
123
123
  });
124
124
  }
125
125
 
126
- const demoFooterCss = "/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant=\"standard\" or no variant specified\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@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 two two\" \"one three three three\" \"one four four four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\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 .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant=\"compact\"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListWrapper.sc-image-list {\n padding: var(--emw--spacing-2x-small, 5px) 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n font-size: var(--emw--font-size-small, 12px);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: \" \";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n font-size: var(--emw--font-size-small, 12px);\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: \"one one one one one\" \"two three four six nine\" \"seven seven seven seven seven\" \"five five five five five\" \"eight eight eight eight eight\"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"nine\" \"seven\" \"eight\";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n .FooterContainer--compact .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n display: none;\n }\n}";
126
+ const demoFooterCss = "/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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 grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant=\"standard\" or no variant specified\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@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 two two\" \"one three three three\" \"one four four four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\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 }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant=\"compact\"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: \" \";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: \"one one one one one\" \"two three four six nine\" \"seven seven seven seven seven\" \"five five five five five\" \"eight eight eight eight eight\"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"nine\" \"seven\" \"eight\";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n}";
127
127
  const GeneralFooterTemplateStyle0 = demoFooterCss;
128
128
 
129
129
  const GeneralFooterTemplate = class {
package/dist/cjs/image-list.cjs.entry.js CHANGED
@@ -18,8 +18,9 @@ const ImageList = class {
18
18
  this.postMessageEvent = '';
19
19
  }
20
20
  render() {
21
- var _a, _b, _c, _d;
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 => {
21
+ var _a, _b, _c, _d, _e;
22
+ return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && index.h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, index.h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
23
+ index.h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), index.h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
23
24
  const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
24
25
  return (index.h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (index.h("div", { class: {
25
26
  'ImageListIcon': true,
package/dist/collection/components/general-footer-template/demo-footer.css CHANGED
@@ -60,7 +60,6 @@ body {
60
60
  }
61
61
 
62
62
  .FooterSectionContainer6 {
63
- padding-top: 22px;
64
63
  grid-area: six;
65
64
  }
66
65
 
@@ -128,7 +127,6 @@ STANDARD VARIANT (Default) - applies when variant="standard" or no variant speci
128
127
  }
129
128
  .FooterSectionContainer6 {
130
129
  grid-area: six;
131
- padding: 0;
132
130
  }
133
131
  .FooterSectionContainer7 {
134
132
  grid-area: seven;
@@ -146,6 +144,9 @@ STANDARD VARIANT (Default) - applies when variant="standard" or no variant speci
146
144
  margin: var(--emw--spacing-2x-small, 5px);
147
145
  text-align: center;
148
146
  }
147
+ .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {
148
+ justify-content: center;
149
+ }
149
150
  .FooterSectionContainer6 .CustomContentSectionWrapper div p {
150
151
  text-align: center;
151
152
  }
@@ -155,7 +156,6 @@ STANDARD VARIANT (Default) - applies when variant="standard" or no variant speci
155
156
  .FooterSectionContainer7 .CustomContentSectionWrapper {
156
157
  padding: 0;
157
158
  padding-bottom: var(--emw--spacing-large, 22px);
158
- font-size: var(--emw--font-size-small, 14px);
159
159
  }
160
160
  }
161
161
  /*
@@ -176,9 +176,6 @@ COMPACT VARIANT - applies when variant="compact"
176
176
  .FooterContainer--compact img.Visible {
177
177
  border-radius: 0;
178
178
  }
179
- .FooterContainer--compact .ImageListWrapper.sc-image-list {
180
- padding: var(--emw--spacing-2x-small, 5px) 0;
181
- }
182
179
  .FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {
183
180
  width: 100%;
184
181
  }
@@ -222,7 +219,6 @@ COMPACT VARIANT - applies when variant="compact"
222
219
  margin: 0 20px;
223
220
  border-top: 1px solid var(--emw--color-primary);
224
221
  border-bottom: 1px solid var(--emw--color-primary);
225
- font-size: var(--emw--font-size-small, 12px);
226
222
  }
227
223
  .FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {
228
224
  justify-content: center;
@@ -297,7 +293,6 @@ COMPACT VARIANT - applies when variant="compact"
297
293
  }
298
294
  .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {
299
295
  text-align: center;
300
- font-size: var(--emw--font-size-small, 12px);
301
296
  }
302
297
  }
303
298
  @container (max-width: 750px) {
@@ -368,7 +363,4 @@ COMPACT VARIANT - applies when variant="compact"
368
363
  .FooterContainer--compact {
369
364
  padding-bottom: 0;
370
365
  }
371
- .FooterContainer--compact .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {
372
- display: none;
373
- }
374
366
  }
package/dist/collection/components/image-list/image-list.js CHANGED
@@ -10,8 +10,9 @@ export class ImageList {
10
10
  this.postMessageEvent = '';
11
11
  }
12
12
  render() {
13
- var _a, _b, _c, _d;
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 => {
13
+ var _a, _b, _c, _d, _e;
14
+ return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
15
+ h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
15
16
  const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
16
17
  return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: {
17
18
  'ImageListIcon': true,
package/dist/esm/general-footer-template.entry.js CHANGED
@@ -119,7 +119,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
119
119
  });
120
120
  }
121
121
 
122
- const demoFooterCss = "/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant=\"standard\" or no variant specified\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@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 two two\" \"one three three three\" \"one four four four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\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 .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant=\"compact\"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListWrapper.sc-image-list {\n padding: var(--emw--spacing-2x-small, 5px) 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n font-size: var(--emw--font-size-small, 12px);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: \" \";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n font-size: var(--emw--font-size-small, 12px);\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: \"one one one one one\" \"two three four six nine\" \"seven seven seven seven seven\" \"five five five five five\" \"eight eight eight eight eight\"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"nine\" \"seven\" \"eight\";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n .FooterContainer--compact .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n display: none;\n }\n}";
122
+ const demoFooterCss = "/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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 grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant=\"standard\" or no variant specified\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@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 two two\" \"one three three three\" \"one four four four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\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 }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant=\"compact\"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: \" \";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: \"one one one one one\" \"two three four six nine\" \"seven seven seven seven seven\" \"five five five five five\" \"eight eight eight eight eight\"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"nine\" \"seven\" \"eight\";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n}";
123
123
  const GeneralFooterTemplateStyle0 = demoFooterCss;
124
124
 
125
125
  const GeneralFooterTemplate = class {
package/dist/esm/image-list.entry.js CHANGED
@@ -14,8 +14,9 @@ const ImageList = class {
14
14
  this.postMessageEvent = '';
15
15
  }
16
16
  render() {
17
- var _a, _b, _c, _d;
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 => {
17
+ var _a, _b, _c, _d, _e;
18
+ return ((_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.content.length) > 0 && h("div", { key: 'e7604ed1dcace3e2bd67c74e677e5c849c9c8407', class: "ImageListContainer" }, h("div", { key: '985672261fcfeac501d1182f5ab9f20e82307cc7', class: "ImageListWrapper" }, ((_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.categoryTitle) &&
19
+ h("div", { key: '105691d218f5f8b4db36076007d53fb243beb075', class: "ImageListSectionTitle" }, (_c = this.repeaterContent) === null || _c === void 0 ? void 0 : _c.categoryTitle), h("div", { key: 'f32e71aa6cc8f026022d96b20ab43c9f5106605f', class: "ImageListLineup" }, (_e = (_d = this.repeaterContent) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.map(repeater => {
19
20
  const isPointer = (repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) || (repeater === null || repeater === void 0 ? void 0 : repeater.url);
20
21
  return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: {
21
22
  'ImageListIcon': true,
package/dist/general-footer-template/general-footer-template.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as n,h as t,g as e}from"./index-2051e205.js";import{g as o,n as i,c as r}from"./utils-c4781120.js";const a="__WIDGET_GLOBAL_STYLE_CACHE__";function c(n,t){if(n){const e=document.createElement("style");e.innerHTML=t,n.appendChild(e)}}const s=class{constructor(t){n(this,t),this.platform=o(),this.MANDATORY_FIELDS=["endpoint","language","sections"],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.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.accordionLinks=!1,this.variant="standard",this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}watchLanguage(n,t){n&&t&&n!=t&&this.setFooterData()}setFooterData(){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=i(n)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(n,t,e,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(n,t){const e=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{n&&(e.innerHTML=t,n.appendChild(e))}))}(n,t);window[a]||(window[a]={});const i=(e=function(n,t){return window.emMessageBus.subscribe(t,(e=>{if(!n)return;const o=n.getRootNode(),i=window[a];let r=i[t]?.sheet;r?i[t].refCount=i[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(e),i[t]={sheet:r,refCount:1});const c=o.adoptedStyleSheets||[];c.includes(r)||(o.adoptedStyleSheets=[...c,r])}))}(n,t)).unsubscribe.bind(e);e.unsubscribe=()=>{if(window[a][t]){const n=window[a][t];n.refCount>1?n.refCount=n.refCount-1:delete window[a][t]}i()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(n,t){if(!n||!t)return;const e=new URL(t);fetch(e.href).then((n=>n.text())).then((t=>{const e=document.createElement("style");e.innerHTML=t,n&&n.appendChild(e)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&c(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return t("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,e)=>{var o,i,a;const c=(null===(o=this.footerContent.repeaters)||void 0===o?void 0:o[n])||(null===(i=this.footerContent.wysiwyg)||void 0===i?void 0:i[n]),s=null==c?void 0:c.content;if("object"==typeof s&&0===(null===(a=Object.keys(s))||void 0===a?void 0:a.length)||"string"==typeof s&&""===s.trim())return null;const p=r[n].component,m=this.footerContent.repeaters.hasOwnProperty(n),d=this.footerContent.wysiwyg.hasOwnProperty(n);return t(p,{class:`${n} FooterSectionContainer FooterSectionContainer${e+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:r[n],repeaterContent:m?this.footerContent.repeaters[n]:null,customContent:d?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"accordion-links":this.accordionLinks})}));return t("footer",{class:this.variant&&"standard"!==this.variant?`FooterContainer FooterContainer--${this.variant}`:"FooterContainer",ref:n=>this.stylingContainer=n},t("div",{class:"FooterGrid customStyle"},n))}}get hostEl(){return e(this)}static get watchers(){return{language:["watchLanguage"]}}};s.style='/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant="standard" or no variant specified\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@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 two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\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 .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant="compact"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListWrapper.sc-image-list {\n padding: var(--emw--spacing-2x-small, 5px) 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n font-size: var(--emw--font-size-small, 12px);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: " ";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n font-size: var(--emw--font-size-small, 12px);\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: "one one one one one" "two three four six nine" "seven seven seven seven seven" "five five five five five" "eight eight eight eight eight"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: "one" "two" "three" "four" "five" "six" "nine" "seven" "eight";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n .FooterContainer--compact .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n display: none;\n }\n}';export{s as general_footer_template}
1
+ import{r as n,h as t,g as e}from"./index-2051e205.js";import{g as o,n as i,c as r}from"./utils-c4781120.js";const a="__WIDGET_GLOBAL_STYLE_CACHE__";function c(n,t){if(n){const e=document.createElement("style");e.innerHTML=t,n.appendChild(e)}}const s=class{constructor(t){n(this,t),this.platform=o(),this.MANDATORY_FIELDS=["endpoint","language","sections"],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.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.accordionLinks=!1,this.variant="standard",this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}watchLanguage(n,t){n&&t&&n!=t&&this.setFooterData()}setFooterData(){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=i(n)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(n,t,e,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(n,t){const e=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{n&&(e.innerHTML=t,n.appendChild(e))}))}(n,t);window[a]||(window[a]={});const i=(e=function(n,t){return window.emMessageBus.subscribe(t,(e=>{if(!n)return;const o=n.getRootNode(),i=window[a];let r=i[t]?.sheet;r?i[t].refCount=i[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(e),i[t]={sheet:r,refCount:1});const c=o.adoptedStyleSheets||[];c.includes(r)||(o.adoptedStyleSheets=[...c,r])}))}(n,t)).unsubscribe.bind(e);e.unsubscribe=()=>{if(window[a][t]){const n=window[a][t];n.refCount>1?n.refCount=n.refCount-1:delete window[a][t]}i()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(n,t){if(!n||!t)return;const e=new URL(t);fetch(e.href).then((n=>n.text())).then((t=>{const e=document.createElement("style");e.innerHTML=t,n&&n.appendChild(e)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&c(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return t("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,e)=>{var o,i,a;const c=(null===(o=this.footerContent.repeaters)||void 0===o?void 0:o[n])||(null===(i=this.footerContent.wysiwyg)||void 0===i?void 0:i[n]),s=null==c?void 0:c.content;if("object"==typeof s&&0===(null===(a=Object.keys(s))||void 0===a?void 0:a.length)||"string"==typeof s&&""===s.trim())return null;const p=r[n].component,m=this.footerContent.repeaters.hasOwnProperty(n),d=this.footerContent.wysiwyg.hasOwnProperty(n);return t(p,{class:`${n} FooterSectionContainer FooterSectionContainer${e+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:r[n],repeaterContent:m?this.footerContent.repeaters[n]:null,customContent:d?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"accordion-links":this.accordionLinks})}));return t("footer",{class:this.variant&&"standard"!==this.variant?`FooterContainer FooterContainer--${this.variant}`:"FooterContainer",ref:n=>this.stylingContainer=n},t("div",{class:"FooterGrid customStyle"},n))}}get hostEl(){return e(this)}static get watchers(){return{language:["watchLanguage"]}}};s.style='/*\n============================================================================\nBASE STYLES - apply to all footer variants\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.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 grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\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 grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant="standard" or no variant specified\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@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 two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\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 }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\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 .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant="compact"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: " ";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: "one one one one one" "two three four six nine" "seven seven seven seven seven" "five five five five five" "eight eight eight eight eight"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: "one" "two" "three" "four" "five" "six" "nine" "seven" "eight";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n}';export{s as general_footer_template}
package/dist/general-footer-template/image-list.entry.js CHANGED
@@ -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=>{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}
1
+ import{r as n,h as i}from"./index-2051e205.js";const e=class{constructor(i){n(this,i),this.navigateLink=(n,i,e)=>{window.postMessage({type:this.postMessageEvent,path:n,url:n,target:i,externalLink:e},window.location.href)},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent=""}render(){var n,e,t,a,s;return(null===(n=this.repeaterContent)||void 0===n?void 0:n.content.length)>0&&i("div",{key:"e7604ed1dcace3e2bd67c74e677e5c849c9c8407",class:"ImageListContainer"},i("div",{key:"985672261fcfeac501d1182f5ab9f20e82307cc7",class:"ImageListWrapper"},(null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle)&&i("div",{key:"105691d218f5f8b4db36076007d53fb243beb075",class:"ImageListSectionTitle"},null===(t=this.repeaterContent)||void 0===t?void 0:t.categoryTitle),i("div",{key:"f32e71aa6cc8f026022d96b20ab43c9f5106605f",class:"ImageListLineup"},null===(s=null===(a=this.repeaterContent)||void 0===a?void 0:a.content)||void 0===s?void 0:s.map((n=>{const e=(null==n?void 0:n.isExternalLink)||(null==n?void 0:n.url);return i("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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-footer-template",
3
- "version": "1.87.32",
3
+ "version": "1.87.34",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",