@everymatrix/general-footer-template 1.63.2 → 1.64.0

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

@@ -270,7 +270,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
   }
 }
 
-const demoFooterCss = ":host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  padding: 15px 20px 0;\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  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}";
+const demoFooterCss = ":host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  padding: 15px 20px 0;\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  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 two  two\" \"one three three three\" \"one  four four  four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\n  }\n  .FooterSectionContainer1 {\n    padding: 30px 40px;\n    grid-area: one;\n    background: var(--emw--color-background, #000000);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n    min-height: var(--emw--size-4x-medium, 500px);\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #091217);\n    padding: var(--emw--spacing-x-large, 30px) 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n  /* // 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}";
 const GeneralFooterTemplateStyle0 = demoFooterCss;
 
 const GeneralFooterTemplate = class {

package/dist/cjs/ui-image_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4f1d0ebb.js');
 
-const uiImageCss = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";
+const uiImageCss = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";
 const UiImageStyle0 = uiImageCss;
 
 const UiImage = class {

package/dist/collection/components/general-footer-template/demo-footer.css

@@ -96,7 +96,7 @@ body {
     border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));
     grid-template-rows: repeat(5, auto);
     grid-template-columns: 1fr 1fr 1fr 1fr;
-    grid-template-areas: "one two three four" "five five five five" "six six six six" "seven seven seven seven";
+    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";
   }
   .FooterSectionContainer1 {
     padding: 30px 40px;

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

@@ -266,7 +266,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
   }
 }
 
-const demoFooterCss = ":host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  padding: 15px 20px 0;\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  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}";
+const demoFooterCss = ":host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  padding: 15px 20px 0;\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  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 two  two\" \"one three three three\" \"one  four four  four\" \"one five five five\" \"one six six six\" \"seven seven seven seven\" \"eight eight eight eight\" \"nine nine nine nine\";\n  }\n  .FooterSectionContainer1 {\n    padding: 30px 40px;\n    grid-area: one;\n    background: var(--emw--color-background, #000000);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n    min-height: var(--emw--size-4x-medium, 500px);\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #091217);\n    padding: var(--emw--spacing-x-large, 30px) 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n  /* // 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}";
 const GeneralFooterTemplateStyle0 = demoFooterCss;
 
 const GeneralFooterTemplate = class {

package/dist/esm/ui-image_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-83985f06.js';
 
-const uiImageCss = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";
+const uiImageCss = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";
 const UiImageStyle0 = uiImageCss;
 
 const UiImage = class {

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

@@ -1 +1 @@
-import{p as e,b as t}from"./p-56890359.js";export{s as setNonce}from"./p-56890359.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-c20c3c40",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-3f9e0e81",[[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-3faa56d8",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-20c8b70b",[[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"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],hasErrors:[32]}]]],["p-16be4af7",[[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:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]],["p-9c2e6761",[[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-56890359.js";export{s as setNonce}from"./p-56890359.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-c20c3c40",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["p-3f9e0e81",[[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-3faa56d8",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["p-247d9fad",[[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"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],hasErrors:[32]}]]],["p-efd05274",[[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:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]],["p-9c2e6761",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));

package/dist/general-footer-template/{p-20c8b70b.entry.js → p-247d9fad.entry.js}

@@ -1 +1 @@
-import{r as e,h as n}from"./p-56890359.js";const t={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"}},o=class{constructor(n){e(this,n),this.platform=(()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"})(),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.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.hasErrors=!1}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((e=>{this[e]||(console.error(`Mandatory parameter ${e} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((e=>e.trim()));const e=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return e.searchParams.append("env",this.env),e.searchParams.append("device",this.platform),e.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(e.href).then((e=>e.json())).then((e=>{0===Object.keys(e).length?this.hasErrors=!0:this.footerContent=(e=>{const n={repeaters:{vendors:{categoryTitle:e.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:e.helpLinksTitle,content:[]},helpLinks:{categoryTitle:e.helpLinksTitle,content:[]},licenses:{categoryTitle:e.licensesLinksTitle,content:[]},sponsors:{categoryTitle:e.sponsorsLinksTitle,content:[]},payment:{categoryTitle:e.paymentLinksTitle,content:[]},social:{categoryTitle:e.socialLinksTitle,content:[]},downloadApp:{categoryTitle:e.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},t={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:"paymentMethodUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(n.repeaters).forEach((n=>{var o,i,r;t[n[0]]&&e[null===(o=t[n[0]])||void 0===o?void 0:o.repeaterName]&&(n[1].content=null===(r=e[null===(i=t[n[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((e=>{var o,i,r,a,s,l;return{isExternalLink:null!==(o=e[t[n[0]].isExternalLink])&&void 0!==o?o:null,linkCategory:null!==(i=e[t[n[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=e[t[n[0]].image])&&void 0!==r?r:null,title:null!==(a=e[t[n[0]].title])&&void 0!==a?a:null,url:null!==(s=e[t[n[0]].url])&&void 0!==s?s:null,target:null!==(l=e[t[n[0]].target])&&void 0!==l?l:null}})))})),n.repeaters.downloadApp.content=e.downloadInfos.imageArea||[],n.wysiwyg.downloadApp.content=e.downloadInfos.downloadDescription||"",n.wysiwyg.copyright.content=e.copyright,n.wysiwyg["license-description"].content=e.licenseDesc,n})(e)}))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(e,n){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{t.innerHTML=n,e&&e.appendChild(t)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&function(e,n){if(e){const t=document.createElement("style");t.innerHTML=n,e.appendChild(t)}}(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(e,n){const t=new URL(n);fetch(t.href).then((e=>e.text())).then((n=>{const t=document.createElement("style");t.innerHTML=n,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}(this.stylingContainer,this.clientStylingUrl))}render(){if(this.hasErrors)return n("div",null,"There was an error while bootstraping the widget");{const e=this.sectionsList.map(((e,o)=>{const i=t[e].component,r=this.footerContent.repeaters.hasOwnProperty(e),a=this.footerContent.wysiwyg.hasOwnProperty(e);return n(i,{class:`${e} FooterSectionContainer FooterSectionContainer${o+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:t[e],repeaterContent:r?this.footerContent.repeaters[e]:null,customContent:a?this.footerContent.wysiwyg[e].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone})}));return n("footer",{class:"FooterContainer",ref:e=>this.stylingContainer=e},n("div",{class:"FooterGrid customStyle"},e))}}};o.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: 15px 20px 0;\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  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}';export{o as general_footer_template}
+import{r as e,h as n}from"./p-56890359.js";const t={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"}},o=class{constructor(n){e(this,n),this.platform=(()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"})(),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.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.hasErrors=!1}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((e=>{this[e]||(console.error(`Mandatory parameter ${e} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((e=>e.trim()));const e=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return e.searchParams.append("env",this.env),e.searchParams.append("device",this.platform),e.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(e.href).then((e=>e.json())).then((e=>{0===Object.keys(e).length?this.hasErrors=!0:this.footerContent=(e=>{const n={repeaters:{vendors:{categoryTitle:e.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:e.helpLinksTitle,content:[]},helpLinks:{categoryTitle:e.helpLinksTitle,content:[]},licenses:{categoryTitle:e.licensesLinksTitle,content:[]},sponsors:{categoryTitle:e.sponsorsLinksTitle,content:[]},payment:{categoryTitle:e.paymentLinksTitle,content:[]},social:{categoryTitle:e.socialLinksTitle,content:[]},downloadApp:{categoryTitle:e.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},t={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:"paymentMethodUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(n.repeaters).forEach((n=>{var o,i,r;t[n[0]]&&e[null===(o=t[n[0]])||void 0===o?void 0:o.repeaterName]&&(n[1].content=null===(r=e[null===(i=t[n[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((e=>{var o,i,r,a,s,l;return{isExternalLink:null!==(o=e[t[n[0]].isExternalLink])&&void 0!==o?o:null,linkCategory:null!==(i=e[t[n[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=e[t[n[0]].image])&&void 0!==r?r:null,title:null!==(a=e[t[n[0]].title])&&void 0!==a?a:null,url:null!==(s=e[t[n[0]].url])&&void 0!==s?s:null,target:null!==(l=e[t[n[0]].target])&&void 0!==l?l:null}})))})),n.repeaters.downloadApp.content=e.downloadInfos.imageArea||[],n.wysiwyg.downloadApp.content=e.downloadInfos.downloadDescription||"",n.wysiwyg.copyright.content=e.copyright,n.wysiwyg["license-description"].content=e.licenseDesc,n})(e)}))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(e,n){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{t.innerHTML=n,e&&e.appendChild(t)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&function(e,n){if(e){const t=document.createElement("style");t.innerHTML=n,e.appendChild(t)}}(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(e,n){const t=new URL(n);fetch(t.href).then((e=>e.text())).then((n=>{const t=document.createElement("style");t.innerHTML=n,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}(this.stylingContainer,this.clientStylingUrl))}render(){if(this.hasErrors)return n("div",null,"There was an error while bootstraping the widget");{const e=this.sectionsList.map(((e,o)=>{const i=t[e].component,r=this.footerContent.repeaters.hasOwnProperty(e),a=this.footerContent.wysiwyg.hasOwnProperty(e);return n(i,{class:`${e} FooterSectionContainer FooterSectionContainer${o+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:t[e],repeaterContent:r?this.footerContent.repeaters[e]:null,customContent:a?this.footerContent.wysiwyg[e].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone})}));return n("footer",{class:"FooterContainer",ref:e=>this.stylingContainer=e},n("div",{class:"FooterGrid customStyle"},e))}}};o.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: 15px 20px 0;\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  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 two  two" "one three three three" "one  four four  four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\n  }\n  .FooterSectionContainer1 {\n    padding: 30px 40px;\n    grid-area: one;\n    background: var(--emw--color-background, #000000);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n    min-height: var(--emw--size-4x-medium, 500px);\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #091217);\n    padding: var(--emw--spacing-x-large, 30px) 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n  /* // 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}';export{o as general_footer_template}

package/dist/general-footer-template/p-efd05274.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as i,g as n}from"./p-56890359.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(i,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return n(this)}static get watchers(){return{src:["handleSrc"]}}};o.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";const s=class{constructor(t){e(this,t),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,i)=>t("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.width};\n            --emw-skeleton-logo-height: ${this.height};\n            --emw-skeleton-logo-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-logo-margin-top: ${this.marginTop}px;\n            --emw-skeleton-logo-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-logo-margin-right: ${this.marginRight}px;\n            --emw-skeleton-logo-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.width};\n            --emw-skeleton-image-height: ${this.height};\n            --emw-skeleton-image-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-image-margin-top: ${this.marginTop}px;\n            --emw-skeleton-image-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-image-margin-right: ${this.marginRight}px;\n            --emw-skeleton-image-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.width};\n            --emw-skeleton-title-height: ${this.height};\n            --emw-skeleton-title-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-title-margin-top: ${this.marginTop}px;\n            --emw-skeleton-title-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-title-margin-right: ${this.marginRight}px;\n            --emw-skeleton-title-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.width};\n            --emw-skeleton-text-height: ${this.height};\n            --emw-skeleton-text-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-text-margin-top: ${this.marginTop}px;\n            --emw-skeleton-text-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-text-margin-right: ${this.marginRight}px;\n            --emw-skeleton-text-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.width};\n            --emw-skeleton-rectangle-height: ${this.height};\n            --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;\n            --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;\n            --emw-skeleton-rectangle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.size};\n            --emw-skeleton-circle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;default:e=""}return t(i,{key:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},t("style",{key:"a4607599b60659f385ae2660513e38b383739674"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};s.style=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";export{o as ui_image,s as ui_skeleton}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-footer-template",
-  "version": "1.63.2",
+  "version": "1.64.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/general-footer-template/p-16be4af7.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,g as n}from"./p-56890359.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(i,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return n(this)}static get watchers(){return{src:["handleSrc"]}}};o.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";const s=class{constructor(t){e(this,t),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,i)=>t("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.width};\n            --emw-skeleton-logo-height: ${this.height};\n            --emw-skeleton-logo-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-logo-margin-top: ${this.marginTop}px;\n            --emw-skeleton-logo-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-logo-margin-right: ${this.marginRight}px;\n            --emw-skeleton-logo-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.width};\n            --emw-skeleton-image-height: ${this.height};\n            --emw-skeleton-image-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-image-margin-top: ${this.marginTop}px;\n            --emw-skeleton-image-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-image-margin-right: ${this.marginRight}px;\n            --emw-skeleton-image-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.width};\n            --emw-skeleton-title-height: ${this.height};\n            --emw-skeleton-title-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-title-margin-top: ${this.marginTop}px;\n            --emw-skeleton-title-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-title-margin-right: ${this.marginRight}px;\n            --emw-skeleton-title-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.width};\n            --emw-skeleton-text-height: ${this.height};\n            --emw-skeleton-text-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-text-margin-top: ${this.marginTop}px;\n            --emw-skeleton-text-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-text-margin-right: ${this.marginRight}px;\n            --emw-skeleton-text-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.width};\n            --emw-skeleton-rectangle-height: ${this.height};\n            --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;\n            --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;\n            --emw-skeleton-rectangle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.size};\n            --emw-skeleton-circle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;default:e=""}return t(i,{key:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},t("style",{key:"a4607599b60659f385ae2660513e38b383739674"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};s.style=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";export{o as ui_image,s as ui_skeleton}