@everymatrix/general-footer-template 1.54.12 → 1.56.0

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

@@ -0,0 +1 @@
+import{r as e,h as n}from"./p-1fc2e24a.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.env="stage",this.userRoles="everyone",this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.hasErrors=!1,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"]}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}

package/dist/types/components/general-footer-template/general-footer-template.d.ts

@@ -62,8 +62,8 @@ export declare class GeneralFooterTemplate {
     /**
       * wether or not styling appends should be disallowed
     */
+    mbSource: string;
     private hasErrors;
-    private stylingAppends;
     /**
      * clean / formatted section list to be used for rendering footer components
      */
@@ -73,6 +73,7 @@ export declare class GeneralFooterTemplate {
      */
     private footerContent;
     private platform;
+    private stylingSubscription;
     private stylingContainer;
     /**
      *  Host element
@@ -80,8 +81,7 @@ export declare class GeneralFooterTemplate {
     private MANDATORY_FIELDS;
     validateMandatoryFields(): void;
     componentWillLoad(): Promise<any>;
-    componentDidRender(): void;
-    setClientStyling: () => void;
-    setClientStylingURL: () => void;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -71,6 +71,10 @@ export namespace Components {
           * the language of the footer
          */
         "language": string;
+        /**
+          * wether or not styling appends should be disallowed
+         */
+        "mbSource": string;
         /**
           * If this is true it will emit an event at the moment the content with url its clicked
          */
@@ -246,6 +250,10 @@ declare namespace LocalJSX {
           * the language of the footer
          */
         "language": string;
+        /**
+          * wether or not styling appends should be disallowed
+         */
+        "mbSource"?: string;
         /**
           * If this is true it will emit an event at the moment the content with url its clicked
          */

package/package.json

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

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

@@ -1,84 +0,0 @@
-:host {
-  display: block;
-}
-
-* {
-  font-family: sans-serif;
-}
-
-html,
-body {
-  margin: 0;
-  padding: 0;
-  font-family: inherit;
-}
-
-.footer-section__container {
-  color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));
-  padding: 12px;
-}
-
-.footer-container {
-  container-type: inline-size;
-  container-name: footerContainer;
-}
-
-.footer-grid {
-  background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));
-  display: grid;
-  grid-template-rows: repeat(9, auto);
-  grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";
-}
-
-.footer-section__container--1 {
-  grid-area: one;
-}
-.footer-section__container--2 {
-  grid-area: two;
-}
-.footer-section__container--3 {
-  grid-area: three;
-}
-.footer-section__container--4 {
-  grid-area: four;
-}
-.footer-section__container--5 {
-  grid-area: five;
-}
-.footer-section__container--6 {
-  grid-area: six;
-}
-.footer-section__container--7 {
-  grid-area: seven;
-}
-
-@container (min-width: 750px) {
-  .footer-grid {
-    background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));
-    display: grid;
-    grid-template-rows: repeat(7, auto);
-    grid-template-columns: 2fr 1fr;
-    grid-template-areas: "one two" "three four" "five five" "six six" "seven seven" "eight eight" "nine nine";
-  }
-  .footer-section__container--1 {
-    grid-area: one;
-  }
-  .footer-section__container--2 {
-    grid-area: two;
-  }
-  .footer-section__container--3 {
-    grid-area: three;
-  }
-  .footer-section__container--4 {
-    grid-area: four;
-  }
-  .footer-section__container--5 {
-    grid-area: five;
-  }
-  .footer-section__container--6 {
-    grid-area: six;
-  }
-  .footer-section__container--7 {
-    grid-area: seven;
-  }
-}

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

@@ -1,185 +0,0 @@
-:host {
-  display: block;
-}
-
-/* $-background-primary: #14202d; */
-
-* {
-  font-family: sans-serif;
-}
-
-html,
-body {
-  margin: 0;
-  padding: 0;
-  font-family: inherit;
-}
-
-.FooterSectionContainer {
-  color: #fff;
-  padding: 12px;
-}
-
-/* // FOOTER CONTAINER - only serves to be read as a container */
-.FooterContainer {
-  container-type: inline-size;
-  container-name: footerContainer;
-}
-
-
-.FooterGrid {
-  background-color: #14202D;
-  display: grid;
-  padding: 8px 24px 0 24px;
-  grid-template-rows: repeat(9, auto);
-  grid-template-areas: "one"
-                       "two"
-                       "three"
-                       "four"
-                       "five"
-                       "six"
-                       "seven";
-}
-
- 
-
-.FooterSectionContainer1 {
-  position: relative;
-  grid-area: one;
-  
-}
-.FooterSectionContainer2 {
-  position: relative;
-  grid-area: two;
-  border-bottom: 1px solid rgba(254, 254, 254, 0.2);
-}
-.FooterSectionContainer3 {
-  position: relative;
-  grid-area: three;
-  
-}
-.FooterSectionContainer4 {
-  position: relative;
-  grid-area: four;
-  border-bottom: 1px solid rgba(254, 254, 254, 0.2);
-}
-.FooterSectionContainer5 {
-  grid-area: five;
-  /* border-bottom: 1px solid #444; */
-}
-.FooterSectionContainer6 {
-  padding-top: 22px;
-  grid-area: six;
-}
-.FooterSectionContainer7 {
-  grid-area: seven;
-}
-
-/* // remove paddings */
-.FooterSectionContainer7 div{
-  padding: 0;
-}
-
-.FooterSectionContainer3:after {
-  position: absolute;
-  content: "";
-  left: 30%;
-  bottom: -20px;
-  height: 1px;
-  width: 40%;
-  background-color: #444;
-}
-
-
-
-/* // STYLES FOR TABLET / DESKTOP */
-@container (min-width: 750px) {
-  .FooterGrid {
-    background: $-background-primary;
-    display: grid;
-    grid-template-rows: repeat(5, auto);
-    grid-template-columns: 2fr 1fr;
-    grid-template-areas: "one two"
-                         "three four"
-                         "five five"
-                         "six six"
-                         "seven seven";
-  }
-  
-  
-  .FooterSectionContainer1 {
-    grid-area: one;
-    border-bottom: 1px solid rgba(254, 254, 254, 0.2);
-  }
-  .FooterSectionContainer2 {
-    grid-area: two;
-
-  }
-  .FooterSectionContainer3 {
-    grid-area: three;
-    border-bottom: 1px solid rgba(254, 254, 254, 0.2);
-  }
-  .FooterSectionContainer4 {
-    grid-area: four;
-  }
-  .FooterSectionContainer5 {
-    grid-area: five;
-  }
-  .FooterSectionContainer6 {
-    grid-area: six;
-    padding: 0;
-  }
-  .FooterSectionContainer7 {
-    grid-area: seven;
-    padding: 0;
-  }
-
-  /* VERTICAL BARS */
-  .FooterSectionContainer3:after {
-    position: absolute;
-    content: "";
-    left: initial;
-    bottom:initial;
-    top: 30%;
-    right: 20px;
-    width: 1px;
-    height: 40%;
-    background-color: #444;
-  }
-
-  /* // remove paddings */
-  .FooterSectionContainer5 .CustomContentSectionWrapper {
-    padding: 0;
-  }
-
-  .FooterSectionContainer5 .CustomContentSectionWrapper div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .FooterSectionContainer5 .CustomContentSectionWrapper div p {
-    margin: 5px;
-    text-align: center;
-  }
-
-  .FooterSectionContainer6 .CustomContentSectionWrapper div p {
-    text-align: center;
-  }
-
-  .FooterSectionContainer6 .ImageListWrapper {
-    padding: 0;
-  }
-
-  .FooterSectionContainer6 .ImageListWrapper {
-    padding: 0;
-    /* padding-bottom: 22px; */
-    /* font-size: 14px; */
-  }
-
-  .FooterSectionContainer7 .CustomContentSectionWrapper {
-    padding: 0;
-    padding-bottom: 22px;
-    font-size: 14px;
-  }
-}

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

@@ -1,146 +0,0 @@
-:host {
-  display: block;
-}
-
-/* $-background-primary: #14202d; */
-
-* {
-  font-family: sans-serif;
-}
-
-html,
-body {
-  margin: 0;
-  padding: 0;
-  font-family: inherit;
-}
-
-.footer-section__container {
-  color: #777;
-  padding: 12px;
-}
-
-/* // FOOTER CONTAINER - only serves to be read as a container */
-.footer-container {
-  container-type: inline-size;
-  container-name: footerContainer;
-}
-
-
-.footer-grid {
-  background-color: #14202d;
-  display: grid;
-  padding: 0 50px;
-  grid-template-rows: repeat(9, auto);
-  grid-template-areas: "one"
-                       "two"
-                       "three"
-                       "four"
-                       "five"
-                       "six"
-                       "seven";
-}
-
- 
-
-.footer-section__container--1 {
-  grid-area: one;
-  border-bottom: 1px solid #444;
-}
-.footer-section__container--2 {
-  position: relative;
-  grid-area: two;
-  border-bottom: 1px solid #444;
-}
-.footer-section__container--3 {
-  grid-area: three;
-  border-bottom: 1px solid #444;
-}
-.footer-section__container--4 {
-  position: relative;
-  grid-area: four;
-  border-bottom: 1px solid #444;
-}
-.footer-section__container--5 {
-  grid-area: five;
-  border-bottom: 1px solid #444;
-}
-.footer-section__container--6 {
-  padding-top: 22px;
-  grid-area: six;
-}
-.footer-section__container--7 {
-  grid-area: seven;
-}
-
-/* // remove paddings */
-.footer-section__container--7 div{
-  padding: 0;
-}
-
-
-
-/* // STYLES FOR TABLET / DESKTOP */
-@container (min-width: 750px) {
-  .footer-grid {
-    background: $-background-primary;
-    display: grid;
-    grid-template-rows: repeat(5, auto);
-    grid-template-columns: 1fr 1fr;
-    grid-template-areas: "one one"
-                         "two three"
-                         "four five"
-                         "six six"
-                         "seven seven";
-  }
-  
-  
-  .footer-section__container--1 {
-    grid-area: one;
-  }
-  .footer-section__container--2 {
-    grid-area: two;
-  }
-  .footer-section__container--3 {
-    grid-area: three;
-  }
-  .footer-section__container--4 {
-    grid-area: four;
-  }
-  .footer-section__container--5 {
-    grid-area: five;
-  }
-  .footer-section__container--6 {
-    grid-area: six;
-    padding: 0;
-  }
-  .footer-section__container--7 {
-    grid-area: seven;
-    padding: 0;
-  }
-
-  /* VERTICAL BARS */
-  .footer-section__container--2:after,
-  .footer-section__container--4:after {
-    position: absolute;
-    content: "";
-    top: 10%;
-    right: 0;
-    width: 1px;
-    height: 80%;
-    background-color: #444;
-  }
-
-  /* // remove paddings */
-  .footer-section__container--6 .image-list__wrapper {
-    padding: 22px 0 0 0;
-  }
-
-  .footer-section__container--7 .custom-content-section__wrapper {
-    padding: 0;
-    padding-bottom: 22px;
-    font-size: 14px;
-  }
-
-  
-}

package/dist/general-footer-template/p-2477706f.entry.js

@@ -1 +0,0 @@
-import{r as n,h as e}from"./p-5d1fe559.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.env="stage",this.userRoles="everyone",this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.hasErrors=!1,this.stylingAppends=!1,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)}))}}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,"time-zone":this.timeZone})}));return e("footer",{class:"FooterContainer",ref:n=>this.stylingContainer=n},e("div",{class:"FooterGrid customStyle"},n))}}};t.style=':host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.FooterGrid {\n  background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n}\n\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n}\n\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n}\n\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n}\n\n.FooterSectionContainer5 {\n  grid-area: five;\n}\n\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n  padding: 0;\n}\n\n@container (max-width: 750px) {\n  .FooterSectionContainer3:after,\n  .FooterSectionContainer2:after {\n    position: absolute;\n    content: "";\n    height: 1px;\n    width: 90%;\n    background-color: var(--emw--color-gray-100, #444);\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #060706);\n    padding: 30px 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n    justify-self: center;\n  }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n    display: grid;\n    border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    grid-template-areas: "one two three four" "five five five five" "six six six six" "seven seven seven seven";\n  }\n  .FooterSectionContainer1 {\n    padding: 30px 40px;\n    grid-area: one;\n    background: var(--emw--color-background, #000000);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n    min-height: var(--emw--size-4x-medium, 500px);\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n    background-color: var(--emw--color-background-secondary, #091217);\n    padding: var(--emw--spacing-x-large, 30px) 0;\n    font-size: var(--emw--font-size-medium, 16px);\n    min-height: var(--emw--size-medium-plus, 100px);\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: left;\n    align-items: center;\n    padding-left: var(--emw--spacing-large, 20px);\n  }\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: var(--emw--spacing-2x-small, 5px);\n    text-align: center;\n  }\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: var(--emw--spacing-large, 22px);\n    font-size: var(--emw--font-size-small, 14px);\n  }\n}:host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: #fff;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.FooterGrid {\n  background-color: #14202D;\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n  \n}\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n  \n}\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n  grid-area: five;\n  /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n  padding: 0;\n}\n\n.FooterSectionContainer3:after {\n  position: absolute;\n  content: "";\n  left: 30%;\n  bottom: -20px;\n  height: 1px;\n  width: 40%;\n  background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two"\n                         "three four"\n                         "five five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .FooterSectionContainer1 {\n    grid-area: one;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .FooterSectionContainer3:after {\n    position: absolute;\n    content: "";\n    left: initial;\n    bottom:initial;\n    top: 30%;\n    right: 20px;\n    width: 1px;\n    height: 40%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: 5px;\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n    /* padding-bottom: 22px; */\n    /* font-size: 14px; */\n  }\n\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n}:host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: #777;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.footer-grid {\n  background-color: #14202d;\n  display: grid;\n  padding: 0 50px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.footer-section__container--1 {\n  grid-area: one;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--3 {\n  grid-area: three;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--5 {\n  grid-area: five;\n  border-bottom: 1px solid #444;\n}\n.footer-section__container--6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.footer-section__container--7 div{\n  padding: 0;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .footer-grid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas: "one one"\n                         "two three"\n                         "four five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .footer-section__container--2:after,\n  .footer-section__container--4:after {\n    position: absolute;\n    content: "";\n    top: 10%;\n    right: 0;\n    width: 1px;\n    height: 80%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .footer-section__container--6 .image-list__wrapper {\n    padding: 22px 0 0 0;\n  }\n\n  .footer-section__container--7 .custom-content-section__wrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n\n  \n}:host {\n  display: block;\n}\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.footer-section__container {\n  color: var(--emw--footer-typography, var(--emw--color-white, #FFFFFF));\n  padding: 12px;\n}\n\n.footer-container {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n.footer-grid {\n  background-color: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n  display: grid;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.footer-section__container--1 {\n  grid-area: one;\n}\n.footer-section__container--2 {\n  grid-area: two;\n}\n.footer-section__container--3 {\n  grid-area: three;\n}\n.footer-section__container--4 {\n  grid-area: four;\n}\n.footer-section__container--5 {\n  grid-area: five;\n}\n.footer-section__container--6 {\n  grid-area: six;\n}\n.footer-section__container--7 {\n  grid-area: seven;\n}\n\n@container (min-width: 750px) {\n  .footer-grid {\n    background: var(--emw--footer-color-bg, var(--emw--color-dark-blue, #07072A));\n    display: grid;\n    grid-template-rows: repeat(7, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two" "three four" "five five" "six six" "seven seven" "eight eight" "nine nine";\n  }\n  .footer-section__container--1 {\n    grid-area: one;\n  }\n  .footer-section__container--2 {\n    grid-area: two;\n  }\n  .footer-section__container--3 {\n    grid-area: three;\n  }\n  .footer-section__container--4 {\n    grid-area: four;\n  }\n  .footer-section__container--5 {\n    grid-area: five;\n  }\n  .footer-section__container--6 {\n    grid-area: six;\n  }\n  .footer-section__container--7 {\n    grid-area: seven;\n  }\n}';export{t as general_footer_template}

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

@@ -1 +0,0 @@
-import{r as n,h as i}from"./p-5d1fe559.js";const t=class{constructor(i){n(this,i),this.navigateViaEvent=!1,this.postMessageEvent=""}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}render(){var n,t;const e=null===(t=null===(n=this.repeaterContent)||void 0===n?void 0:n.content)||void 0===t?void 0:t.reduce(((n,i)=>{const t=i.linkCategory,e=i.image,s=n.find((n=>n.categoryTitle===t));return s?s.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}]}),n}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},i("h2",{class:"LinkSectionListTitle"},e.categoryTitle),e.map((n=>i("ul",null,n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon"}),i("span",null,n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon"}))):i("a",{class:"LinkSectionListLink",href:n.externalLink?n.linkUrl:`${this.baseUrl}/${this.language}${n.linkUrl}`,target:n.target||"_blank"},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon"}),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))))))))))}};t.style=':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}';export{t as link_section_list}