@everymatrix/general-footer-template 1.53.0 → 1.53.11

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

@@ -2,9 +2,13 @@ import { h } from "@stencil/core";
 import sanitizeHtml from "sanitize-html";
 export class CustomContentSection {
     constructor() {
-        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() {
@@ -44,6 +48,8 @@ export class CustomContentSection {
                     "tags": [],
                     "text": "custom HTML content to be rendered"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "custom-content",
                 "reflect": false
             },
@@ -61,6 +67,8 @@ export class CustomContentSection {
                     "tags": [],
                     "text": "the links content to be displayed, including titles, url, open target"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "repeater-content",
                 "reflect": false
             },
@@ -78,6 +86,8 @@ export class CustomContentSection {
                     "tags": [],
                     "text": "If this is true it will emit an event at the moment the content with url its clicked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "navigate-via-event",
                 "reflect": true,
                 "defaultValue": "false"
@@ -96,6 +106,8 @@ export class CustomContentSection {
                     "tags": [],
                     "text": "Post Message event to be sent on navigation via Event"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message-event",
                 "reflect": true,
                 "defaultValue": "''"

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

@@ -2,6 +2,47 @@ import { h } from "@stencil/core";
 import { componentRules, normalizeRepeaterContent, getDevicePlatform } from "../../utils/utils";
 export class GeneralFooterTemplate {
     constructor() {
+        /**
+         * Environment segregation
+         */
+        this.env = 'stage';
+        /**
+         * User roles
+         */
+        this.userRoles = 'everyone';
+        /**
+         * 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 = '';
+        /**
+          * wether or not styling appends should be disallowed
+        */
+        this.hasErrors = false;
+        this.stylingAppends = false;
         this.platform = getDevicePlatform();
         /**
          *  Host element
@@ -25,23 +66,6 @@ export class GeneralFooterTemplate {
                 console.log('error ', err);
             });
         };
-        this.language = undefined;
-        this.sections = undefined;
-        this.endpoint = undefined;
-        this.env = 'stage';
-        this.userRoles = 'everyone';
-        this.userid = undefined;
-        this.session = undefined;
-        this.baseUrl = undefined;
-        this.navigateViaEvent = 'false';
-        this.postMessageEvent = 'NavigateTo';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.clockFormat = 'HH:MM:ss';
-        this.timeZone = '';
-        this.hasErrors = false;
-        this.stylingAppends = false;
     }
     validateMandatoryFields() {
         this.MANDATORY_FIELDS.forEach((field) => {
@@ -122,6 +146,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "the language of the footer"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -139,6 +165,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "which sections should be included in the footer (some have defined attributes)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sections",
                 "reflect": true
             },
@@ -156,6 +184,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "endpoint for data retrieval"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -173,6 +203,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "Environment segregation"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "env",
                 "reflect": true,
                 "defaultValue": "'stage'"
@@ -191,6 +223,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "User roles"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "user-roles",
                 "reflect": true,
                 "defaultValue": "'everyone'"
@@ -209,6 +243,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "the id of the current userid, to be used in order to determine login status (relevant for certain components ex. \"panic button\")"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "userid",
                 "reflect": true
             },
@@ -226,6 +262,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "the current session, to be used in order to determine login status (relevant for certain components ex. \"panic button\")"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "session",
                 "reflect": true
             },
@@ -243,6 +281,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can\u2019t take the parent host to create the right anchors."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "base-url",
                 "reflect": true
             },
@@ -260,6 +300,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "If this is true it will emit an event at the moment the content with url its clicked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "navigate-via-event",
                 "reflect": true,
                 "defaultValue": "'false'"
@@ -278,6 +320,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "Post Message event to be sent on navigation via Event"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message-event",
                 "reflect": true,
                 "defaultValue": "'NavigateTo'"
@@ -296,6 +340,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom styling by string content"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -314,6 +360,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom styling by href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -332,6 +380,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom translation by href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -350,6 +400,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "clockformat"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clock-format",
                 "reflect": true,
                 "defaultValue": "'HH:MM:ss'"
@@ -368,6 +420,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "configurable time zone"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "time-zone",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/collection/components/image-list/image-list.js

@@ -1,12 +1,17 @@
 import { h } from "@stencil/core";
 export class ImageList {
     constructor() {
+        /**
+         * 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;
@@ -42,6 +47,8 @@ export class ImageList {
                     "tags": [],
                     "text": "the links content to be displayed, including titles, url, open target"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "repeater-content",
                 "reflect": false
             },
@@ -59,6 +66,8 @@ export class ImageList {
                     "tags": [],
                     "text": "If this is true it will emit an event at the moment the content with url its clicked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "navigate-via-event",
                 "reflect": false,
                 "defaultValue": "false"
@@ -77,6 +86,8 @@ export class ImageList {
                     "tags": [],
                     "text": "Post Message event to be sent on navigation via event"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message-event",
                 "reflect": true,
                 "defaultValue": "''"

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

@@ -1,10 +1,13 @@
 import { h } from "@stencil/core";
 export class LinkSectionList {
     constructor() {
-        this.repeaterContent = undefined;
-        this.baseUrl = undefined;
-        this.language = 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 = '';
     }
     navigateLink(link) {
@@ -74,6 +77,8 @@ export class LinkSectionList {
                     "tags": [],
                     "text": "the links content to be displayed, including titles, url, open target"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "repeater-content",
                 "reflect": false
             },
@@ -91,6 +96,8 @@ export class LinkSectionList {
                     "tags": [],
                     "text": "If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can\u2019t take the parent host to create the right anchors."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "base-url",
                 "reflect": true
             },
@@ -108,6 +115,8 @@ export class LinkSectionList {
                     "tags": [],
                     "text": "the language of the footer"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -125,6 +134,8 @@ export class LinkSectionList {
                     "tags": [],
                     "text": "If this is true it will emit an event at the moment the content with url its clicked"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "navigate-via-event",
                 "reflect": false,
                 "defaultValue": "false"
@@ -143,6 +154,8 @@ export class LinkSectionList {
                     "tags": [],
                     "text": "Post Message event to be sent on navigation via event"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message-event",
                 "reflect": true,
                 "defaultValue": "''"

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9775f5ee.js';
+import { r as registerInstance, h } from './index-f9286439.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-57e89916.js';
 
 const DEFAULT_LANGUAGE = 'en';
@@ -74,6 +74,23 @@ const CustomClockStyle0 = customClockCss;
 const CustomClock = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * clockformat
+         */
+        this.clockFormat = 'HH:mm:ss';
+        /**
+         * configurable time zone
+         */
+        this.timeZone = '';
+        /**
+         * custom translation by href
+         */
+        this.translationUrl = '';
+        /**
+         * language
+         */
+        this.language = 'en';
+        this.timeString = '';
         this.startClock = () => {
             this.intervalId = setInterval(() => {
                 if (this.timeZone.length > 0) {
@@ -86,11 +103,6 @@ const CustomClock = class {
                 }
             }, 1000);
         };
-        this.clockFormat = 'HH:mm:ss';
-        this.timeZone = '';
-        this.translationUrl = '';
-        this.language = 'en';
-        this.timeString = '';
     }
     handleNewTranslations() {
         getTranslations(this.translationUrl);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9775f5ee.js';
+import { r as registerInstance, h } from './index-f9286439.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; },
@@ -5245,9 +5256,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 +5272,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 +5312,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) {
@@ -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
@@ -6201,6 +6233,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 ||
@@ -8600,7 +8635,7 @@ let Root$1 = root;
 
 class Processor$1 {
   constructor(plugins = []) {
-    this.version = '8.4.49';
+    this.version = '8.5.1';
     this.plugins = this.normalize(plugins);
   }
 
@@ -9027,6 +9062,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 +9723,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() {