@postnord/pn-marketweb-components 2.0.140 → 2.0.142

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js

@@ -1,32 +1,27 @@
-import { Component, Element, h, Host, Prop, State, Watch, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 import { FetchHelper } from '../../../globals/FetchHelper';
 import { MarketWebContextService } from '../../../globals/MarketWebContextService';
 import { getSocialMediaIconsByType } from './socialMediaIcons';
 import { translations } from './translations';
 export class PnMarketwebSiteheader {
   constructor() {
-    /** Specifies which market we want to show (se,dk,fi,no,com) */
+    // FetchHelper
+    this.fetchHelper = new FetchHelper('sitefooter');
+    //endpoint
+    this.endpointPath = '/api/footer/footer';
     this.market = 'se';
-    /** Specifies which language we want to show (sv,da,fi,no,en) */
     this.language = 'sv';
-    /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */
-    this.environment = null; //sv
-    /** Specifies which endpoint domain we should load from */
+    this.environment = null;
     this.endpoint = null;
-    /** Adjusts the menus URLs */
     this.siteDomainInUrls = false;
-    /** If the component should use cached requests */
     this.cache = false;
-    /** dotcom prop */
     this.theme = 'default';
-    /** dotcom backgroundcolor */
     this.backgroundcolor = 'darkestblue';
+    this.siteDefinition = undefined;
+    this.footerContent = undefined;
+    this.i18n = undefined;
     this.gotData = false;
     this.fetchingData = false;
-    // FetchHelper
-    this.fetchHelper = new FetchHelper('sitefooter');
-    //endpoint
-    this.endpointPath = '/api/footer/footer';
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {
@@ -135,26 +130,19 @@ export class PnMarketwebSiteheader {
     var _a;
     if (this.gotData && ((_a = this.footerContent) === null || _a === void 0 ? void 0 : _a.columns)) {
       return this.footerContent.columns.map(column => {
-        return (h("pn-site-footer-col", { theme: this.theme },
-          column.firstLinkAsHeader && column.links && column.links[0] ?
-            h("a", { href: column.links[0].linkHref, target: column.links[0].openInNewWindow ? '_blank' : null, rel: column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null, title: column.links[0].linkText, id: this.uniqueId(column.links[0].linkText) },
-              h("h3", null, column.links[0].linkText))
-            : h("h3", null, column.heading),
-          column.links && (!column.body || this.theme === 'tpl') ? (h("ul", Object.assign({}, (column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })), column.links.map((link, i) => {
-            if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {
-              return false;
-            }
-            let linkText = link.linkText;
-            if (link.linkType) {
-              linkText = getSocialMediaIconsByType(link.linkType);
-            }
-            let linkId = this.uniqueId(linkText);
-            return (h("li", null,
-              h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }), this.theme === 'tpl' ? (h("span", { class: "footer-tpl-links" }, link.linkText)) : null)));
-          }))) : null,
-          column.body ? h("div", { innerHTML: column.body }) : null,
-          h("slot", { name: "bottomsocialmediadesktop" }),
-          h("slot", { name: "bottomsocialmediamobile" })));
+        return (h("pn-site-footer-col", { theme: this.theme }, column.firstLinkAsHeader && column.links && column.links[0] ?
+          h("a", { href: column.links[0].linkHref, target: column.links[0].openInNewWindow ? '_blank' : null, rel: column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null, title: column.links[0].linkText, id: this.uniqueId(column.links[0].linkText) }, h("h3", null, column.links[0].linkText))
+          : h("h3", null, column.heading), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", Object.assign({}, (column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })), column.links.map((link, i) => {
+          if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {
+            return false;
+          }
+          let linkText = link.linkText;
+          if (link.linkType) {
+            linkText = getSocialMediaIconsByType(link.linkType);
+          }
+          let linkId = this.uniqueId(linkText);
+          return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }), this.theme === 'tpl' ? (h("span", { class: "footer-tpl-links" }, link.linkText)) : null)));
+        }))) : null, column.body ? h("div", { innerHTML: column.body }) : null, h("slot", { name: "bottomsocialmediadesktop" }), h("slot", { name: "bottomsocialmediamobile" })));
       });
     }
     else {
@@ -167,25 +155,18 @@ export class PnMarketwebSiteheader {
         return h("li", null, link.linkText);
       }
       let linkId = this.uniqueId(link.linkText);
-      return (h("li", null,
-        h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText)));
+      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText)));
     });
   }
   renderDefaultFooter() {
     var _a, _b, _c, _d;
-    return (h(Host, { language: this.language, market: this.market, environment: this.environment },
-      h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' },
-        h("slot", { name: "logo" }),
-        this.renderCols(),
-        h("div", { slot: "bottom" },
-          this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null,
-          this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? (h("span", null, this.footerContent.bottomLinks.map(link => {
-            if (!link.linkHref) {
-              return h("span", null, link.linkText);
-            }
-            let linkId = this.uniqueId(link.linkText);
-            return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
-          }))) : null))));
+    return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' }, h("slot", { name: "logo" }), this.renderCols(), h("div", { slot: "bottom" }, this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null, this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? (h("span", null, this.footerContent.bottomLinks.map(link => {
+      if (!link.linkHref) {
+        return h("span", null, link.linkText);
+      }
+      let linkId = this.uniqueId(link.linkText);
+      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
+    }))) : null))));
   }
   renderSocialMeidaIconListElements() {
     var _a;
@@ -193,23 +174,12 @@ export class PnMarketwebSiteheader {
       ((_a = this.footerContent) === null || _a === void 0 ? void 0 : _a.socialmedialinks.map(link => {
         let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');
         let linkId = this.uniqueId(link.linkText);
-        return (h("li", null,
-          h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
+        return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
       })));
   }
   renderDotComFooter() {
     var _a, _b, _c, _d;
-    return (h(Host, { language: this.language, market: this.market, environment: this.environment },
-      h("pn-site-footer", { theme: this.theme, url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' },
-        this.renderCols(),
-        h("slot", { name: "middle-extra" }),
-        h("slot", { name: "middle-extra-mobile" }),
-        h("div", { slot: "bottom" },
-          h("div", { class: "social-media" },
-            h("ul", null, this.renderSocialMeidaIconListElements())),
-          h("div", { class: "copyright" },
-            this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null,
-            this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? h("ul", null, this.renderBottomLinks()) : null)))));
+    return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { theme: this.theme, url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' }, this.renderCols(), h("slot", { name: "middle-extra" }), h("slot", { name: "middle-extra-mobile" }), h("div", { slot: "bottom" }, h("div", { class: "social-media" }, h("ul", null, this.renderSocialMeidaIconListElements())), h("div", { class: "copyright" }, this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null, this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? h("ul", null, this.renderBottomLinks()) : null)))));
   }
   render() {
     switch (this.theme) {
@@ -220,171 +190,181 @@ export class PnMarketwebSiteheader {
     }
   }
   static get is() { return "pn-marketweb-sitefooter"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-marketweb-sitefooter.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-marketweb-sitefooter.css"]
-  }; }
-  static get properties() { return {
-    "market": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies which market we want to show (se,dk,fi,no,com)"
-      },
-      "attribute": "market",
-      "reflect": true,
-      "defaultValue": "'se'"
-    },
-    "language": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies which language we want to show (sv,da,fi,no,en)"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'sv'"
-    },
-    "environment": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies which environment we're fetching data from. (production, preproduction, integration, localhost)"
-      },
-      "attribute": "environment",
-      "reflect": true,
-      "defaultValue": "null"
-    },
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies which endpoint domain we should load from"
-      },
-      "attribute": "endpoint",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "siteDomainInUrls": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjusts the menus URLs"
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-marketweb-sitefooter.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-marketweb-sitefooter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "market": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies which market we want to show (se,dk,fi,no,com)"
+        },
+        "attribute": "market",
+        "reflect": true,
+        "defaultValue": "'se'"
       },
-      "attribute": "site-domain-in-urls",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "cache": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "language": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies which language we want to show (sv,da,fi,no,en)"
+        },
+        "attribute": "language",
+        "reflect": true,
+        "defaultValue": "'sv'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If the component should use cached requests"
+      "environment": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies which environment we're fetching data from. (production, preproduction, integration, localhost)"
+        },
+        "attribute": "environment",
+        "reflect": true,
+        "defaultValue": "null"
       },
-      "attribute": "cache",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "endpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies which endpoint domain we should load from"
+        },
+        "attribute": "endpoint",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "dotcom prop"
+      "siteDomainInUrls": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjusts the menus URLs"
+        },
+        "attribute": "site-domain-in-urls",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "theme",
-      "reflect": true,
-      "defaultValue": "'default'"
-    },
-    "backgroundcolor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "cache": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If the component should use cached requests"
+        },
+        "attribute": "cache",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "dotcom backgroundcolor"
+      "theme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "dotcom prop"
+        },
+        "attribute": "theme",
+        "reflect": true,
+        "defaultValue": "'default'"
       },
-      "attribute": "backgroundcolor",
-      "reflect": true,
-      "defaultValue": "'darkestblue'"
-    }
-  }; }
-  static get states() { return {
-    "siteDefinition": {},
-    "footerContent": {},
-    "i18n": {},
-    "gotData": {},
-    "fetchingData": {}
-  }; }
+      "backgroundcolor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "dotcom backgroundcolor"
+        },
+        "attribute": "backgroundcolor",
+        "reflect": true,
+        "defaultValue": "'darkestblue'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "siteDefinition": {},
+      "footerContent": {},
+      "i18n": {},
+      "gotData": {},
+      "fetchingData": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "language",
-      "methodName": "onLanguageChange"
-    }, {
-      "propName": "market",
-      "methodName": "onMarketChange"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "language",
+        "methodName": "onLanguageChange"
+      }, {
+        "propName": "market",
+        "methodName": "onMarketChange"
+      }];
+  }
 }