@everymatrix/general-footer-template 1.49.2 → 1.50.0

package/dist/esm/custom-content-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7361445e.js';
+import { r as registerInstance, h } from './index-73d3bdf3.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -9627,7 +9627,7 @@ const CustomContentSection = class {
                 img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading']
             }
         });
-        return h("div", { key: '818f883a9cf68c04ed29572bd6b5949e0ebb41e6', class: "CustomContentSectionContainer" }, h("div", { key: '63f78d30acf7a3e3b1f672317342dc4c58669c9b', class: "CustomContentSectionWrapper" }, h("div", { key: '920f2c9f25f3c2e39bae12969aef06f6ee8b58fa', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
+        return h("div", { key: '894fdc79eb310d5a7cfde48445afd3d1d464359e', class: "CustomContentSectionContainer" }, h("div", { key: 'cfecce550a4e9b6b692ff12de96262e1413f8f2b', class: "CustomContentSectionWrapper" }, h("div", { key: '1e76edcbb408a184848bda0c86a99d2467e3e081', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
     }
 };
 CustomContentSection.style = CustomContentSectionStyle0;

package/dist/esm/general-footer-template.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7361445e.js';
+import { r as registerInstance, h } from './index-73d3bdf3.js';
 
 /**
  * custom rules for component types
@@ -64,6 +64,9 @@ const componentRules = {
     "vendors": {
         component: 'image-list',
     },
+    "clock": {
+        component: 'custom-clock',
+    },
 };
 // This method takes repeater content and changes it to fit an uniform standard for property names in order to be treated in a general case by the footer
 // ex. if helpLinks repeaters use "helpImage" and socialLinks repeaters use "socialImage", both will use "image" after the normalization
@@ -215,7 +218,7 @@ const GeneralFooterTemplateStyle1 = pariuriPlusVariantCss;
 const variantStyle1Css = ":host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: #777;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.footer-grid {\n  background-color: #14202d;\n  display: grid;\n  padding: 0 50px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: \"one\"\n                       \"two\"\n                       \"three\"\n                       \"four\"\n                       \"five\"\n                       \"six\"\n                       \"seven\";\n}\n\n \n\n.footer-section__container--1 {\n  grid-area: one;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--3 {\n  grid-area: three;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--5 {\n  grid-area: five;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.footer-section__container--7 div{\n  padding: 0;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .footer-grid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas: \"one one\"\n                         \"two three\"\n                         \"four five\"\n                         \"six six\"\n                         \"seven seven\";\n  }\n  \n  \n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .footer-section__container--2:after,\n  .footer-section__container--4:after {\n    position: absolute;\n    content: \"\";\n    top: 10%;\n    right: 0;\n    width: 1px;\n    height: 80%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .footer-section__container--6 .image-list__wrapper {\n    padding: 22px 0 0 0;\n  }\n\n  .footer-section__container--7 .custom-content-section__wrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n\n  \n}";
 const GeneralFooterTemplateStyle2 = variantStyle1Css;
 
-const generalFooterTemplateCss = ":host {\n  display: block;\n}\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: var(--emfe-w-footer-typography, var(--emfe-w-color-white, #FFFFFF));\n  padding: 12px;\n}\n\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.footer-grid {\n  background-color: var(--emfe-w-footer-color-bg, var(--emfe-w-color-dark-blue, #07072A));\n  display: grid;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.footer-section__container--1 {\n  grid-area: one;\n}\n.footer-section__container--2 {\n  grid-area: two;\n}\n.footer-section__container--3 {\n  grid-area: three;\n}\n.footer-section__container--4 {\n  grid-area: four;\n}\n.footer-section__container--5 {\n  grid-area: five;\n}\n.footer-section__container--6 {\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n@container (min-width: 750px) {\n  .footer-grid {\n    background: var(--emfe-w-footer-color-bg, var(--emfe-w-color-dark-blue, #07072A));\n    display: grid;\n    grid-template-rows: repeat(7, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: \"one two\" \"three four\" \"five five\" \"six six\" \"seven seven\" \"eight eight\" \"nine nine\";\n  }\n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n  }\n}";
+const generalFooterTemplateCss = ":host {\n  display: block;\n}\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));\n  padding: 12px;\n}\n\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.footer-grid {\n  background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n  display: grid;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: \"one\" \"two\" \"three\" \"four\" \"five\" \"six\" \"seven\";\n}\n\n.footer-section__container--1 {\n  grid-area: one;\n}\n.footer-section__container--2 {\n  grid-area: two;\n}\n.footer-section__container--3 {\n  grid-area: three;\n}\n.footer-section__container--4 {\n  grid-area: four;\n}\n.footer-section__container--5 {\n  grid-area: five;\n}\n.footer-section__container--6 {\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n@container (min-width: 750px) {\n  .footer-grid {\n    background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n    display: grid;\n    grid-template-rows: repeat(7, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: \"one two\" \"three four\" \"five five\" \"six six\" \"seven seven\" \"eight eight\" \"nine nine\";\n  }\n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n  }\n}";
 const GeneralFooterTemplateStyle3 = generalFooterTemplateCss;
 
 const GeneralFooterTemplate = class {
@@ -256,6 +259,8 @@ const GeneralFooterTemplate = class {
         this.postMessageEvent = 'NavigateTo';
         this.clientStyling = '';
         this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.clockFormat = 'HH:MM:ss';
         this.hasErrors = false;
         this.stylingAppends = false;
     }
@@ -305,7 +310,7 @@ const GeneralFooterTemplate = class {
                 const FooterElement = componentRules[section].component;
                 const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
                 const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-                return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
+                return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null, "translation-url": this.translationUrl, "clock-format": this.clockFormat });
             });
             return (h("footer", { class: "FooterContainer", ref: el => this.stylingContainer = el }, h("div", { class: "FooterGrid customStyle" }, footerSections)));
         }

package/dist/esm/general-footer-template.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7361445e.js';
-export { s as setNonce } from './index-7361445e.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-73d3bdf3.js';
+export { s as setNonce } from './index-73d3bdf3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  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"]}]]],["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"],"hasErrors":[32],"stylingAppends":[32]}]]],["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"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
+  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"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["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"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"hasErrors":[32],"stylingAppends":[32]}]]],["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"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
 });

package/dist/esm/image-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7361445e.js';
+import { r as registerInstance, h } from './index-73d3bdf3.js';
 
 const imageListCss = ".sc-image-list-h {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.ImageListContainer.sc-image-list {\n  height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  max-width: 90%;\n  margin: auto;\n  padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-content: center;\n  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n  color: var(--emw--footer-typography, var(--emw-color-thpography, #fff));\n  text-transform: uppercase;\n  font-size: 24px;\n  font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--emw--spacing-x-large, 30px);\n  justify-content: left;\n  align-items: flex-start;\n  padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n  max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-end;\n  text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n  text-decoration: none;\n  color: var(--emw--color-gray-100, #666);\n  margin: 0;\n}\n\n@container (max-width: 750px) {\n  .ImageListSectionTitle.sc-image-list {\n    justify-content: center;\n    font-size: var(--emw--font-size-medium, 16px);\n    color: var(--emw--footer-typography, var(--emw-color-thpography, #fff));\n    padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n    justify-content: center;\n  }\n  .ImageListLineup.sc-image-list {\n    justify-content: center;\n    padding: 0;\n  }\n}";
 const ImageListStyle0 = imageListCss;
@@ -15,7 +15,7 @@ const ImageList = class {
     }
     render() {
         var _a, _b, _c;
-        return h("div", { key: '990c05b19c4bdc808285cf496d1dfc0fe94ef69d', class: "ImageListContainer" }, h("div", { key: '7f76aaf461bc9d55e19685171645e1445d783f47', class: "ImageListWrapper" }, h("div", { key: 'a40d5b077871924e845cf0eecbd4b9732771da9f', class: "ImageListSectionTitle" }, (_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.categoryTitle), h("div", { key: '44efb7430dfb7c0b4a5ae826f4406b385de80b74', class: "ImageListLineup" }, (_c = (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.map(repeater => {
+        return h("div", { key: '904d6e891d4533b61fa5b5d56d94fef1b64e254f', class: "ImageListContainer" }, h("div", { key: '2519ef8038b27175a5cede599561d235e29ef1ee', class: "ImageListWrapper" }, h("div", { key: '10b2280a935e16b046ee3bac0a34c84740350b30', class: "ImageListSectionTitle" }, (_a = this.repeaterContent) === null || _a === void 0 ? void 0 : _a.categoryTitle), h("div", { key: '11fb15bd73372b2e9bbec9250195a7a93f62e935', class: "ImageListLineup" }, (_c = (_b = this.repeaterContent) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.map(repeater => {
             return (h("div", { class: 'ImageListIcon' }, this.navigateViaEvent === true ? (h("div", { class: 'ImageListIcon', style: { cursor: 'pointer' }, onClick: () => this.navigateLink(repeater === null || repeater === void 0 ? void 0 : repeater.url, repeater === null || repeater === void 0 ? void 0 : repeater.target, repeater === null || repeater === void 0 ? void 0 : repeater.isExternalLink) }, h("img", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "" }), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title))) : (h("a", { href: (repeater === null || repeater === void 0 ? void 0 : repeater.url) || 'javascript:void(0)', target: (repeater === null || repeater === void 0 ? void 0 : repeater.target) || '_parent' }, h("div", { class: "ImageListPositioner" }, h("img", { src: repeater === null || repeater === void 0 ? void 0 : repeater.image, alt: "" })), h("p", null, repeater === null || repeater === void 0 ? void 0 : repeater.title)))));
         }))));
     }

package/dist/esm/{index-7361445e.js → index-73d3bdf3.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'general-footer-template';
-const BUILD = /* general-footer-template */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* general-footer-template */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -53,6 +53,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './general-footer-template.entry.js').then(processMod, consoleError);
+                case 'custom-clock':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './custom-clock.entry.js').then(processMod, consoleError);
                 case 'custom-content-section':
                     return import(
                       /* webpackMode: "lazy" */
@@ -896,6 +900,9 @@ var postUpdateComponent = (hostRef) => {
     {
       addHydratedFlag(elm);
     }
+    {
+      safeCall(instance, "componentDidLoad");
+    }
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -947,6 +954,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
+  const elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
@@ -956,6 +964,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         scheduleUpdate(hostRef, false);
       }
@@ -967,7 +987,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback ) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
+      cmpMeta.$watchers$ = Cstr.watchers;
+    }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1050,6 +1073,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
@@ -1065,6 +1091,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
       endNewInstance();
     } else {
       Cstr = elm.constructor;
@@ -1133,12 +1162,17 @@ var connectedCallback = (elm) => {
   }
 };
 var disconnectInstance = (instance) => {
+  {
+    safeCall(instance, "disconnectedCallback");
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
     }
   }
 };
@@ -1161,6 +1195,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
+      var _a2;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1176,6 +1211,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$attrsToReflect$ = [];
       }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost

package/dist/esm/link-section-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7361445e.js';
+import { r as registerInstance, h } from './index-73d3bdf3.js';
 
 const linkSectionListCss = ":host {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.LinkSectionListContainer {\n  display: block;\n  container-type: inline-size;\n}\n.LinkSectionListWrapper {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n  font-weight: var(--emw--font-weight-semibold, 500);\n  text-transform: uppercase;\n}\n.LinkSectionListLink {\n  font-weight: var(--emw--font-weight-light, 300);\n}\n\nul {\n  width: fit-content;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--emw--spacing-medium, 16px);\n  padding-left: var(--emw--spacing-small-minus, 10px);\n  font-size: var(--emw--font-size-small, 16px);\n  text-transform: uppercase;\n}\nul li {\n  list-style: disc;\n  display: flex;\n  align-items: center;\n  padding-left: 25px;\n  position: relative;\n}\nul li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n  height: 8px;\n  background-color: var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n  border-radius: 50%;\n}\nul li .LinkSectionListLinkText {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\nul li .LinkSectionListLinkText span {\n  text-align: center;\n  cursor: pointer;\n}\nul li .LinkSectionListLinkText img.LinkSectionIcon {\n  position: relative;\n  height: 25px;\n  padding: 0 5px;\n}\n\na {\n  color: inherit;\n}\n\n@container (min-width: 280px) {\n  .LinkSectionListWrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@container (min-width: 650px) {\n  .LinkSectionListWrapper {\n    grid-gap: 2rem;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: 1fr;\n  }\n}";
 const LinkSectionListStyle0 = linkSectionListCss;

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-7361445e.js';
-export { s as setNonce } from './index-7361445e.js';
+import { b as bootstrapLazy } from './index-73d3bdf3.js';
+export { s as setNonce } from './index-73d3bdf3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  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"]}]]],["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"],"hasErrors":[32],"stylingAppends":[32]}]]],["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"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
+  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"]}]]],["custom-clock",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["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"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"hasErrors":[32],"stylingAppends":[32]}]]],["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"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/general-footer-template/general-footer-template.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-26b76a9c.js";export{s as setNonce}from"./p-26b76a9c.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-853dab90",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-35120834",[[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"],hasErrors:[32],stylingAppends:[32]}]]],["p-4f676786",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-0a75f723",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
+import{p as e,b as t}from"./p-fbe51a04.js";export{s as setNonce}from"./p-fbe51a04.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-516893f4",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-5a1612c1",[[2,"custom-clock",{clockFormat:[513,"clock-format"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-12f3ff37",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],hasErrors:[32],stylingAppends:[32]}]]],["p-c559c8bc",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-bbe2c383",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));

package/dist/general-footer-template/p-12f3ff37.entry.js

@@ -0,0 +1 @@
+import{r as n,h as e}from"./p-fbe51a04.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"},clock:{component:"custom-clock"}},t=class{constructor(e){n(this,e),this.platform=(()=>{const n=(()=>{let n=window.navigator.userAgent;return n.toLowerCase().match(/android/i)?"Android":n.toLowerCase().match(/iphone/i)?"iPhone":n.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(n)return"PC"===n?"dk":"iPad"===n||"iPhone"===n?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.stylingContainer.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{e.innerHTML=n,setTimeout((()=>{this.stylingContainer.prepend(e)}),1)})).catch((n=>{console.log("error ",n)}))},this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.clockFormat="HH:MM:ss",this.hasErrors=!1,this.stylingAppends=!1}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userroles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=(n=>{const e={repeaters:{vendors:{categoryTitle:n.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:n.helpLinksTitle,content:[]},helpLinks:{categoryTitle:n.helpLinksTitle,content:[]},licenses:{categoryTitle:n.licensesLinksTitle,content:[]},sponsors:{categoryTitle:n.sponsorsLinksTitle,content:[]},payment:{categoryTitle:n.paymentLinksTitle,content:[]},social:{categoryTitle:n.socialLinksTitle,content:[]},downloadApp:{categoryTitle:n.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},o={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(e.repeaters).forEach((e=>{var t,i,r;o[e[0]]&&n[null===(t=o[e[0]])||void 0===t?void 0:t.repeaterName]&&(e[1].content=null===(r=n[null===(i=o[e[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((n=>{var t,i,r,a,s,d;return{isExternalLink:null!==(t=n[o[e[0]].isExternalLink])&&void 0!==t?t:null,linkCategory:null!==(i=n[o[e[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=n[o[e[0]].image])&&void 0!==r?r:null,title:null!==(a=n[o[e[0]].title])&&void 0!==a?a:null,url:null!==(s=n[o[e[0]].url])&&void 0!==s?s:null,target:null!==(d=n[o[e[0]].target])&&void 0!==d?d:null}})))})),e.repeaters.downloadApp.content=n.downloadInfos.imageArea||[],e.wysiwyg.downloadApp.content=n.downloadInfos.downloadDescription||"",e.wysiwyg.copyright.content=n.copyright,e.wysiwyg["license-description"].content=n.licenseDesc,e})(n)}))}componentDidRender(){!this.stylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}render(){if(this.hasErrors)return e("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,t)=>{const i=o[n].component,r=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(i,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:o[n],repeaterContent:r?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat})}));return e("footer",{class:"FooterContainer",ref:n=>this.stylingContainer=n},e("div",{class:"FooterGrid customStyle"},n))}}};t.style=':host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw-color-thpography, #fff));\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.FooterGrid {\n  background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n}\n\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n}\n\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n}\n\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n}\n\n.FooterSectionContainer5 {\n  grid-area: five;\n}\n\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n  padding: 0;\n}\n\n@container (max-width: 750px) {\n  .FooterSectionContainer3:after,\n  .FooterSectionContainer2:after {\n    position: absolute;\n    content: "";\n    height: 1px;\n    width: 90%;\n    background-color: var(--emw--color-gray-100, #444);\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #060706);\n    padding: 30px 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n    justify-self: center;\n  }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n    display: grid;\n    border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    grid-template-areas: "one two three four" "five five five five" "six six six six" "seven seven seven seven";\n  }\n  .FooterSectionContainer1 {\n    padding: 30px 40px;\n    grid-area: one;\n    background: var(--emw--color-background, #000000);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n    min-height: var(--emw--size-4x-medium, 500px);\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #091217);\n    padding: var(--emw--spacing-x-large, 30px) 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: left;\n    align-items: center;\n    padding-left: var(--emw--spacing-large, 20px);\n  }\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: var(--emw--spacing-2x-small, 5px);\n    text-align: center;\n  }\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: var(--emw--spacing-large, 22px);\n    font-size: var(--emw--font-size-small, 14px);\n  }\n}:host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: #fff;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.FooterGrid {\n  background-color: #14202D;\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n  \n}\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n  \n}\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n  grid-area: five;\n  /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n  padding: 0;\n}\n\n.FooterSectionContainer3:after {\n  position: absolute;\n  content: "";\n  left: 30%;\n  bottom: -20px;\n  height: 1px;\n  width: 40%;\n  background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two"\n                         "three four"\n                         "five five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .FooterSectionContainer1 {\n    grid-area: one;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .FooterSectionContainer3:after {\n    position: absolute;\n    content: "";\n    left: initial;\n    bottom:initial;\n    top: 30%;\n    right: 20px;\n    width: 1px;\n    height: 40%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: 5px;\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n    /* padding-bottom: 22px; */\n    /* font-size: 14px; */\n  }\n\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n}:host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: #777;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.footer-grid {\n  background-color: #14202d;\n  display: grid;\n  padding: 0 50px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.footer-section__container--1 {\n  grid-area: one;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--3 {\n  grid-area: three;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--5 {\n  grid-area: five;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.footer-section__container--7 div{\n  padding: 0;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .footer-grid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas: "one one"\n                         "two three"\n                         "four five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .footer-section__container--2:after,\n  .footer-section__container--4:after {\n    position: absolute;\n    content: "";\n    top: 10%;\n    right: 0;\n    width: 1px;\n    height: 80%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .footer-section__container--6 .image-list__wrapper {\n    padding: 22px 0 0 0;\n  }\n\n  .footer-section__container--7 .custom-content-section__wrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n\n  \n}:host {\n  display: block;\n}\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));\n  padding: 12px;\n}\n\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.footer-grid {\n  background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n  display: grid;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.footer-section__container--1 {\n  grid-area: one;\n}\n.footer-section__container--2 {\n  grid-area: two;\n}\n.footer-section__container--3 {\n  grid-area: three;\n}\n.footer-section__container--4 {\n  grid-area: four;\n}\n.footer-section__container--5 {\n  grid-area: five;\n}\n.footer-section__container--6 {\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n@container (min-width: 750px) {\n  .footer-grid {\n    background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n    display: grid;\n    grid-template-rows: repeat(7, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two" "three four" "five five" "six six" "seven seven" "eight eight" "nine nine";\n  }\n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n  }\n}';export{t as general_footer_template}