@everymatrix/general-footer-template 1.99.10 → 1.99.12

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 (13) hide show
  1. package/dist/cjs/general-footer-template.cjs.entry.js +12 -2
  2. package/dist/cjs/general-footer-template.cjs.js +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/collection/components/general-footer-template/demo-footer.css +31 -0
  5. package/dist/collection/components/general-footer-template/general-footer-template.js +31 -2
  6. package/dist/esm/general-footer-template.entry.js +12 -2
  7. package/dist/esm/general-footer-template.js +1 -1
  8. package/dist/esm/loader.js +1 -1
  9. package/dist/general-footer-template/general-footer-template.entry.js +1 -1
  10. package/dist/general-footer-template/general-footer-template.esm.js +1 -1
  11. package/dist/types/components/general-footer-template/general-footer-template.d.ts +7 -0
  12. package/dist/types/components.d.ts +8 -0
  13. 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 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}";
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============================================================================\nBACK TO TOP BUTTON\n============================================================================\n*/\n.BackToTopButton {\n display: none;\n margin: 20px auto 20px auto;\n padding: 12px 30px;\n background-color: var(--emw--color-primary, #22B04E);\n color: var(--emw--footer-color-bg, #fff);\n border: none;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: all 0.3s ease;\n z-index: 999;\n}\n.BackToTopButton.visible {\n display: block;\n}\n.BackToTopButton:hover {\n background-color: var(--emw--color-primary, #1d9540);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n.BackToTopButton:active {\n transform: scale(0.98);\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 {
@@ -134,6 +134,12 @@ const GeneralFooterTemplate = class {
134
134
  * Host element
135
135
  */
136
136
  this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
137
+ this.handleScroll = () => {
138
+ this.showBackToTop = window.scrollY > 300;
139
+ };
140
+ this.scrollToTop = () => {
141
+ window.scrollTo({ top: 0, behavior: 'smooth' });
142
+ };
137
143
  this.language = undefined;
138
144
  this.sections = undefined;
139
145
  this.endpoint = undefined;
@@ -153,8 +159,10 @@ const GeneralFooterTemplate = class {
153
159
  this.mbSource = undefined;
154
160
  this.accordionLinks = false;
155
161
  this.variant = 'standard';
162
+ this.showBackToTopButton = 'false';
156
163
  this.hasErrors = false;
157
164
  this.footerContent = undefined;
165
+ this.showBackToTop = false;
158
166
  }
159
167
  validateMandatoryFields() {
160
168
  this.MANDATORY_FIELDS.forEach((field) => {
@@ -192,6 +200,7 @@ const GeneralFooterTemplate = class {
192
200
  }
193
201
  disconnectedCallback() {
194
202
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
203
+ window.removeEventListener('scroll', this.handleScroll);
195
204
  }
196
205
  componentDidLoad() {
197
206
  if (window.emMessageBus != undefined) {
@@ -206,6 +215,7 @@ const GeneralFooterTemplate = class {
206
215
  if (this.customCss)
207
216
  setClientStyling(this.hostEl.shadowRoot, this.customCss);
208
217
  }
218
+ window.addEventListener('scroll', this.handleScroll);
209
219
  }
210
220
  render() {
211
221
  if (this.hasErrors) {
@@ -229,7 +239,7 @@ const GeneralFooterTemplate = class {
229
239
  const footerContainerClasses = (this.variant && this.variant !== 'standard')
230
240
  ? `FooterContainer FooterContainer--${this.variant}`
231
241
  : 'FooterContainer';
232
- return (index.h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, index.h("div", { class: "FooterGrid customStyle" }, footerSections)));
242
+ return (index.h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, this.showBackToTopButton === 'true' && (index.h("button", { class: `BackToTopButton ${this.showBackToTop ? 'visible' : ''}`, onClick: () => this.scrollToTop(), "aria-label": "Back to top" }, "Back to Top")), index.h("div", { class: "FooterGrid customStyle" }, footerSections)));
233
243
  }
234
244
  }
235
245
  get hostEl() { return index.getElement(this); }
package/dist/cjs/general-footer-template.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo.cjs",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"hasErrors":[32],"footerContent":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
22
+ return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo.cjs",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"showBackToTopButton":[513,"show-back-to-top-button"],"hasErrors":[32],"footerContent":[32],"showBackToTop":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo.cjs",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"hasErrors":[32],"footerContent":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
11
+ return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo.cjs",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"showBackToTopButton":[513,"show-back-to-top-button"],"hasErrors":[32],"footerContent":[32],"showBackToTop":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2.cjs",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/general-footer-template/demo-footer.css CHANGED
@@ -71,6 +71,37 @@ body {
71
71
  padding: 0;
72
72
  }
73
73
 
74
+ /*
75
+ ============================================================================
76
+ BACK TO TOP BUTTON
77
+ ============================================================================
78
+ */
79
+ .BackToTopButton {
80
+ display: none;
81
+ margin: 20px auto 20px auto;
82
+ padding: 12px 30px;
83
+ background-color: var(--emw--color-primary, #22B04E);
84
+ color: var(--emw--footer-color-bg, #fff);
85
+ border: none;
86
+ cursor: pointer;
87
+ font-size: 16px;
88
+ font-weight: bold;
89
+ border-radius: 4px;
90
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
91
+ transition: all 0.3s ease;
92
+ z-index: 999;
93
+ }
94
+ .BackToTopButton.visible {
95
+ display: block;
96
+ }
97
+ .BackToTopButton:hover {
98
+ background-color: var(--emw--color-primary, #1d9540);
99
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
100
+ }
101
+ .BackToTopButton:active {
102
+ transform: scale(0.98);
103
+ }
104
+
74
105
  /*
75
106
  ============================================================================
76
107
  STANDARD VARIANT (Default) - applies when variant="standard" or no variant specified
package/dist/collection/components/general-footer-template/general-footer-template.js CHANGED
@@ -9,6 +9,12 @@ export class GeneralFooterTemplate {
9
9
  * Host element
10
10
  */
11
11
  this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
12
+ this.handleScroll = () => {
13
+ this.showBackToTop = window.scrollY > 300;
14
+ };
15
+ this.scrollToTop = () => {
16
+ window.scrollTo({ top: 0, behavior: 'smooth' });
17
+ };
12
18
  this.language = undefined;
13
19
  this.sections = undefined;
14
20
  this.endpoint = undefined;
@@ -28,8 +34,10 @@ export class GeneralFooterTemplate {
28
34
  this.mbSource = undefined;
29
35
  this.accordionLinks = false;
30
36
  this.variant = 'standard';
37
+ this.showBackToTopButton = 'false';
31
38
  this.hasErrors = false;
32
39
  this.footerContent = undefined;
40
+ this.showBackToTop = false;
33
41
  }
34
42
  validateMandatoryFields() {
35
43
  this.MANDATORY_FIELDS.forEach((field) => {
@@ -67,6 +75,7 @@ export class GeneralFooterTemplate {
67
75
  }
68
76
  disconnectedCallback() {
69
77
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
78
+ window.removeEventListener('scroll', this.handleScroll);
70
79
  }
71
80
  componentDidLoad() {
72
81
  if (window.emMessageBus != undefined) {
@@ -81,6 +90,7 @@ export class GeneralFooterTemplate {
81
90
  if (this.customCss)
82
91
  setClientStyling(this.hostEl.shadowRoot, this.customCss);
83
92
  }
93
+ window.addEventListener('scroll', this.handleScroll);
84
94
  }
85
95
  render() {
86
96
  if (this.hasErrors) {
@@ -104,7 +114,7 @@ export class GeneralFooterTemplate {
104
114
  const footerContainerClasses = (this.variant && this.variant !== 'standard')
105
115
  ? `FooterContainer FooterContainer--${this.variant}`
106
116
  : 'FooterContainer';
107
- return (h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, h("div", { class: "FooterGrid customStyle" }, footerSections)));
117
+ return (h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, this.showBackToTopButton === 'true' && (h("button", { class: `BackToTopButton ${this.showBackToTop ? 'visible' : ''}`, onClick: () => this.scrollToTop(), "aria-label": "Back to top" }, "Back to Top")), h("div", { class: "FooterGrid customStyle" }, footerSections)));
108
118
  }
109
119
  }
110
120
  static get is() { return "general-footer-template"; }
@@ -460,13 +470,32 @@ export class GeneralFooterTemplate {
460
470
  "attribute": "variant",
461
471
  "reflect": true,
462
472
  "defaultValue": "'standard'"
473
+ },
474
+ "showBackToTopButton": {
475
+ "type": "string",
476
+ "mutable": false,
477
+ "complexType": {
478
+ "original": "string",
479
+ "resolved": "string",
480
+ "references": {}
481
+ },
482
+ "required": false,
483
+ "optional": false,
484
+ "docs": {
485
+ "tags": [],
486
+ "text": "whether to show the back to top button"
487
+ },
488
+ "attribute": "show-back-to-top-button",
489
+ "reflect": true,
490
+ "defaultValue": "'false'"
463
491
  }
464
492
  };
465
493
  }
466
494
  static get states() {
467
495
  return {
468
496
  "hasErrors": {},
469
- "footerContent": {}
497
+ "footerContent": {},
498
+ "showBackToTop": {}
470
499
  };
471
500
  }
472
501
  static get elementRef() { return "hostEl"; }
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 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}";
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============================================================================\nBACK TO TOP BUTTON\n============================================================================\n*/\n.BackToTopButton {\n display: none;\n margin: 20px auto 20px auto;\n padding: 12px 30px;\n background-color: var(--emw--color-primary, #22B04E);\n color: var(--emw--footer-color-bg, #fff);\n border: none;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: all 0.3s ease;\n z-index: 999;\n}\n.BackToTopButton.visible {\n display: block;\n}\n.BackToTopButton:hover {\n background-color: var(--emw--color-primary, #1d9540);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n.BackToTopButton:active {\n transform: scale(0.98);\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 {
@@ -130,6 +130,12 @@ const GeneralFooterTemplate = class {
130
130
  * Host element
131
131
  */
132
132
  this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
133
+ this.handleScroll = () => {
134
+ this.showBackToTop = window.scrollY > 300;
135
+ };
136
+ this.scrollToTop = () => {
137
+ window.scrollTo({ top: 0, behavior: 'smooth' });
138
+ };
133
139
  this.language = undefined;
134
140
  this.sections = undefined;
135
141
  this.endpoint = undefined;
@@ -149,8 +155,10 @@ const GeneralFooterTemplate = class {
149
155
  this.mbSource = undefined;
150
156
  this.accordionLinks = false;
151
157
  this.variant = 'standard';
158
+ this.showBackToTopButton = 'false';
152
159
  this.hasErrors = false;
153
160
  this.footerContent = undefined;
161
+ this.showBackToTop = false;
154
162
  }
155
163
  validateMandatoryFields() {
156
164
  this.MANDATORY_FIELDS.forEach((field) => {
@@ -188,6 +196,7 @@ const GeneralFooterTemplate = class {
188
196
  }
189
197
  disconnectedCallback() {
190
198
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
199
+ window.removeEventListener('scroll', this.handleScroll);
191
200
  }
192
201
  componentDidLoad() {
193
202
  if (window.emMessageBus != undefined) {
@@ -202,6 +211,7 @@ const GeneralFooterTemplate = class {
202
211
  if (this.customCss)
203
212
  setClientStyling(this.hostEl.shadowRoot, this.customCss);
204
213
  }
214
+ window.addEventListener('scroll', this.handleScroll);
205
215
  }
206
216
  render() {
207
217
  if (this.hasErrors) {
@@ -225,7 +235,7 @@ const GeneralFooterTemplate = class {
225
235
  const footerContainerClasses = (this.variant && this.variant !== 'standard')
226
236
  ? `FooterContainer FooterContainer--${this.variant}`
227
237
  : 'FooterContainer';
228
- return (h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, h("div", { class: "FooterGrid customStyle" }, footerSections)));
238
+ return (h("footer", { class: footerContainerClasses, ref: el => this.stylingContainer = el }, this.showBackToTopButton === 'true' && (h("button", { class: `BackToTopButton ${this.showBackToTop ? 'visible' : ''}`, onClick: () => this.scrollToTop(), "aria-label": "Back to top" }, "Back to Top")), h("div", { class: "FooterGrid customStyle" }, footerSections)));
229
239
  }
230
240
  }
231
241
  get hostEl() { return getElement(this); }
package/dist/esm/general-footer-template.js CHANGED
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"hasErrors":[32],"footerContent":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
19
+ return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"showBackToTopButton":[513,"show-back-to-top-button"],"hasErrors":[32],"footerContent":[32],"showBackToTop":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
20
20
  });
package/dist/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"hasErrors":[32],"footerContent":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
8
+ return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"accordionLinks":[516,"accordion-links"],"openCategory":[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{"endpoint":[513],"language":[513],"logoContent":[32]},null,{"endpoint":["onConfigChange"],"language":["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"customCss":[513,"custom-css"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"accordionLinks":[516,"accordion-links"],"variant":[513],"showBackToTopButton":[513,"show-back-to-top-button"],"hasErrors":[32],"footerContent":[32],"showBackToTop":[32]},null,{"language":["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
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]&&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}
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.handleScroll=()=>{this.showBackToTop=window.scrollY>300},this.scrollToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},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.showBackToTopButton="false",this.hasErrors=!1,this.footerContent=void 0,this.showBackToTop=!1}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(),window.removeEventListener("scroll",this.handleScroll)}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]&&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)),window.addEventListener("scroll",this.handleScroll)}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,d=this.footerContent.repeaters.hasOwnProperty(n),m=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:d?this.footerContent.repeaters[n]:null,customContent:m?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},"true"===this.showBackToTopButton&&t("button",{class:"BackToTopButton "+(this.showBackToTop?"visible":""),onClick:()=>this.scrollToTop(),"aria-label":"Back to top"},"Back to Top"),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============================================================================\nBACK TO TOP BUTTON\n============================================================================\n*/\n.BackToTopButton {\n display: none;\n margin: 20px auto 20px auto;\n padding: 12px 30px;\n background-color: var(--emw--color-primary, #22B04E);\n color: var(--emw--footer-color-bg, #fff);\n border: none;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: all 0.3s ease;\n z-index: 999;\n}\n.BackToTopButton.visible {\n display: block;\n}\n.BackToTopButton:hover {\n background-color: var(--emw--color-primary, #1d9540);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n.BackToTopButton:active {\n transform: scale(0.98);\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/general-footer-template.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as t}from"./index-2051e205.js";export{s as setNonce}from"./index-2051e205.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],accordionLinks:[516,"accordion-links"],openCategory:[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{endpoint:[513],language:[513],logoContent:[32]},null,{endpoint:["onConfigChange"],language:["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],customCss:[513,"custom-css"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],accordionLinks:[516,"accordion-links"],variant:[513],hasErrors:[32],footerContent:[32]},null,{language:["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
1
+ import{p as e,b as t}from"./index-2051e205.js";export{s as setNonce}from"./index-2051e205.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],accordionLinks:[516,"accordion-links"],openCategory:[32]},[[9,"resize","onResize"]]]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{endpoint:[513],language:[513],logoContent:[32]},null,{endpoint:["onConfigChange"],language:["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],customCss:[513,"custom-css"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],accordionLinks:[516,"accordion-links"],variant:[513],showBackToTopButton:[513,"show-back-to-top-button"],hasErrors:[32],footerContent:[32],showBackToTop:[32]},null,{language:["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
package/dist/types/components/general-footer-template/general-footer-template.d.ts CHANGED
@@ -78,6 +78,10 @@ export declare class GeneralFooterTemplate {
78
78
  * footer design variant - 'standard' for the current design, 'compact' for the new compact design
79
79
  */
80
80
  variant: FooterVariant;
81
+ /**
82
+ * whether to show the back to top button
83
+ */
84
+ showBackToTopButton: string;
81
85
  private hasErrors;
82
86
  /**
83
87
  * clean / formatted section list to be used for rendering footer components
@@ -87,6 +91,7 @@ export declare class GeneralFooterTemplate {
87
91
  * object containing formatted / final form footer content, used to determine rendering
88
92
  */
89
93
  private footerContent;
94
+ private showBackToTop;
90
95
  private platform;
91
96
  private stylingSubscription;
92
97
  private stylingContainer;
@@ -99,6 +104,8 @@ export declare class GeneralFooterTemplate {
99
104
  setFooterData(): Promise<void>;
100
105
  componentWillLoad(): Promise<void>;
101
106
  disconnectedCallback(): void;
107
+ private handleScroll;
108
+ private scrollToTop;
102
109
  componentDidLoad(): void;
103
110
  render(): any;
104
111
  }
package/dist/types/components.d.ts CHANGED
@@ -111,6 +111,10 @@ export namespace Components {
111
111
  * the current session, to be used in order to determine login status (relevant for certain components ex. "panic button")
112
112
  */
113
113
  "session": string;
114
+ /**
115
+ * whether to show the back to top button
116
+ */
117
+ "showBackToTopButton": string;
114
118
  /**
115
119
  * configurable time zone
116
120
  */
@@ -323,6 +327,10 @@ declare namespace LocalJSX {
323
327
  * the current session, to be used in order to determine login status (relevant for certain components ex. "panic button")
324
328
  */
325
329
  "session"?: string;
330
+ /**
331
+ * whether to show the back to top button
332
+ */
333
+ "showBackToTopButton"?: string;
326
334
  /**
327
335
  * configurable time zone
328
336
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-footer-template",
3
- "version": "1.99.10",
3
+ "version": "1.99.12",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",