@postnord/pn-marketweb-components 2.0.109 → 2.0.111

package/types/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.d.ts

@@ -0,0 +1,4 @@
+export declare class PnLineShape {
+  hostElement: HTMLElement;
+  render(): any;
+}

package/types/components/cards/pn-quote-card/pn-quote-card.d.ts

@@ -0,0 +1,7 @@
+export declare class PnQuoteCard {
+  hostElement: HTMLElement;
+  quote: string;
+  name: string;
+  occupation: string;
+  render(): any;
+}

package/types/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.d.ts

@@ -2,7 +2,7 @@ export declare class PnStatsInfoData {
   data: number;
   unit: string;
   preamble: string;
-  compId: number;
+  compId: string;
   duration?: number;
   hasBeenShown: boolean;
   inViewPortCallback: (entry: IntersectionObserverEntry) => void;

package/types/components/data-visualization/pn-stats-info/pn-stats-info.d.ts

@@ -5,5 +5,6 @@ export declare class PnStatsInfo {
   backgroundUrl: string;
   myParsedArray: PnStatsInfoDataProps[];
   parseMyArrayProp(newValue: string): void;
+  generateUniqueID(): number;
   render(): any;
 }

package/types/components.d.ts

@@ -113,6 +113,8 @@ export namespace Components {
         "selected": boolean;
         "url": string;
     }
+    interface PnLineShape {
+    }
     interface PnMainnav {
         /**
           * Specifies which language we want to show navigation in (sv,da,fi,no,en)
@@ -517,6 +519,11 @@ export namespace Components {
         "heading": string;
         "preamble": string;
     }
+    interface PnQuoteCard {
+        "name": string;
+        "occupation": string;
+        "quote": string;
+    }
     interface PnSidenav {
         /**
           * Specifies which language we want to show navigation in (sv,da,fi,no,en)
@@ -596,7 +603,7 @@ export namespace Components {
         "heading": string;
     }
     interface PnStatsInfoData {
-        "compId": number;
+        "compId": string;
         "data": number;
         "duration"?: number;
         "preamble": string;
@@ -699,6 +706,12 @@ declare global {
         prototype: HTMLPnLanguageSelectorOptionElement;
         new (): HTMLPnLanguageSelectorOptionElement;
     };
+    interface HTMLPnLineShapeElement extends Components.PnLineShape, HTMLStencilElement {
+    }
+    var HTMLPnLineShapeElement: {
+        prototype: HTMLPnLineShapeElement;
+        new (): HTMLPnLineShapeElement;
+    };
     interface HTMLPnMainnavElement extends Components.PnMainnav, HTMLStencilElement {
     }
     var HTMLPnMainnavElement: {
@@ -909,6 +922,12 @@ declare global {
         prototype: HTMLPnQuickCtaElement;
         new (): HTMLPnQuickCtaElement;
     };
+    interface HTMLPnQuoteCardElement extends Components.PnQuoteCard, HTMLStencilElement {
+    }
+    var HTMLPnQuoteCardElement: {
+        prototype: HTMLPnQuoteCardElement;
+        new (): HTMLPnQuoteCardElement;
+    };
     interface HTMLPnSidenavElement extends Components.PnSidenav, HTMLStencilElement {
     }
     var HTMLPnSidenavElement: {
@@ -1001,6 +1020,7 @@ declare global {
         "pn-find-service-and-price-result": HTMLPnFindServiceAndPriceResultElement;
         "pn-language-selector": HTMLPnLanguageSelectorElement;
         "pn-language-selector-option": HTMLPnLanguageSelectorOptionElement;
+        "pn-line-shape": HTMLPnLineShapeElement;
         "pn-mainnav": HTMLPnMainnavElement;
         "pn-mainnav-level": HTMLPnMainnavLevelElement;
         "pn-mainnav-link": HTMLPnMainnavLinkElement;
@@ -1036,6 +1056,7 @@ declare global {
         "pn-proxio-productcard-information": HTMLPnProxioProductcardInformationElement;
         "pn-proxio-productcard-pricelink": HTMLPnProxioProductcardPricelinkElement;
         "pn-quick-cta": HTMLPnQuickCtaElement;
+        "pn-quote-card": HTMLPnQuoteCardElement;
         "pn-sidenav": HTMLPnSidenavElement;
         "pn-sidenav-level": HTMLPnSidenavLevelElement;
         "pn-sidenav-link": HTMLPnSidenavLinkElement;
@@ -1156,6 +1177,8 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         "url"?: string;
     }
+    interface PnLineShape {
+    }
     interface PnMainnav {
         /**
           * Specifies which language we want to show navigation in (sv,da,fi,no,en)
@@ -1577,6 +1600,11 @@ declare namespace LocalJSX {
         "heading"?: string;
         "preamble"?: string;
     }
+    interface PnQuoteCard {
+        "name"?: string;
+        "occupation"?: string;
+        "quote"?: string;
+    }
     interface PnSidenav {
         /**
           * Specifies which language we want to show navigation in (sv,da,fi,no,en)
@@ -1656,7 +1684,7 @@ declare namespace LocalJSX {
         "heading"?: string;
     }
     interface PnStatsInfoData {
-        "compId"?: number;
+        "compId"?: string;
         "data"?: number;
         "duration"?: number;
         "preamble"?: string;
@@ -1693,6 +1721,7 @@ declare namespace LocalJSX {
         "pn-find-service-and-price-result": PnFindServiceAndPriceResult;
         "pn-language-selector": PnLanguageSelector;
         "pn-language-selector-option": PnLanguageSelectorOption;
+        "pn-line-shape": PnLineShape;
         "pn-mainnav": PnMainnav;
         "pn-mainnav-level": PnMainnavLevel;
         "pn-mainnav-link": PnMainnavLink;
@@ -1728,6 +1757,7 @@ declare namespace LocalJSX {
         "pn-proxio-productcard-information": PnProxioProductcardInformation;
         "pn-proxio-productcard-pricelink": PnProxioProductcardPricelink;
         "pn-quick-cta": PnQuickCta;
+        "pn-quote-card": PnQuoteCard;
         "pn-sidenav": PnSidenav;
         "pn-sidenav-level": PnSidenavLevel;
         "pn-sidenav-link": PnSidenavLink;
@@ -1760,6 +1790,7 @@ declare module "@stencil/core" {
             "pn-find-service-and-price-result": LocalJSX.PnFindServiceAndPriceResult & JSXBase.HTMLAttributes<HTMLPnFindServiceAndPriceResultElement>;
             "pn-language-selector": LocalJSX.PnLanguageSelector & JSXBase.HTMLAttributes<HTMLPnLanguageSelectorElement>;
             "pn-language-selector-option": LocalJSX.PnLanguageSelectorOption & JSXBase.HTMLAttributes<HTMLPnLanguageSelectorOptionElement>;
+            "pn-line-shape": LocalJSX.PnLineShape & JSXBase.HTMLAttributes<HTMLPnLineShapeElement>;
             "pn-mainnav": LocalJSX.PnMainnav & JSXBase.HTMLAttributes<HTMLPnMainnavElement>;
             "pn-mainnav-level": LocalJSX.PnMainnavLevel & JSXBase.HTMLAttributes<HTMLPnMainnavLevelElement>;
             "pn-mainnav-link": LocalJSX.PnMainnavLink & JSXBase.HTMLAttributes<HTMLPnMainnavLinkElement>;
@@ -1795,6 +1826,7 @@ declare module "@stencil/core" {
             "pn-proxio-productcard-information": LocalJSX.PnProxioProductcardInformation & JSXBase.HTMLAttributes<HTMLPnProxioProductcardInformationElement>;
             "pn-proxio-productcard-pricelink": LocalJSX.PnProxioProductcardPricelink & JSXBase.HTMLAttributes<HTMLPnProxioProductcardPricelinkElement>;
             "pn-quick-cta": LocalJSX.PnQuickCta & JSXBase.HTMLAttributes<HTMLPnQuickCtaElement>;
+            "pn-quote-card": LocalJSX.PnQuoteCard & JSXBase.HTMLAttributes<HTMLPnQuoteCardElement>;
             "pn-sidenav": LocalJSX.PnSidenav & JSXBase.HTMLAttributes<HTMLPnSidenavElement>;
             "pn-sidenav-level": LocalJSX.PnSidenavLevel & JSXBase.HTMLAttributes<HTMLPnSidenavLevelElement>;
             "pn-sidenav-link": LocalJSX.PnSidenavLink & JSXBase.HTMLAttributes<HTMLPnSidenavLinkElement>;

package/umd/pn-marketweb-init.js

@@ -32,7 +32,7 @@
 
     const s = document.createElement('script');
     const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');
-    const currentScriptSrc = currentScriptTag.getAttribute('src').replace('@latest','@2.0.109');
+    const currentScriptSrc = currentScriptTag.getAttribute('src').replace('@latest','@2.0.111');
     checkParameters(currentScriptSrc);
     const loaderScriptSrc = currentScriptSrc.replace('pn-marketweb-init.js', 'standalone-loader.js');
     s.setAttribute("type", "module");

package/umd/pn-marketweb-salesforce.js

@@ -24,12 +24,12 @@
 
   const s = document.createElement('script');
   s.setAttribute('type', 'module');
-  s.setAttribute('src', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.109/umd/standalone-loader-salesforce.js');
+  s.setAttribute('src', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.111/umd/standalone-loader-salesforce.js');
   document.querySelector('head').appendChild(s);
 
   const style = document.createElement('link');
   style.setAttribute('rel', 'stylesheet');
-  style.setAttribute('href', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.109/umd/pn-marketweb-wrongrembase.css');
+  style.setAttribute('href', 'https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.111/umd/pn-marketweb-wrongrembase.css');
   document.querySelector('head').appendChild(style);
 
   window['bindLanguageSelector'] = function () {

package/pn-market-web-components/p-1ef2ef71.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-36654f2a.system.js"],(function(t){"use strict";var n,a,e;return{setters:[function(t){n=t.r;a=t.h;e=t.a}],execute:function(){var i=function(t,n,a,e){if(n===void 0){n=0}if(a===void 0){a=100}if(e===void 0){e=1e3}var i=null;var o=function(s){if(!i)i=s;var r=Math.min((s-i)/e,1);t.innerHTML=(Math.round((r*(a-n)+n)*10)/10).toString();if(r<1){window.requestAnimationFrame(o)}};window.requestAnimationFrame(o)};var o=function(t,n,a){t.forEach((function(t){t.target.classList.toggle(n,t.isIntersecting);a(t)}))};var s="pn-stats-info-data{width:50%;}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#F06365;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:2rem}pn-stats-info-data .pn-stats-info-data__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:6.8rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:6.8rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#FFFFFF}";var r=t("pn_stats_info_data",function(){function t(t){var a=this;n(this,t);this.data=0;this.unit=null;this.preamble=null;this.compId=null;this.duration=1e3;this.hasBeenShown=false;this.inViewPortCallback=function(t){if(t.isIntersecting){a.hasBeenShown=true}}}t.prototype.watchStateHandlder=function(t,n){var a=document.getElementById("pn-stats-info-data-".concat(this.compId));if(a.classList.contains("is-inViewport")&&t!==n){i(a,0,this.data,this.duration)}};t.prototype.render=function(){return a(e,null,a("div",{class:"pn-stats-info-data__container"},a("div",{class:"pn-stats-info-data__container__content"},a("div",{class:"pn-stats-info-data__container__content__data",id:"pn-stats-info-data-".concat(this.compId)}),a("div",{class:"pn-stats-info-data__container__content__unit"},this.unit)),a("div",{class:"pn-stats-info-data__container__content__preamble"},this.preamble)))};t.prototype.componentDidRender=function(){var t=this;var n=new IntersectionObserver((function(n){return o(n,"is-inViewport",t.inViewPortCallback)}));var a=document.getElementById("pn-stats-info-data-".concat(this.compId));n.observe(a)};Object.defineProperty(t,"watchers",{get:function(){return{hasBeenShown:["watchStateHandlder"]}},enumerable:false,configurable:true});return t}());r.style=s}}}));

package/pn-market-web-components/p-20281c39.entry.js

@@ -1 +0,0 @@
-import{r as t,h as n,a}from"./p-58e8d7d5.js";let i=class{constructor(n){t(this,n),this.data=0,this.unit=null,this.preamble=null,this.compId=null,this.duration=1e3,this.hasBeenShown=!1,this.inViewPortCallback=t=>{t.isIntersecting&&(this.hasBeenShown=!0)}}watchStateHandlder(t,n){const a=document.getElementById(`pn-stats-info-data-${this.compId}`);a.classList.contains("is-inViewport")&&t!==n&&((t,n=0,a=100,i=1e3)=>{let s=null;const e=o=>{s||(s=o);const d=Math.min((o-s)/i,1);t.innerHTML=(Math.round(10*(d*(a-n)+n))/10).toString(),d<1&&window.requestAnimationFrame(e)};window.requestAnimationFrame(e)})(a,0,this.data,this.duration)}render(){return n(a,null,n("div",{class:"pn-stats-info-data__container"},n("div",{class:"pn-stats-info-data__container__content"},n("div",{class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}`}),n("div",{class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>((t,n,a)=>{t.forEach((t=>{t.target.classList.toggle("is-inViewport",t.isIntersecting),a(t)}))})(t,0,this.inViewPortCallback))),n=document.getElementById(`pn-stats-info-data-${this.compId}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};i.style="pn-stats-info-data{width:50%;}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#F06365;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:2rem}pn-stats-info-data .pn-stats-info-data__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:6.8rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:6.8rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#FFFFFF}";export{i as pn_stats_info_data}

package/pn-market-web-components/p-910eb3c2.entry.js

@@ -1 +0,0 @@
-import{r as n,h as t,a as i}from"./p-58e8d7d5.js";let a=class{constructor(t){n(this,t),this.heading="Heading",this.dataArray='[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]',this.backgroundUrl=null,this.myParsedArray=JSON.parse(this.dataArray)}parseMyArrayProp(n){n&&(this.myParsedArray=JSON.parse(n))}render(){return t(i,null,t("div",{class:"pn-stats-info__container"},t("div",{class:"pn-stats-info__container__map",style:{backgroundImage:`url(${this.backgroundUrl})`}}),t("div",{class:"pn-stats-info__container__content",style:{backgroundImage:`url(${this.backgroundUrl})`}},t("h3",{class:"pn-stats-info__container__content__heading"},this.heading),t("div",{class:"pn-stats-info__container__content__data"},this.myParsedArray&&this.myParsedArray.map(((n,i)=>t("pn-stats-info-data",{"comp-id":i,data:n.data,unit:n.unit,preamble:n.preamble,duration:n.duration})))))))}static get watchers(){return{dataArray:["parseMyArrayProp"]}}};a.style=".bleed-container:has(pn-stats-info){padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";export{a as pn_stats_info}