@everymatrix/general-footer-template 1.52.6 → 1.53.10

package/dist/collection/components/custom-clock/custom-clock.js

@@ -1,17 +1,39 @@
 import { h } from "@stencil/core";
 import { translate, getTranslations } from "../../utils/locale.utils";
-import { format } from "date-fns";
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
 export class CustomClock {
     constructor() {
+        /**
+         * 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(() => {
-                this.timeString = format(new Date(), this.clockFormat);
+                if (this.timeZone.length > 0) {
+                    dayjs.extend(utc);
+                    dayjs.extend(timezone);
+                    this.timeString = dayjs().tz(this.timeZone).format(this.clockFormat);
+                }
+                else {
+                    this.timeString = dayjs().format(this.clockFormat);
+                }
             }, 1000);
         };
-        this.clockFormat = 'hh:MM a';
-        this.translationUrl = '';
-        this.language = 'en';
-        this.timeString = '';
     }
     handleNewTranslations() {
         getTranslations(this.translationUrl);
@@ -28,7 +50,7 @@ export class CustomClock {
         clearInterval(this.intervalId);
     }
     render() {
-        return (h("div", { key: '35cc9ba979bdc24b138d98d94f5a68139b126634', class: "CustomClockContainer" }, h("p", { key: '49654823c681d720bdb2beca7516395afadfe123' }, translate('currentTime', this.language), ": ", this.timeString)));
+        return (h("div", { key: 'a5f785406272352dfe1797105d524c042ff03b41', class: "CustomClockContainer" }, h("p", { key: '8e9ebfae2f06a4297af2f39210e8687bc6c141b4' }, translate('currentTime', this.language), ": ", this.timeString)));
     }
     static get is() { return "custom-clock"; }
     static get encapsulation() { return "scoped"; }
@@ -58,9 +80,31 @@ export class CustomClock {
                     "tags": [],
                     "text": "clockformat"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clock-format",
                 "reflect": true,
-                "defaultValue": "'hh:MM a'"
+                "defaultValue": "'HH:mm:ss'"
+            },
+            "timeZone": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "configurable time zone"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "time-zone",
+                "reflect": true,
+                "defaultValue": "''"
             },
             "translationUrl": {
                 "type": "string",
@@ -76,6 +120,8 @@ export class CustomClock {
                     "tags": [],
                     "text": "custom translation by href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -94,6 +140,8 @@ export class CustomClock {
                     "tags": [],
                     "text": "language"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"

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,22 +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.hasErrors = false;
-        this.stylingAppends = false;
     }
     validateMandatoryFields() {
         this.MANDATORY_FIELDS.forEach((field) => {
@@ -88,7 +113,7 @@ export class GeneralFooterTemplate {
                 const FooterElement = componentRules[section].component;
                 const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
                 const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-                return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 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: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null, "translation-url": this.translationUrl, "clock-format": this.clockFormat });
+                return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 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: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null, "translation-url": this.translationUrl, "clock-format": this.clockFormat, "time-zone": this.timeZone });
             });
             return (h("footer", { class: "FooterContainer", ref: el => this.stylingContainer = el }, h("div", { class: "FooterGrid customStyle" }, footerSections)));
         }
@@ -121,6 +146,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "the language of the footer"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -138,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
             },
@@ -155,6 +184,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "endpoint for data retrieval"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -172,6 +203,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "Environment segregation"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "env",
                 "reflect": true,
                 "defaultValue": "'stage'"
@@ -190,6 +223,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "User roles"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "user-roles",
                 "reflect": true,
                 "defaultValue": "'everyone'"
@@ -208,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
             },
@@ -225,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
             },
@@ -242,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
             },
@@ -259,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'"
@@ -277,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'"
@@ -295,6 +340,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom styling by string content"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -313,6 +360,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom styling by href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -331,6 +380,8 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "custom translation by href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -349,9 +400,31 @@ export class GeneralFooterTemplate {
                     "tags": [],
                     "text": "clockformat"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clock-format",
                 "reflect": true,
                 "defaultValue": "'HH:MM:ss'"
+            },
+            "timeZone": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "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/_commonjsHelpers-57e89916.js

@@ -0,0 +1,18 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal as c, getAugmentedNamespace as g };