@everymatrix/general-footer-template 1.54.12 → 1.56.0

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-10cb8e8c.js');
+const index = require('./index-c1afe75b.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"hasErrors":[32],"stylingAppends":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
+  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[516,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["custom-clock.cjs",[[2,"custom-clock",{"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"translationUrl":[513,"translation-url"],"language":[513],"timeString":[32]},null,{"translationUrl":["handleNewTranslations"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"navigateViaEvent":[513,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clockFormat":[513,"clock-format"],"timeZone":[513,"time-zone"],"mbSource":[513,"mb-source"],"hasErrors":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"],"navigateViaEvent":[4,"navigate-via-event"],"postMessageEvent":[513,"post-message-event"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/custom-content-section/custom-content-section.js

@@ -13,12 +13,13 @@ export class CustomContentSection {
     }
     render() {
         const clean = sanitizeHtml(this.customContent, {
-            allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']),
+            allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img', 'a']),
             allowedAttributes: {
-                img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading']
+                img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading'],
+                a: ['href', 'target', 'rel']
             }
         });
-        return h("div", { key: '894fdc79eb310d5a7cfde48445afd3d1d464359e', class: "CustomContentSectionContainer" }, h("div", { key: 'cfecce550a4e9b6b692ff12de96262e1413f8f2b', class: "CustomContentSectionWrapper" }, h("div", { key: '1e76edcbb408a184848bda0c86a99d2467e3e081', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
+        return h("div", { key: '7cfcf732fff969c5bcd0b08a4b921ae3592732b3', class: "CustomContentSectionContainer" }, h("div", { key: 'c5cf9a5ada78c792ebb778d3d3084e0b0b938ed4', class: "CustomContentSectionWrapper" }, h("div", { key: 'abc8184b4eb9c97e0261bec4baebfb7e272cd3bb', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
     }
     static get is() { return "custom-content-section"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,7 +16,7 @@ body {
 
 .FooterSectionContainer {
   color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));
-  padding: 12px;
+  padding: 15px 20px 0;
 }
 
 /* // FOOTER CONTAINER - only serves to be read as a container */
@@ -28,7 +28,6 @@ body {
 .FooterGrid {
   background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));
   display: grid;
-  padding: 8px 24px 0 24px;
   grid-template-rows: repeat(9, auto);
   grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";
 }

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { componentRules, normalizeRepeaterContent, getDevicePlatform } from "../../utils/utils";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
 export class GeneralFooterTemplate {
     constructor() {
         /**
@@ -38,34 +39,12 @@ export class GeneralFooterTemplate {
          * configurable time zone
          */
         this.timeZone = '';
-        /**
-          * wether or not styling appends should be disallowed
-        */
         this.hasErrors = false;
-        this.stylingAppends = false;
         this.platform = getDevicePlatform();
         /**
          *  Host element
          */
         this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let url = new URL(this.clientStylingUrl);
-            let cssFile = document.createElement('style');
-            fetch(url.href)
-                .then((res) => res.text())
-                .then((data) => {
-                cssFile.innerHTML = data;
-                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-            })
-                .catch((err) => {
-                console.log('error ', err);
-            });
-        };
     }
     validateMandatoryFields() {
         this.MANDATORY_FIELDS.forEach((field) => {
@@ -93,16 +72,19 @@ export class GeneralFooterTemplate {
             }
         });
     }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.stylingAppends && this.stylingContainer) {
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    componentDidLoad() {
+        if (window.emMessageBus != undefined) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+        else {
             if (this.clientStyling)
-                this.setClientStyling();
+                setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
-                this.setClientStylingURL();
-            this.stylingAppends = true;
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
-        // end custom styling area
     }
     render() {
         if (this.hasErrors) {
@@ -122,12 +104,12 @@ export class GeneralFooterTemplate {
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["./demo-footer.scss", "./pariuri_plus_variant.css", "./variant_style_1.css", "general-footer-template.scss"]
+            "$": ["./demo-footer.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["demo-footer.css", "pariuri_plus_variant.css", "variant_style_1.css", "general-footer-template.css"]
+            "$": ["demo-footer.css"]
         };
     }
     static get properties() {
@@ -425,13 +407,31 @@ export class GeneralFooterTemplate {
                 "attribute": "time-zone",
                 "reflect": true,
                 "defaultValue": "''"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "wether or not styling appends should be disallowed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "mb-source",
+                "reflect": true
             }
         };
     }
     static get states() {
         return {
-            "hasErrors": {},
-            "stylingAppends": {}
+            "hasErrors": {}
         };
     }
 }

package/dist/collection/components/link-section-list/link-section-list.js

@@ -42,7 +42,7 @@ export class LinkSectionList {
             }
             return obj;
         }, []);
-        return h("div", { class: "LinkSectionListContainer" }, h("div", { class: "LinkSectionListWrapper" }, h("h2", { class: "LinkSectionListTitle" }, linkSections.categoryTitle), linkSections.map(category => h("ul", null, category.links.map(link => h("li", { class: "LinkSectionListLink", key: link.linkName }, this.navigateViaEvent === true ? (h("span", null, link.linkName && link.icon ? (h("span", { class: "LinkSectionListLinkText", onClick: () => this.navigateLink(link) }, h("img", { class: "LinkSectionIcon", src: link.icon, alt: "icon" }), h("span", null, link.linkName, " "))) :
+        return h("div", { class: "LinkSectionListContainer" }, h("div", { class: "LinkSectionListWrapper" }, this.repeaterContent.categoryTitle && h("h2", { class: "LinkSectionListTitle" }, this.repeaterContent.categoryTitle), linkSections.map(category => h("ul", null, category.categoryTitle && h("p", null, category.categoryTitle), category.links.map(link => h("li", { class: "LinkSectionListLink", key: link.linkName }, this.navigateViaEvent === true ? (h("span", null, link.linkName && link.icon ? (h("span", { class: "LinkSectionListLinkText", onClick: () => this.navigateLink(link) }, h("img", { class: "LinkSectionIcon", src: link.icon, alt: "icon" }), h("span", null, link.linkName, " "))) :
             link.linkName ?
                 h("span", { class: "LinkSectionListLinkText", onClick: () => this.navigateLink(link) }, h("span", null, link.linkName, " "))
                 :

package/dist/collection/utils/utils.js

@@ -177,7 +177,7 @@ export const normalizeRepeaterContent = (data) => {
             isExternalLink: 'isExternalLink',
             image: 'paymentMethodImage',
             title: 'paymentTitle',
-            url: 'paymentUrl',
+            url: 'paymentMethodUrl',
             target: 'target'
         },
         sponsors: {

package/dist/esm/custom-clock.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e2977b84.js';
+import { r as registerInstance, h } from './index-732f640c.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-57e89916.js';
 
 const DEFAULT_LANGUAGE = 'en';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e2977b84.js';
+import { r as registerInstance, h } from './index-732f640c.js';
 import { c as commonjsGlobal, g as getAugmentedNamespace } from './_commonjsHelpers-57e89916.js';
 
 var decode = {};
@@ -5110,6 +5110,10 @@ function sourceOffset(inputCSS, position) {
 }
 
 class Node$4 {
+  get proxyOf() {
+    return this
+  }
+
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -5471,10 +5475,6 @@ class Node$4 {
     for (let i in opts) data[i] = opts[i];
     return result.warn(text, data)
   }
-
-  get proxyOf() {
-    return this
-  }
 }
 
 var node_1 = Node$4;
@@ -5495,6 +5495,10 @@ Comment$4.default = Comment$4;
 let Node$2 = node_1;
 
 class Declaration$4 extends Node$2 {
+  get variable() {
+    return this.prop.startsWith('--') || this.prop[0] === '$'
+  }
+
   constructor(defaults) {
     if (
       defaults &&
@@ -5506,10 +5510,6 @@ class Declaration$4 extends Node$2 {
     super(defaults);
     this.type = 'decl';
   }
-
-  get variable() {
-    return this.prop.startsWith('--') || this.prop[0] === '$'
-  }
 }
 
 var declaration = Declaration$4;
@@ -5540,6 +5540,16 @@ function markTreeDirty(node) {
 }
 
 class Container$7 extends Node$1 {
+  get first() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[0]
+  }
+
+  get last() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
+  }
+
   append(...children) {
     for (let child of children) {
       let nodes = this.normalize(child, this.last);
@@ -5906,16 +5916,6 @@ class Container$7 extends Node$1 {
       }
     })
   }
-
-  get first() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[0]
-  }
-
-  get last() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
-  }
 }
 
 Container$7.registerParse = dependant => {
@@ -6215,6 +6215,10 @@ let sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
 let pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
 
 class Input$4 {
+  get from() {
+    return this.file || this.id
+  }
+
   constructor(css, opts = {}) {
     if (
       css === null ||
@@ -6437,10 +6441,6 @@ class Input$4 {
     }
     return json
   }
-
-  get from() {
-    return this.file || this.id
-  }
 }
 
 var input = Input$4;
@@ -6571,12 +6571,6 @@ let Container$3 = container;
 let list$1 = list_1;
 
 class Rule$3 extends Container$3 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'rule';
-    if (!this.nodes) this.nodes = [];
-  }
-
   get selectors() {
     return list$1.comma(this.selector)
   }
@@ -6586,6 +6580,12 @@ class Rule$3 extends Container$3 {
     let sep = match ? match[0] : ',' + this.raw('between', 'beforeOpen');
     this.selector = values.join(sep);
   }
+
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'rule';
+    if (!this.nodes) this.nodes = [];
+  }
 }
 
 var rule = Rule$3;
@@ -7871,7 +7871,7 @@ class Parser$1 {
 
   unknownWord(tokens) {
     throw this.input.error(
-      'Unknown word',
+      'Unknown word ' + tokens[0][1],
       { offset: tokens[0][2] },
       { offset: tokens[0][2] + tokens[0][1].length }
     )
@@ -7948,6 +7948,10 @@ Warning$2.default = Warning$2;
 let Warning$1 = warning;
 
 class Result$3 {
+  get content() {
+    return this.css
+  }
+
   constructor(processor, root, opts) {
     this.processor = processor;
     this.messages = [];
@@ -7977,10 +7981,6 @@ class Result$3 {
   warnings() {
     return this.messages.filter(i => i.type === 'warning')
   }
-
-  get content() {
-    return this.css
-  }
 }
 
 var result = Result$3;
@@ -8090,6 +8090,38 @@ function cleanMarks(node) {
 let postcss$1 = {};
 
 class LazyResult$2 {
+  get content() {
+    return this.stringify().content
+  }
+
+  get css() {
+    return this.stringify().css
+  }
+
+  get map() {
+    return this.stringify().map
+  }
+
+  get messages() {
+    return this.sync().messages
+  }
+
+  get opts() {
+    return this.result.opts
+  }
+
+  get processor() {
+    return this.result.processor
+  }
+
+  get root() {
+    return this.sync().root
+  }
+
+  get [Symbol.toStringTag]() {
+    return 'LazyResult'
+  }
+
   constructor(processor, css, opts) {
     this.stringified = false;
     this.processed = false;
@@ -8459,21 +8491,38 @@ class LazyResult$2 {
   warnings() {
     return this.sync().warnings()
   }
+}
+
+LazyResult$2.registerPostcss = dependant => {
+  postcss$1 = dependant;
+};
+
+var lazyResult = LazyResult$2;
+LazyResult$2.default = LazyResult$2;
+
+Root$2.registerLazyResult(LazyResult$2);
+Document$2.registerLazyResult(LazyResult$2);
+
+let MapGenerator = mapGenerator;
+let parse$1 = parse_1;
+const Result$1 = result;
+let stringify$1 = stringify_1;
 
+class NoWorkResult$1 {
   get content() {
-    return this.stringify().content
+    return this.result.css
   }
 
   get css() {
-    return this.stringify().css
+    return this.result.css
   }
 
   get map() {
-    return this.stringify().map
+    return this.result.map
   }
 
   get messages() {
-    return this.sync().messages
+    return []
   }
 
   get opts() {
@@ -8485,30 +8534,31 @@ class LazyResult$2 {
   }
 
   get root() {
-    return this.sync().root
-  }
-
-  get [Symbol.toStringTag]() {
-    return 'LazyResult'
-  }
-}
+    if (this._root) {
+      return this._root
+    }
 
-LazyResult$2.registerPostcss = dependant => {
-  postcss$1 = dependant;
-};
+    let root;
+    let parser = parse$1;
 
-var lazyResult = LazyResult$2;
-LazyResult$2.default = LazyResult$2;
+    try {
+      root = parser(this._css, this._opts);
+    } catch (error) {
+      this.error = error;
+    }
 
-Root$2.registerLazyResult(LazyResult$2);
-Document$2.registerLazyResult(LazyResult$2);
+    if (this.error) {
+      throw this.error
+    } else {
+      this._root = root;
+      return root
+    }
+  }
 
-let MapGenerator = mapGenerator;
-let parse$1 = parse_1;
-const Result$1 = result;
-let stringify$1 = stringify_1;
+  get [Symbol.toStringTag]() {
+    return 'NoWorkResult'
+  }
 
-class NoWorkResult$1 {
   constructor(processor, css, opts) {
     css = css.toString();
     this.stringified = false;
@@ -8575,56 +8625,6 @@ class NoWorkResult$1 {
   warnings() {
     return []
   }
-
-  get content() {
-    return this.result.css
-  }
-
-  get css() {
-    return this.result.css
-  }
-
-  get map() {
-    return this.result.map
-  }
-
-  get messages() {
-    return []
-  }
-
-  get opts() {
-    return this.result.opts
-  }
-
-  get processor() {
-    return this.result.processor
-  }
-
-  get root() {
-    if (this._root) {
-      return this._root
-    }
-
-    let root;
-    let parser = parse$1;
-
-    try {
-      root = parser(this._css, this._opts);
-    } catch (error) {
-      this.error = error;
-    }
-
-    if (this.error) {
-      throw this.error
-    } else {
-      this._root = root;
-      return root
-    }
-  }
-
-  get [Symbol.toStringTag]() {
-    return 'NoWorkResult'
-  }
 }
 
 var noWorkResult = NoWorkResult$1;
@@ -8637,7 +8637,7 @@ let Root$1 = root;
 
 class Processor$1 {
   constructor(plugins = []) {
-    this.version = '8.5.2';
+    this.version = '8.5.3';
     this.plugins = this.normalize(plugins);
   }
 
@@ -9736,12 +9736,13 @@ const CustomContentSection = class {
     }
     render() {
         const clean = sanitizeHtml$1(this.customContent, {
-            allowedTags: sanitizeHtml$1.defaults.allowedTags.concat(['img']),
+            allowedTags: sanitizeHtml$1.defaults.allowedTags.concat(['img', 'a']),
             allowedAttributes: {
-                img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading']
+                img: ['src', 'srcset', 'alt', 'title', 'width', 'height', 'loading'],
+                a: ['href', 'target', 'rel']
             }
         });
-        return h("div", { key: '894fdc79eb310d5a7cfde48445afd3d1d464359e', class: "CustomContentSectionContainer" }, h("div", { key: 'cfecce550a4e9b6b692ff12de96262e1413f8f2b', class: "CustomContentSectionWrapper" }, h("div", { key: '1e76edcbb408a184848bda0c86a99d2467e3e081', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
+        return h("div", { key: '7cfcf732fff969c5bcd0b08a4b921ae3592732b3', class: "CustomContentSectionContainer" }, h("div", { key: 'c5cf9a5ada78c792ebb778d3d3084e0b0b938ed4', class: "CustomContentSectionWrapper" }, h("div", { key: 'abc8184b4eb9c97e0261bec4baebfb7e272cd3bb', class: "CustomContentSectionContent", innerHTML: clean }), this.repeaterContent ? h("image-list", { style: { width: "100%" }, repeaterContent: this.repeaterContent ? this.repeaterContent : null, "navigate-via-event": this.navigateViaEvent, "post-message-event": this.postMessageEvent }) : ''));
     }
 };
 CustomContentSection.style = CustomContentSectionStyle0;