@everymatrix/general-footer-template 1.55.0 → 1.56.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7f32a4a7.js';
+import { r as registerInstance, h } from './index-732f640c.js';
 import { c as commonjsGlobal, g as getAugmentedNamespace } from './_commonjsHelpers-57e89916.js';
 
 var decode = {};
@@ -3327,7 +3327,7 @@ function filter$1(test, node, recurse = true, limit = Infinity) {
 function find(test, nodes, recurse, limit) {
     const result = [];
     /** Stack of the arrays we are looking at. */
-    const nodeStack = [nodes];
+    const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
     /** Stack of the indices within the arrays. */
     const indexStack = [0];
     for (;;) {
@@ -3381,20 +3381,19 @@ function findOneChild(test, nodes) {
  * @returns The first node that passes `test`.
  */
 function findOne(test, nodes, recurse = true) {
-    let elem = null;
-    for (let i = 0; i < nodes.length && !elem; i++) {
-        const node = nodes[i];
-        if (!isTag(node)) {
-            continue;
-        }
-        else if (test(node)) {
-            elem = node;
+    const searchedNodes = Array.isArray(nodes) ? nodes : [nodes];
+    for (let i = 0; i < searchedNodes.length; i++) {
+        const node = searchedNodes[i];
+        if (isTag(node) && test(node)) {
+            return node;
         }
-        else if (recurse && node.children.length > 0) {
-            elem = findOne(test, node.children, true);
+        if (recurse && hasChildren(node) && node.children.length > 0) {
+            const found = findOne(test, node.children, true);
+            if (found)
+                return found;
         }
     }
-    return elem;
+    return null;
 }
 /**
  * Checks if a tree of nodes contains at least one node passing a test.
@@ -3405,8 +3404,8 @@ function findOne(test, nodes, recurse = true) {
  * @returns Whether a tree of nodes contains at least one node passing the test.
  */
 function existsOne(test, nodes) {
-    return nodes.some((checked) => isTag(checked) &&
-        (test(checked) || existsOne(test, checked.children)));
+    return (Array.isArray(nodes) ? nodes : [nodes]).some((node) => (isTag(node) && test(node)) ||
+        (hasChildren(node) && existsOne(test, node.children)));
 }
 /**
  * Search an array of nodes and their children for elements passing a test function.
@@ -3420,7 +3419,7 @@ function existsOne(test, nodes) {
  */
 function findAll(test, nodes) {
     const result = [];
-    const nodeStack = [nodes];
+    const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
     const indexStack = [0];
     for (;;) {
         if (indexStack[0] >= nodeStack[0].length) {
@@ -3434,11 +3433,9 @@ function findAll(test, nodes) {
             continue;
         }
         const elem = nodeStack[0][indexStack[0]++];
-        if (!isTag(elem))
-            continue;
-        if (test(elem))
+        if (isTag(elem) && test(elem))
             result.push(elem);
-        if (elem.children.length > 0) {
+        if (hasChildren(elem) && elem.children.length > 0) {
             indexStack.unshift(0);
             nodeStack.unshift(elem.children);
         }
@@ -3568,6 +3565,19 @@ function getElementById(id, nodes, recurse = true) {
 function getElementsByTagName(tagName, nodes, recurse = true, limit = Infinity) {
     return filter$1(Checks["tag_name"](tagName), nodes, recurse, limit);
 }
+/**
+ * Returns all nodes with the supplied `className`.
+ *
+ * @category Legacy Query Functions
+ * @param className Class name to search for.
+ * @param nodes Nodes to search through.
+ * @param recurse Also consider child nodes.
+ * @param limit Maximum number of nodes to return.
+ * @returns All nodes with the supplied `className`.
+ */
+function getElementsByClassName(className, nodes, recurse = true, limit = Infinity) {
+    return filter$1(getAttribCheck("class", className), nodes, recurse, limit);
+}
 /**
  * Returns all nodes with the supplied `type`.
  *
@@ -3935,6 +3945,7 @@ const index = /*#__PURE__*/Object.freeze({
     getElements: getElements,
     getElementById: getElementById,
     getElementsByTagName: getElementsByTagName,
+    getElementsByClassName: getElementsByClassName,
     getElementsByTagType: getElementsByTagType,
     removeSubsets: removeSubsets,
     get DocumentPosition () { return DocumentPosition; },
@@ -5099,6 +5110,10 @@ function sourceOffset(inputCSS, position) {
 }
 
 class Node$4 {
+  get proxyOf() {
+    return this
+  }
+
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -5245,9 +5260,12 @@ class Node$4 {
     if (opts.index) {
       pos = this.positionInside(opts.index);
     } else if (opts.word) {
-      let stringRepresentation = this.source.input.css.slice(
-        sourceOffset(this.source.input.css, this.source.start),
-        sourceOffset(this.source.input.css, this.source.end)
+      let inputString = ('document' in this.source.input)
+        ? this.source.input.document
+        : this.source.input.css;
+      let stringRepresentation = inputString.slice(
+        sourceOffset(inputString, this.source.start),
+        sourceOffset(inputString, this.source.end)
       );
       let index = stringRepresentation.indexOf(opts.word);
       if (index !== -1) pos = this.positionInside(index);
@@ -5258,11 +5276,14 @@ class Node$4 {
   positionInside(index) {
     let column = this.source.start.column;
     let line = this.source.start.line;
-    let offset = sourceOffset(this.source.input.css, this.source.start);
+    let inputString = ('document' in this.source.input)
+      ? this.source.input.document
+      : this.source.input.css;
+    let offset = sourceOffset(inputString, this.source.start);
     let end = offset + index;
 
     for (let i = offset; i < end; i++) {
-      if (this.source.input.css[i] === '\n') {
+      if (inputString[i] === '\n') {
         column = 1;
         line += 1;
       } else {
@@ -5295,9 +5316,12 @@ class Node$4 {
         };
 
     if (opts.word) {
-      let stringRepresentation = this.source.input.css.slice(
-        sourceOffset(this.source.input.css, this.source.start),
-        sourceOffset(this.source.input.css, this.source.end)
+      let inputString = ('document' in this.source.input)
+        ? this.source.input.document
+        : this.source.input.css;
+      let stringRepresentation = inputString.slice(
+        sourceOffset(inputString, this.source.start),
+        sourceOffset(inputString, this.source.end)
       );
       let index = stringRepresentation.indexOf(opts.word);
       if (index !== -1) {
@@ -5451,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;
@@ -5475,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 &&
@@ -5486,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;
@@ -5520,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);
@@ -5886,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 => {
@@ -5996,22 +6016,34 @@ Document$3.registerProcessor = dependant => {
 var document = Document$3;
 Document$3.default = Document$3;
 
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
 let urlAlphabet =
   'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+
 let customAlphabet = (alphabet, defaultSize = 21) => {
   return (size = defaultSize) => {
     let id = '';
-    let i = size;
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size | 0;
     while (i--) {
+      // `| 0` is more compact and faster than `Math.floor()`.
       id += alphabet[(Math.random() * alphabet.length) | 0];
     }
     return id
   }
 };
+
 let nanoid$1 = (size = 21) => {
   let id = '';
-  let i = size;
+  // A compact alternative for `for (var i = 0; i < step; i++)`.
+  let i = size | 0;
   while (i--) {
+    // `| 0` is more compact and faster than `Math.floor()`.
     id += urlAlphabet[(Math.random() * 64) | 0];
   }
   return id
@@ -6183,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 ||
@@ -6201,6 +6237,9 @@ class Input$4 {
       this.hasBOM = false;
     }
 
+    this.document = this.css;
+    if (opts.document) this.document = opts.document.toString();
+
     if (opts.from) {
       if (
         !pathAvailable$1 ||
@@ -6402,10 +6441,6 @@ class Input$4 {
     }
     return json
   }
-
-  get from() {
-    return this.file || this.id
-  }
 }
 
 var input = Input$4;
@@ -6536,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)
   }
@@ -6551,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;
@@ -7590,6 +7625,8 @@ class Parser$1 {
       if (prev && prev.type === 'rule' && !prev.raws.ownSemicolon) {
         prev.raws.ownSemicolon = this.spaces;
         this.spaces = '';
+        prev.source.end = this.getPosition(token[2]);
+        prev.source.end.offset += prev.raws.ownSemicolon.length;
       }
     }
   }
@@ -7834,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 }
     )
@@ -7911,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 = [];
@@ -7940,10 +7981,6 @@ class Result$3 {
   warnings() {
     return this.messages.filter(i => i.type === 'warning')
   }
-
-  get content() {
-    return this.css
-  }
 }
 
 var result = Result$3;
@@ -8053,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;
@@ -8422,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() {
@@ -8448,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;
@@ -8538,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;
@@ -8600,7 +8637,7 @@ let Root$1 = root;
 
 class Processor$1 {
   constructor(plugins = []) {
-    this.version = '8.4.49';
+    this.version = '8.5.3';
     this.plugins = this.normalize(plugins);
   }
 
@@ -9027,6 +9064,15 @@ function sanitizeHtml(html, options, _recursing) {
       if (skip) {
         if (options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') {
           // We want the contents but not this tag
+          if (frame.innerText && !hasText) {
+            const escaped = escapeHtml(frame.innerText);
+            if (options.textFilter) {
+              result += options.textFilter(escaped, name);
+            } else {
+              result += escapeHtml(frame.innerText);
+            }
+            addedText = true;
+          }
           return;
         }
         tempResult = result;
@@ -9679,9 +9725,13 @@ const CustomContentSectionStyle0 = customContentSectionCss;
 const CustomContentSection = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.customContent = undefined;
-        this.repeaterContent = undefined;
+        /**
+         * If this is true it will emit an event at the moment the content with url its clicked
+         */
         this.navigateViaEvent = false;
+        /**
+        * Post Message event to be sent on navigation via Event
+        */
         this.postMessageEvent = '';
     }
     render() {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7f32a4a7.js';
+import { r as registerInstance, h } from './index-732f640c.js';
 
 /**
  * custom rules for component types
@@ -272,28 +272,48 @@ const GeneralFooterTemplateStyle0 = demoFooterCss;
 const GeneralFooterTemplate = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.platform = getDevicePlatform();
         /**
-         *  Host element
+         * Environment segregation
          */
-        this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
-        this.language = undefined;
-        this.sections = undefined;
-        this.endpoint = undefined;
         this.env = 'stage';
+        /**
+         * User roles
+         */
         this.userRoles = 'everyone';
-        this.userid = undefined;
-        this.session = undefined;
-        this.baseUrl = undefined;
+        /**
+         * If this is true it will emit an event at the moment the content with url its clicked
+         */
         this.navigateViaEvent = 'false';
+        /**
+        * Post Message event to be sent on navigation via Event
+        */
         this.postMessageEvent = 'NavigateTo';
+        /**
+         * custom styling by string content
+         */
         this.clientStyling = '';
+        /**
+         * custom styling by href
+        */
         this.clientStylingUrl = '';
+        /**
+         * custom translation by href
+         */
         this.translationUrl = '';
+        /**
+         * clockformat
+         */
         this.clockFormat = 'HH:MM:ss';
+        /**
+         * configurable time zone
+         */
         this.timeZone = '';
-        this.mbSource = undefined;
         this.hasErrors = false;
+        this.platform = getDevicePlatform();
+        /**
+         *  Host element
+         */
+        this.MANDATORY_FIELDS = ['endpoint', 'language', 'sections'];
     }
     validateMandatoryFields() {
         this.MANDATORY_FIELDS.forEach((field) => {

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7f32a4a7.js';
-export { s as setNonce } from './index-7f32a4a7.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-732f640c.js';
+export { s as setNonce } from './index-732f640c.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-7f32a4a7.js';
+import { r as registerInstance, h } from './index-732f640c.js';
 
 const imageListCss = ".sc-image-list-h {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.ImageListContainer.sc-image-list {\n  height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  max-width: 90%;\n  margin: auto;\n  padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-content: center;\n  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  text-transform: uppercase;\n  font-size: 24px;\n  font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--emw--spacing-x-large, 30px);\n  justify-content: left;\n  align-items: flex-start;\n  padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n  max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-end;\n  text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n  text-decoration: none;\n  color: var(--emw--color-gray-100, #666);\n  margin: 0;\n}\n\n@container (max-width: 750px) {\n  .ImageListSectionTitle.sc-image-list {\n    justify-content: center;\n    font-size: var(--emw--font-size-medium, 16px);\n    color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n    padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n    justify-content: center;\n  }\n  .ImageListLineup.sc-image-list {\n    justify-content: center;\n    padding: 0;\n  }\n}";
 const ImageListStyle0 = imageListCss;
@@ -6,12 +6,17 @@ const ImageListStyle0 = imageListCss;
 const ImageList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * If this is true it will emit an event at the moment the content with url its clicked
+         */
+        this.navigateViaEvent = false;
+        /**
+        * Post Message event to be sent on navigation via event
+        */
+        this.postMessageEvent = '';
         this.navigateLink = (url, target, externalLink) => {
             window.postMessage({ type: this.postMessageEvent, path: url, url, target, externalLink }, window.location.href);
         };
-        this.repeaterContent = undefined;
-        this.navigateViaEvent = false;
-        this.postMessageEvent = '';
     }
     render() {
         var _a, _b, _c;