npm - @postnord/pn-marketweb-components - Versions diffs - 3.0.3 → 3.1.0 - Mend

@postnord/pn-marketweb-components 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (758) hide show

package/collection/components/charts/pn-charts-card/pn-charts-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-charts-card.js","sourceRoot":"","sources":["../../../../src/components/charts/pn-charts-card/pn-charts-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAMlE,MAAM,OAAO,YAAY;;~~QAYvB~~,~~oBAAe~~,GAAG,GAAG,EAAE;~~YACrB~~,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;~~gBACrB~~,OAAO,CACL,SAAG,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;~~oBAChK~~,IAAI,CAAC,WAAW;;~~oBAAE~~,eAAS,IAAI,EAAE,WAAW,QAAa,CACxD,CACL,CAAC;~~YACJ~~,CAAC;~~YACD~~,OAAO,IAAI,CAAC;~~QACd~~,CAAC,CAAC~~;;;;;;;;+BAXiC~~,~~KAAK;;IAaxC,~~MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,IAAI,EAAC,yBAAyB,GAAG;YACvC,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,4DAAK,KAAK,EAAC,6EAA6E;oBACtF,4DAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAO;oBACxD,4DAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE;gBAEN,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C,6DAAM,IAAI,EAAC,OAAO,GAAQ;oBAC1B,4DAAK,KAAK,EAAC,iCAAiC;wBAC1C,4DAAK,KAAK,EAAC,+EAA+E;4BACxF,4DAAK,KAAK,EAAC,iDAAiD,IAAE,IAAI,CAAC,MAAM,CAAO;4BAChF,4DAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE;wBACN,6DAAM,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,QAAQ,CAAQ;wBAC7D,4DAAK,KAAK,EAAC,+BAA+B;4BACxC,4DAAK,KAAK,EAAC,wBAAwB;gCACjC,gEAAQ,IAAI,CAAC,KAAK,CAAS;gCAC3B,2DAAI,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,MAAM,CAAM;gCAC1D,IAAI,CAAC,eAAe,EAAE,CACnB,CACF,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-charts-card',\n styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() header: string;\n @Prop() highlight: string;\n @Prop() preamble: string;\n @Prop() label: string;\n @Prop() source: string;\n @Prop() sourceUrl: string;\n @Prop() ctaLinkText: string;\n @Prop() openInNewWindow: boolean = false;\n\n showCtaLinkText = () => {\n if (this.ctaLinkText) {\n return (\n <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n </a>\n );\n }\n return null;\n };\n\n render() {\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-charts-card__wrapper\">\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n <div class=\"pn-charts-card__heading\">{this.header}</div>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n\n <div class=\"pn-charts-card__content__wrapper\">\n <slot name=\"chart\"></slot>\n <div class=\"pn-charts-card__text__container\">\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n <div class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</div>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n <div class=\"pn-charts-card__text__wrapper\">\n <div class=\"pn-charts-card__source\">\n <label>{this.label}</label>\n <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3>\n {this.showCtaLinkText()}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-charts-card.js","sourceRoot":"","sources":["../../../../src/components/charts/pn-charts-card/pn-charts-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAMlE,MAAM,OAAO,YAAY;;;;;;;;;+BAUY,KAAK;;IAT7B,WAAW,CAAc;IAWpC,eAAe,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,CACL,SAAG,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;gBAChK,IAAI,CAAC,WAAW;;gBAAE,eAAS,IAAI,EAAE,WAAW,QAAa,CACxD,CACL,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,IAAI,EAAC,yBAAyB,GAAG;YACvC,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,4DAAK,KAAK,EAAC,6EAA6E;oBACtF,4DAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAO;oBACxD,4DAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE;gBAEN,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C,6DAAM,IAAI,EAAC,OAAO,GAAQ;oBAC1B,4DAAK,KAAK,EAAC,iCAAiC;wBAC1C,4DAAK,KAAK,EAAC,+EAA+E;4BACxF,4DAAK,KAAK,EAAC,iDAAiD,IAAE,IAAI,CAAC,MAAM,CAAO;4BAChF,4DAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE;wBACN,6DAAM,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,QAAQ,CAAQ;wBAC7D,4DAAK,KAAK,EAAC,+BAA+B;4BACxC,4DAAK,KAAK,EAAC,wBAAwB;gCACjC,gEAAQ,IAAI,CAAC,KAAK,CAAS;gCAC3B,2DAAI,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,MAAM,CAAM;gCAC1D,IAAI,CAAC,eAAe,EAAE,CACnB,CACF,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-charts-card',\n styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() header: string;\n @Prop() highlight: string;\n @Prop() preamble: string;\n @Prop() label: string;\n @Prop() source: string;\n @Prop() sourceUrl: string;\n @Prop() ctaLinkText: string;\n @Prop() openInNewWindow: boolean = false;\n\n showCtaLinkText = () => {\n if (this.ctaLinkText) {\n return (\n <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n </a>\n );\n }\n return null;\n };\n\n render() {\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-charts-card__wrapper\">\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n <div class=\"pn-charts-card__heading\">{this.header}</div>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n\n <div class=\"pn-charts-card__content__wrapper\">\n <slot name=\"chart\"></slot>\n <div class=\"pn-charts-card__text__container\">\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n <div class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</div>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n <div class=\"pn-charts-card__text__wrapper\">\n <div class=\"pn-charts-card__source\">\n <label>{this.label}</label>\n <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3>\n {this.showCtaLinkText()}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-cta-block/pn-cta-block.js CHANGED Viewed

@@ -9,6 +9,7 @@ export class PnCtaBlock {
         this.isSmall = false;
         this.contentTop = false;
     }
+    hostElement;
     render() {
         const hasImage = this.hostElement.querySelector('[slot="illustration"]');
         const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');

package/collection/components/cta/pn-cta-block/pn-cta-block.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-cta-block.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-cta-block/pn-cta-block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,UAAU;;uBAGK,IAAI;wBACH,IAAI;iCAEK,IAAI;uBAEb,KAAK;0BACF,KAAK;uBACR,KAAK;0BACF,KAAK;;~~IAEnC~~,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QACzE,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC1E,OAAO,CACL,EAAC,IAAI;YACH,mFAA0B,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC1P,CAAC,QAAQ,CAAC,CAAC;oBACV,WAAK,KAAK,EAAC,0BAA0B;wBACnC,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,CAAC,CAAC,CAAC,IAAI,CACd;gBACA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA,CAAC;oBAC/B,WAAK,KAAK,EAAC,oBAAoB;wBAC7B,UAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,OAAO,CAAM;wBAClD,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAK,CAC1C,CAAC,CAAC,CAAC,IAAI;gBAEd,CAAC,UAAU,CAAC,CAAC;oBACZ,WAAK,KAAK,EAAC,mBAAmB;wBAC5B,YAAM,IAAI,EAAC,aAAa,GAAG,CACvB,CAAC,CAAC,CAAC,IAAI,CACd,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'pn-cta-block',\n styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() bodyText: string = null;\n\n @Prop() pnBackgroundColor: string = null;\n\n @Prop() isLarge: boolean = false;\n @Prop() isCentered: boolean = false;\n @Prop() isSmall: boolean = false;\n @Prop() contentTop: boolean = false;\n\n render() {\n const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n return (\n <Host>\n <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''} ${this.isCentered ? 'cta-block--center' : ''} ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n {(hasImage ?\n <div class=\"cta-block__image-wrapper\">\n <slot name=\"illustration\" />\n </div> : null\n )}\n {(this.heading && this.bodyText)?\n <div class=\"cta-block__content\">\n <h2 class=\"cta-block__heading\">{this.heading}</h2>\n <p class=\"cta-block__text\">{this.bodyText}</p>\n </div> : null\n }\n {(hasButtons ?\n <div class=\"cta-block__action\">\n <slot name=\"cta-buttons\" />\n </div> : null\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-cta-block.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-cta-block/pn-cta-block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,UAAU;;uBAGK,IAAI;wBACH,IAAI;iCAEK,IAAI;uBAEb,KAAK;0BACF,KAAK;uBACR,KAAK;0BACF,KAAK;;IAVxB,WAAW,CAAc;IAYpC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QACzE,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC1E,OAAO,CACL,EAAC,IAAI;YACH,mFAA0B,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC1P,CAAC,QAAQ,CAAC,CAAC;oBACV,WAAK,KAAK,EAAC,0BAA0B;wBACnC,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,CAAC,CAAC,CAAC,IAAI,CACd;gBACA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA,CAAC;oBAC/B,WAAK,KAAK,EAAC,oBAAoB;wBAC7B,UAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,OAAO,CAAM;wBAClD,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAK,CAC1C,CAAC,CAAC,CAAC,IAAI;gBAEd,CAAC,UAAU,CAAC,CAAC;oBACZ,WAAK,KAAK,EAAC,mBAAmB;wBAC5B,YAAM,IAAI,EAAC,aAAa,GAAG,CACvB,CAAC,CAAC,CAAC,IAAI,CACd,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'pn-cta-block',\n styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() bodyText: string = null;\n\n @Prop() pnBackgroundColor: string = null;\n\n @Prop() isLarge: boolean = false;\n @Prop() isCentered: boolean = false;\n @Prop() isSmall: boolean = false;\n @Prop() contentTop: boolean = false;\n\n render() {\n const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n return (\n <Host>\n <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''} ${this.isCentered ? 'cta-block--center' : ''} ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n {(hasImage ?\n <div class=\"cta-block__image-wrapper\">\n <slot name=\"illustration\" />\n </div> : null\n )}\n {(this.heading && this.bodyText)?\n <div class=\"cta-block__content\">\n <h2 class=\"cta-block__heading\">{this.heading}</h2>\n <p class=\"cta-block__text\">{this.bodyText}</p>\n </div> : null\n }\n {(hasButtons ?\n <div class=\"cta-block__action\">\n <slot name=\"cta-buttons\" />\n </div> : null\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js CHANGED Viewed

@@ -10,6 +10,7 @@ export class PnSpotlight {
         this.inputName = 'shipmentID';
         this.currentWidth = window.innerWidth;
     }
+    hostElement;
     handleViewportSizeChange(event) {
         this.currentWidth = event.target.innerWidth;
     }

package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-parcel-tracker.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAM7D,MAAM,OAAO,WAAW;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;~~IAGzC~~,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,8BAA8B;gBACvC,6DAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa;oBAC3C,2DAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM;oBACrE,2EAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;oBAC3E,kEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-parcel-tracker',\n styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() formActionUrl: string = null;\n @Prop() heading: string = 'Track your parcel';\n @Prop() buttonLabel: string = null;\n @Prop() locale: string = 'en';\n @Prop() placeholder: string = 'Enter shipment ID';\n @Prop() inputName: string = 'shipmentID';\n\n @State() currentWidth = window.innerWidth;\n\n @Listen('resize', { target: 'window' })\n handleViewportSizeChange(event: any) {\n this.currentWidth = event.target.innerWidth;\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-parcel-tracker__container\">\n <form method=\"GET\" action={this.formActionUrl}>\n <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n {this.currentWidth >= 412 && this.buttonLabel}\n </pn-button>\n </form>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-parcel-tracker.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAM7D,MAAM,OAAO,WAAW;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;IAR9B,WAAW,CAAc;IAWpC,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,8BAA8B;gBACvC,6DAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa;oBAC3C,2DAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM;oBACrE,2EAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;oBAC3E,kEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-parcel-tracker',\n styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() formActionUrl: string = null;\n @Prop() heading: string = 'Track your parcel';\n @Prop() buttonLabel: string = null;\n @Prop() locale: string = 'en';\n @Prop() placeholder: string = 'Enter shipment ID';\n @Prop() inputName: string = 'shipmentID';\n\n @State() currentWidth = window.innerWidth;\n\n @Listen('resize', { target: 'window' })\n handleViewportSizeChange(event: any) {\n this.currentWidth = event.target.innerWidth;\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-parcel-tracker__container\">\n <form method=\"GET\" action={this.formActionUrl}>\n <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n {this.currentWidth >= 412 && this.buttonLabel}\n </pn-button>\n </form>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-quick-cta/pn-quick-cta.js CHANGED Viewed

@@ -4,6 +4,7 @@ export class PnQuickCta {
         this.heading = null;
         this.preamble = null;
     }
+    hostElement;
     render() {
         return (h(Host, { key: 'ab5954c7894705ca1d6faeb541b63ef9a28ce39e' }, h("div", { key: '2fe82eb368e7c6f13a1e541e54f4f2679b99ed20', class: "quick-cta__content" }, h("h2", { key: '7433fb89198761e4342ec57b1136e82cef01c241', class: "quick-cta__content__heading" }, this.heading), h("p", { key: 'c23df3ff66c20f39c9e11ad825fadb90a6cf296a', class: "quick-cta__content__preamble" }, this.preamble), h("slot", { key: '8754357951cb3b1fb61b1f619e925a1b3de17879', name: "quick-cta-cta" }))));
     }

package/collection/components/cta/pn-quick-cta/pn-quick-cta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-quick-cta.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-quick-cta/pn-quick-cta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,UAAU;;uBAEK,IAAI;wBACH,IAAI;;~~IAE/B~~,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,2DAAI,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAM;gBAC3D,0DAAG,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,QAAQ,CAAK;gBAC3D,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quick-cta',\n styleUrl: 'pn-quick-cta.scss',\n})\nexport class PnQuickCta {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"quick-cta__content\">\n <h2 class=\"quick-cta__content__heading\">{this.heading}</h2>\n <p class=\"quick-cta__content__preamble\">{this.preamble}</p>\n <slot name=\"quick-cta-cta\"></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-quick-cta.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-quick-cta/pn-quick-cta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,UAAU;;uBAEK,IAAI;wBACH,IAAI;;IAFpB,WAAW,CAAc;IAIpC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,2DAAI,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAM;gBAC3D,0DAAG,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,QAAQ,CAAK;gBAC3D,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quick-cta',\n styleUrl: 'pn-quick-cta.scss',\n})\nexport class PnQuickCta {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"quick-cta__content\">\n <h2 class=\"quick-cta__content__heading\">{this.heading}</h2>\n <p class=\"quick-cta__content__preamble\">{this.preamble}</p>\n <slot name=\"quick-cta-cta\"></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-share/pn-share-item.js CHANGED Viewed

@@ -4,6 +4,7 @@ export class PnShareItem {
         this.link = null;
         this.text = null;
     }
+    hostElement;
     render() {
         return (h(Host, { key: '91e29d95c93de36f6874abf2122f38d931d539f1' }, h("div", { key: 'ee1a46c97cdda226d697983e9a05c03d205c0997', class: "pn-share-item__container" }, h("a", { key: 'dd417980b984ec45a783f73fd0f3353010e9efe4', href: `${this.link}` }, h("slot", { key: 'c84b5b9f86a2a707eaa65f80dd5f02ca65c3b512', name: "icon" }), " ", this.text))));
     }

package/collection/components/cta/pn-share/pn-share-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-share-item.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-share/pn-share-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,WAAW;;oBAEC,IAAI;oBACJ,IAAI;;~~IAE3B~~,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,0BAA0B;gBACnC,0DAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;oBACrB,6DAAM,IAAI,EAAC,MAAM,GAAG;;oBAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-share-item.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-share/pn-share-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,WAAW;;oBAEC,IAAI;oBACJ,IAAI;;IAFhB,WAAW,CAAc;IAIpC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,0BAA0B;gBACnC,0DAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;oBACrB,6DAAM,IAAI,EAAC,MAAM,GAAG;;oBAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-share/pn-share.js CHANGED Viewed

@@ -11,6 +11,7 @@ export class PnShare {
         this.language = 'sv';
         this.i18n = undefined;
     }
+    hostElement;
     componentWillLoad() {
         this.setTranslations();
     }

package/collection/components/cta/pn-share/pn-share.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-share.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-share/pn-share.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;AAMF,MAAM,OAAO,OAAO;;oBAEK,IAAI;wBACgC,IAAI;;;~~IAG/D~~,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,2DAAI,KAAK,EAAC,mBAAmB;oBAAE,IAAI,CAAC,IAAI,CAAC,UAAU;wBAAO;gBAC1D,4DAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;oBACzB,OAAO,CACL,qBAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI;wBACrE,eAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,CACjB,CAAC;gBACJ,CAAC,CAAC,CACE,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-share.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-share/pn-share.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;AAMF,MAAM,OAAO,OAAO;;oBAEK,IAAI;wBACgC,IAAI;;;IAFpD,WAAW,CAAc;IAKpC,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,2DAAI,KAAK,EAAC,mBAAmB;oBAAE,IAAI,CAAC,IAAI,CAAC,UAAU;wBAAO;gBAC1D,4DAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;oBACzB,OAAO,CACL,qBAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI;wBACrE,eAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,CACjB,CAAC;gBACJ,CAAC,CAAC,CACE,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/cta/pn-spotlight/pn-spotlight.js CHANGED Viewed

@@ -7,6 +7,7 @@ export class PnSpotlight {
         this.isDynamic = false;
         this.addDynamic = '';
     }
+    hostElement;
     componentDidLoad() {
         this.addDynamic = classNames({ 'cta--dynamic': this.isDynamic });
     }

package/collection/components/cta/pn-spotlight/pn-spotlight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-spotlight.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-spotlight/pn-spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,OAAO,WAAW;;uBAEI,IAAI;wBACH,IAAI;yBACF,KAAK;0BAEJ,EAAE;;~~IAEhC~~,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,6DAAM,IAAI,EAAC,gBAAgB,GAAG;gBAC9B,4DAAK,KAAK,EAAE,oCAAoC,IAAI,CAAC,UAAU,EAAE;oBAC/D,4DAAK,KAAK,EAAC,2CAA2C;wBACpD,4DAAK,KAAK,EAAC,iDAAiD,GAAO;wBACnE,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import classNames from 'classnames';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-spotlight',\n styleUrl: 'pn-spotlight.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n @Prop() isDynamic: boolean = false;\n\n @State() addDynamic: string = '';\n\n componentDidLoad() {\n this.addDynamic = classNames({ 'cta--dynamic': this.isDynamic });\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-spotlight__container\">\n <slot name=\"mobile-heading\" />\n <div class={`pn-spotlight__container__wrapper ${this.addDynamic}`}>\n <div class=\"pn-spotlight__container__wrapper__content\">\n <div class=\"pn-spotlight__container__wrapper__content__ball\"></div>\n <slot name=\"content\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-spotlight.js","sourceRoot":"","sources":["../../../../src/components/cta/pn-spotlight/pn-spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,OAAO,WAAW;;uBAEI,IAAI;wBACH,IAAI;yBACF,KAAK;0BAEJ,EAAE;;IALrB,WAAW,CAAc;IAOpC,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,6DAAM,IAAI,EAAC,gBAAgB,GAAG;gBAC9B,4DAAK,KAAK,EAAE,oCAAoC,IAAI,CAAC,UAAU,EAAE;oBAC/D,4DAAK,KAAK,EAAC,2CAA2C;wBACpD,4DAAK,KAAK,EAAC,iDAAiD,GAAO;wBACnE,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import classNames from 'classnames';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-spotlight',\n styleUrl: 'pn-spotlight.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n @Prop() isDynamic: boolean = false;\n\n @State() addDynamic: string = '';\n\n componentDidLoad() {\n this.addDynamic = classNames({ 'cta--dynamic': this.isDynamic });\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-spotlight__container\">\n <slot name=\"mobile-heading\" />\n <div class={`pn-spotlight__container__wrapper ${this.addDynamic}`}>\n <div class=\"pn-spotlight__container__wrapper__content\">\n <div class=\"pn-spotlight__container__wrapper__content__ball\"></div>\n <slot name=\"content\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js CHANGED Viewed

@@ -5,11 +5,6 @@ import { NumberFormatList, NumberFormatStyle } from "./numberFormats";
 import { inViewport } from "./viewIntersectionHelper";
 export class PnStatsInfoData {
     constructor() {
-        this.inViewPortCallback = (entry) => {
-            if (entry.isIntersecting) {
-                this.hasBeenShown = true;
-            }
-        };
         this.format = 'En';
         this.formatStyle = 'Decimal';
         this.startValue = 0;
@@ -21,6 +16,11 @@ export class PnStatsInfoData {
         this.hasBeenShown = false;
         this.compId = null;
     }
+    inViewPortCallback = (entry) => {
+        if (entry.isIntersecting) {
+            this.hasBeenShown = true;
+        }
+    };
     generateUniqueId() {
         return uuidv4();
     }

package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-stats-info-data.js","sourceRoot":"","sources":["../../../../../src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAMtD,MAAM,OAAO,eAAe;;~~QAa1B~~,~~uBAAkB~~,GAAG,CAAC,KAAgC,EAAE,EAAE;~~YACxD~~,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;~~gBACzB~~,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;~~YAC3B~~,CAAC;~~QACH~~,CAAC,CAAC;~~sBAhBuB~~,~~IAAI;2BACC,SAAS;0BACV,CAAC;oBACP,CAAC;oBACD,IAAI;wBACA,IAAI;wBACH,IAAI;qBACR,IAAI;4BAEK,KAAK;sBACZ,IAAI;;IAQ9B,~~gBAAgB;QACd,OAAO,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC;IAGD,kBAAkB,CAAC,QAAiB,EAAE,QAAiB;QACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvF,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACrE,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACxI,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,+BAA+B;gBACxC,4DAAK,KAAK,EAAC,wCAAwC;oBACjD,4DAAK,KAAK,EAAC,8CAA8C,EAAC,EAAE,EAAE,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,GAAQ;oBACtH,IAAI,CAAC,IAAI,IAAI,4DAAK,KAAK,EAAC,8CAA8C,IAAE,IAAI,CAAC,IAAI,CAAO,CACrF;gBACN,4DAAK,KAAK,EAAC,kDAAkD,IAAE,IAAI,CAAC,QAAQ,CAAO,CAC/E,CACD,CACR,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACpH,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvF,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n tag: 'pn-stats-info-data',\n styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n @Prop() format: string = 'En';\n @Prop() formatStyle: string = 'Decimal';\n @Prop() startValue: number = 0;\n @Prop() data: number = 0;\n @Prop() unit: string = null;\n @Prop() preamble: string = null;\n @Prop() duration?: number = 1000; //ms;\n @Prop() index: number = null;\n\n @State() hasBeenShown: boolean = false;\n @State() compId: string = null;\n\n inViewPortCallback = (entry: IntersectionObserverEntry) => {\n if (entry.isIntersecting) {\n this.hasBeenShown = true;\n }\n };\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n @Watch('hasBeenShown')\n watchStateHandlder(newValue: boolean, oldValue: boolean) {\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n }\n }\n\n render() {\n return (\n <Host>\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}-${this.index}`}></div>\n {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n </div>\n <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n </div>\n </Host>\n );\n }\n\n componentDidRender() {\n const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n observer.observe(obj);\n }\n}\n"]}
1	+ {"version":3,"file":"pn-stats-info-data.js","sourceRoot":"","sources":["../../../../../src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAMtD,MAAM,OAAO,eAAe;;sBACD,IAAI;2BACC,SAAS;0BACV,CAAC;oBACP,CAAC;oBACD,IAAI;wBACA,IAAI;wBACH,IAAI;qBACR,IAAI;4BAEK,KAAK;sBACZ,IAAI;;IAE9B,kBAAkB,GAAG,CAAC,KAAgC,EAAE,EAAE;QACxD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,gBAAgB;QACd,OAAO,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC;IAGD,kBAAkB,CAAC,QAAiB,EAAE,QAAiB;QACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvF,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACrE,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACxI,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,+BAA+B;gBACxC,4DAAK,KAAK,EAAC,wCAAwC;oBACjD,4DAAK,KAAK,EAAC,8CAA8C,EAAC,EAAE,EAAE,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,GAAQ;oBACtH,IAAI,CAAC,IAAI,IAAI,4DAAK,KAAK,EAAC,8CAA8C,IAAE,IAAI,CAAC,IAAI,CAAO,CACrF;gBACN,4DAAK,KAAK,EAAC,kDAAkD,IAAE,IAAI,CAAC,QAAQ,CAAO,CAC/E,CACD,CACR,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACpH,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,sBAAsB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACvF,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n tag: 'pn-stats-info-data',\n styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n @Prop() format: string = 'En';\n @Prop() formatStyle: string = 'Decimal';\n @Prop() startValue: number = 0;\n @Prop() data: number = 0;\n @Prop() unit: string = null;\n @Prop() preamble: string = null;\n @Prop() duration?: number = 1000; //ms;\n @Prop() index: number = null;\n\n @State() hasBeenShown: boolean = false;\n @State() compId: string = null;\n\n inViewPortCallback = (entry: IntersectionObserverEntry) => {\n if (entry.isIntersecting) {\n this.hasBeenShown = true;\n }\n };\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n @Watch('hasBeenShown')\n watchStateHandlder(newValue: boolean, oldValue: boolean) {\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n }\n }\n\n render() {\n return (\n <Host>\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}-${this.index}`}></div>\n {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n </div>\n <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n </div>\n </Host>\n );\n }\n\n componentDidRender() {\n const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n observer.observe(obj);\n }\n}\n"]}

package/collection/components/input/pn-address-autofill/pn-address-autofill.js CHANGED Viewed

@@ -4,47 +4,6 @@ import { FetchHelper } from "../../../globals/FetchHelper";
 import debounce from "debounce";
 export class PnAddressAutofill {
     constructor() {
-        this.pnInputPostalCode = null;
-        this.pnInputCity = null;
-        this.pnInputStreetAddress = null;
-        this.pnInputStreetNumber = null;
-        this.postalCodeInputField = null;
-        this.streetAddressInputField = null;
-        this.streetNumberInputField = null;
-        this.pnInputHiddenValue = null;
-        this.endpointPath = '/api/location/get-by-location';
-        this._postalCodeProps = null;
-        this._cityProps = null;
-        this._streetAddressProps = null;
-        this._streetNumberProps = null;
-        this.fetchHelper = new FetchHelper('PostalCodeCityAutofill');
-        this.filterStreetNames = (data) => {
-            const addresses = [];
-            this.streetAdressArr = null;
-            data.addresses.forEach(item => {
-                if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {
-                    addresses.push(item.street);
-                }
-            });
-            this.streetAdressArr = addresses;
-        };
-        this.filterStreetNumbers = (data) => {
-            const streetNumbersResult = [];
-            data.addresses.forEach(item => {
-                if (item.postalCode.postalCode === this.postalCode) {
-                    const { numberFrom, numberTo } = item;
-                    const from = parseInt(numberFrom);
-                    const to = parseInt(numberTo);
-                    for (let i = from; i <= to; i++) {
-                        const nrString = i.toString();
-                        if (!streetNumbersResult.includes(nrString)) {
-                            streetNumbersResult.push(i.toString());
-                        }
-                    }
-                }
-            });
-            this.streetNumberArr = streetNumbersResult;
-        };
         this.market = null;
         this.environment = null;
         this.endpoint = null;
@@ -62,6 +21,22 @@ export class PnAddressAutofill {
         this.streetNumber = null;
         this.fullAddress = null;
     }
+    hostElement;
+    pnInputPostalCode = null;
+    pnInputCity = null;
+    pnInputStreetAddress = null;
+    pnInputStreetNumber = null;
+    postalCodeInputField = null;
+    streetAddressInputField = null;
+    streetNumberInputField = null;
+    pnInputHiddenValue = null;
+    endpointPath = '/api/location/get-by-location';
+    _postalCodeProps = null;
+    _cityProps = null;
+    _streetAddressProps = null;
+    _streetNumberProps = null;
+    addresscomplete;
+    fetchHelper = new FetchHelper('PostalCodeCityAutofill');
     componentWillLoad() {
         this.setInitialValues();
         this._postalCodeProps = this.setProps(this.postalCodeProps);
@@ -84,12 +59,11 @@ export class PnAddressAutofill {
         this.addEventHandlers();
     }
     async setInitialValues(href = window.location.href) {
-        var _a;
         const marketWebContextService = new MarketWebContextService(href);
         if (!this.environment) {
             this.environment = await marketWebContextService.getEnvironmentName();
         }
-        if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+        if (!this.endpoint && this.environment?.indexOf('local') === -1) {
             this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
         }
         if (!this.endpoint) {
@@ -125,7 +99,6 @@ export class PnAddressAutofill {
         this.addresscomplete.emit(this.fullAddress);
     }
     async fetchData(field, e) {
-        var _a;
         if (e) {
             e.preventDefault();
             if (e.key === 'Tab') {
@@ -166,7 +139,7 @@ export class PnAddressAutofill {
             }, this.cache));
             if (data) {
                 if (isPostalCodeSearch) {
-                    this.city = data.postalCodes ? (_a = data.postalCodes[0]) === null || _a === void 0 ? void 0 : _a.postalCity : null;
+                    this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;
                 }
                 if (isStreetAddressSearch && data.addresses) {
                     this.postalCode = this.postalCodeInputField.value;
@@ -178,6 +151,33 @@ export class PnAddressAutofill {
             }
         }
     }
+    filterStreetNames = (data) => {
+        const addresses = [];
+        this.streetAdressArr = null;
+        data.addresses.forEach(item => {
+            if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {
+                addresses.push(item.street);
+            }
+        });
+        this.streetAdressArr = addresses;
+    };
+    filterStreetNumbers = (data) => {
+        const streetNumbersResult = [];
+        data.addresses.forEach(item => {
+            if (item.postalCode.postalCode === this.postalCode) {
+                const { numberFrom, numberTo } = item;
+                const from = parseInt(numberFrom);
+                const to = parseInt(numberTo);
+                for (let i = from; i <= to; i++) {
+                    const nrString = i.toString();
+                    if (!streetNumbersResult.includes(nrString)) {
+                        streetNumbersResult.push(i.toString());
+                    }
+                }
+            }
+        });
+        this.streetNumberArr = streetNumbersResult;
+    };
     async handleStreetAddressDropdown(e) {
         const target = e.target;
         if (target === this.streetAddressInputField && target.value.length) {
@@ -304,8 +304,7 @@ export class PnAddressAutofill {
         }
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        return (h(Host, { key: '31d54cc786afb2a8b9ea3f0122fc146e837e8e97', class: "pn-address-autofill" }, ((_a = this._postalCodeProps) === null || _a === void 0 ? void 0 : _a.postalCodeCityLabel) ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, h("div", { key: 'b4ec3793c6895ba3b52795e80891b842973d6545', class: "input-container-row" }, h("pn-marketweb-input", { key: 'e1c3e2f0623a2c012c11db7d197f041dbffebcd6', type: "text", name: (_b = this._postalCodeProps) === null || _b === void 0 ? void 0 : _b.postalCodeInputName, required: (_c = this._postalCodeProps) === null || _c === void 0 ? void 0 : _c.postalCodeInputRequired, placeholder: (_d = this._postalCodeProps) === null || _d === void 0 ? void 0 : _d.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: (_e = this._postalCodeProps) === null || _e === void 0 ? void 0 : _e.postalCodeInputHelpertext }), h("pn-marketweb-input", { key: '3c88411b408874109fc7014b2306549d6f75cfcd', type: "text", name: (_f = this._cityProps) === null || _f === void 0 ? void 0 : _f.cityInputName, disabled: true, value: this.city, placeholder: (_g = this._cityProps) === null || _g === void 0 ? void 0 : _g.cityInputPlaceholder, autocomplete: "off", helpertext: (_h = this._cityProps) === null || _h === void 0 ? void 0 : _h.cityInputHelpertext })), ((_j = this._streetAddressProps) === null || _j === void 0 ? void 0 : _j.streetAddressNumberLabel) ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, h("div", { key: '1f3f232bebd83bff4d31b3b79a86d03117e2136d', class: "input-container-row" }, h("pn-marketweb-input", { key: '3fae08f0de34286a23b145ffdf02d63ba63981ab', type: "text", name: (_k = this._streetAddressProps) === null || _k === void 0 ? void 0 : _k.streetAddressInputName, required: (_l = this._streetAddressProps) === null || _l === void 0 ? void 0 : _l.streetAddressInputRequired, value: this.streetAddress, placeholder: (_m = this._streetAddressProps) === null || _m === void 0 ? void 0 : _m.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: (_o = this._streetAddressProps) === null || _o === void 0 ? void 0 : _o.streetAddressInputHelpertext }), h("pn-marketweb-input", { key: '9293d6d05fea0fb4df8bfb9a45d608efa6feb202', type: "text", name: (_p = this._streetNumberProps) === null || _p === void 0 ? void 0 : _p.streetNumberInputName, required: (_q = this._streetNumberProps) === null || _q === void 0 ? void 0 : _q.streetNumberInputRequired, value: this.streetNumber, placeholder: (_r = this._streetNumberProps) === null || _r === void 0 ? void 0 : _r.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: (_s = this._streetNumberProps) === null || _s === void 0 ? void 0 : _s.streetNumberInputHelpertext }))));
+        return (h(Host, { key: '31d54cc786afb2a8b9ea3f0122fc146e837e8e97', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, h("div", { key: 'b4ec3793c6895ba3b52795e80891b842973d6545', class: "input-container-row" }, h("pn-marketweb-input", { key: 'e1c3e2f0623a2c012c11db7d197f041dbffebcd6', type: "text", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), h("pn-marketweb-input", { key: '3c88411b408874109fc7014b2306549d6f75cfcd', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, h("div", { key: '1f3f232bebd83bff4d31b3b79a86d03117e2136d', class: "input-container-row" }, h("pn-marketweb-input", { key: '3fae08f0de34286a23b145ffdf02d63ba63981ab', type: "text", name: this._streetAddressProps?.streetAddressInputName, required: this._streetAddressProps?.streetAddressInputRequired, value: this.streetAddress, placeholder: this._streetAddressProps?.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: this._streetAddressProps?.streetAddressInputHelpertext }), h("pn-marketweb-input", { key: '9293d6d05fea0fb4df8bfb9a45d608efa6feb202', type: "text", name: this._streetNumberProps?.streetNumberInputName, required: this._streetNumberProps?.streetNumberInputRequired, value: this.streetNumber, placeholder: this._streetNumberProps?.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: this._streetNumberProps?.streetNumberInputHelpertext }))));
     }
     static get is() { return "pn-address-autofill"; }
     static get originalStyleUrls() {

package/collection/components/input/pn-address-autofill/pn-address-autofill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-address-autofill.js","sourceRoot":"","sources":["../../../../src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\n\n@Component({\n tag: 'pn-address-autofill',\n styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n @Element() hostElement: Element;\n pnInputPostalCode: HTMLElement = null;\n pnInputCity: HTMLElement = null;\n pnInputStreetAddress: HTMLElement = null;\n pnInputStreetNumber: HTMLElement = null;\n postalCodeInputField: HTMLInputElement = null;\n streetAddressInputField: HTMLInputElement = null;\n streetNumberInputField: HTMLInputElement = null;\n pnInputHiddenValue: HTMLElement = null;\n endpointPath = '/api/location/get-by-location';\n private _postalCodeProps: PostalCodeProps = null;\n private _cityProps: CityProps = null;\n private _streetAddressProps: StreetAddressProps = null;\n private _streetNumberProps: StreetNumberProps = null;\n\n /** Specifies which market we want to show (se,dk,fi,no,com) /\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /* Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n @Prop() endpoint: string = null;\n @Prop() cache: boolean = true;\n @Prop() countryCode: string = null;\n @Prop() postalCodeProps: string \| PostalCodeProps = null;\n @Prop() cityProps: string \| CityProps = null;\n @Prop() streetAddressProps: string \| StreetAddressProps = null;\n @Prop() streetNumberProps: string \| StreetNumberProps = null;\n\n @State() streetAdressArr: string[] = null;\n @State() streetNumberArr: string[] = null;\n @State() city: string = null;\n @State() postalCode: string = null;\n @State() streetAddress: string = null;\n @State() streetNumber: string = null;\n @State() fullAddress: string = null;\n\n @Event() addresscomplete: EventEmitter<string>;\n\n fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n componentWillLoad() {\n this.setInitialValues();\n this._postalCodeProps = this.setProps(this.postalCodeProps);\n this._cityProps = this.setProps(this.cityProps);\n this._streetAddressProps = this.setProps(this.streetAddressProps);\n this._streetNumberProps = this.setProps(this.streetNumberProps);\n }\n\n setProps(props) {\n if (typeof props === 'string') {\n return JSON.parse(props);\n } else {\n return props;\n }\n }\n\n componentDidLoad() {\n this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n this.addEventHandlers();\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n addEventHandlers() {\n const postalCodeSearch = debounce(this.fetchData.bind(this, this.postalCodeInputField), 1000);\n this.postalCodeInputField.addEventListener('keyup', postalCodeSearch);\n this.streetAddressInputField.addEventListener('keyup', this.handleStreetAddressDropdown.bind(this));\n this.streetNumberInputField.addEventListener('focus', this.handleStreetNumberDropdown.bind(this));\n this.addFormFieldEvent();\n }\n\n addFormFieldEvent() {\n const allInputs = this.hostElement.querySelectorAll('input');\n allInputs.forEach(element => {\n ['keyup', 'change'].forEach(eventName => {\n const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n element.addEventListener(eventName, debounceUpdate);\n });\n });\n }\n\n updateHiddenValue(e) {\n if (e.target === this.streetNumberInputField) {\n this.streetNumber = this.streetNumberInputField.value;\n }\n\n if (this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n } else {\n this.fullAddress = '';\n }\n\n this.addresscomplete.emit(this.fullAddress);\n }\n\n async fetchData(field, e: KeyboardEvent) {\n if (e) {\n e.preventDefault();\n\n if (e.key === 'Tab') {\n if (this.city) {\n return;\n }\n }\n }\n\n let query = '';\n const isPostalCodeSearch = e && e.target === this.postalCodeInputField;\n const isStreetAddressSearch = field === this.streetAddressInputField && this.city && this.city.length;\n const isStreetNumberSearch = field === this.streetNumberInputField && this.city && this.city.length && this.streetAddress && this.streetAddress.length;\n\n if (isPostalCodeSearch) {\n query = this.postalCodeInputField.value;\n this.streetAdressArr = null;\n this.streetAddressInputField.value = '';\n this.streetNumberArr = null;\n this.streetNumberInputField.value = '';\n this.city = null;\n this.streetAddress = null;\n this.streetNumber = null;\n }\n if (isStreetAddressSearch) {\n query = `${this.streetAddressInputField.value}, ${this.city}`;\n this.streetNumberArr = null;\n this.streetNumberInputField.value = '';\n this.streetNumber = null;\n }\n if (isStreetNumberSearch) {\n this.streetAdressArr = null;\n query = `${this.streetAddress}, ${this.city}`;\n }\n\n if (query.length > 0) {\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&query=${query}`;\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n )) as Root;\n\n if (data) {\n if (isPostalCodeSearch) {\n this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;\n }\n\n if (isStreetAddressSearch && data.addresses) {\n this.postalCode = this.postalCodeInputField.value;\n this.filterStreetNames(data);\n }\n\n if (isStreetNumberSearch && data.addresses) {\n this.filterStreetNumbers(data);\n }\n }\n }\n }\n\n filterStreetNames = (data: Root) => {\n const addresses: string[] = [];\n this.streetAdressArr = null;\n data.addresses.forEach(item => {\n if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {\n addresses.push(item.street);\n }\n });\n this.streetAdressArr = addresses;\n };\n\n filterStreetNumbers = (data: Root) => {\n const streetNumbersResult: string[] = [];\n data.addresses.forEach(item => {\n if (item.postalCode.postalCode === this.postalCode) {\n const { numberFrom, numberTo } = item;\n const from = parseInt(numberFrom);\n const to = parseInt(numberTo);\n\n for (let i = from; i <= to; i++) {\n const nrString = i.toString();\n if (!streetNumbersResult.includes(nrString)) {\n streetNumbersResult.push(i.toString());\n }\n }\n }\n });\n this.streetNumberArr = streetNumbersResult;\n };\n\n async handleStreetAddressDropdown(e) {\n const target = e.target;\n\n if (target === this.streetAddressInputField && target.value.length) {\n if (!this.streetAdressArr \|\| !this.streetAdressArr.length) {\n await this.fetchData(this.streetAddressInputField, null);\n }\n }\n\n if (!target.value \|\| !target.value.length) {\n this.streetAdressArr = null;\n }\n\n if (this.streetAdressArr && this.streetAdressArr.length) {\n this.autoComplete(e, this.streetAdressArr);\n }\n }\n\n async handleStreetNumberDropdown(e) {\n e.preventDefault();\n const target = e.target;\n\n if (target === this.streetNumberInputField) {\n if (!this.streetNumberArr \|\| !this.streetNumberArr.length) {\n await this.fetchData(this.streetNumberInputField, null);\n }\n if (this.streetNumberArr) {\n this.autoComplete(e, this.streetNumberArr);\n }\n }\n }\n\n autoComplete(e, arr: string[]) {\n const inputField = e.target;\n if (arr.length < 1) {\n return;\n }\n\n let currentFocus = 0;\n\n inputField.addEventListener('input', () => {\n const val = inputField.value;\n this.closeAllLists(inputField);\n\n if (!val) {\n return;\n }\n\n currentFocus = -1;\n let list = document.createElement('div');\n list.setAttribute('id', 'autocomplete-list' + inputField.name);\n list.setAttribute('class', 'autocomplete-items');\n inputField.parentElement.appendChild(list);\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].substring(0, val.length).toUpperCase() == val.toUpperCase()) {\n let option = document.createElement('div');\n option.innerHTML = '<strong>' + arr[i].substring(0, val.length) + '</strong>';\n option.innerHTML += arr[i].substring(val.length);\n option.innerHTML += \"<input type='hidden' value='\" + arr[i] + \"'>\";\n option.addEventListener('click', clickEvent => {\n const inputParrent = inputField.closest('pn-marketweb-input');\n let eventTarget = clickEvent.target as HTMLElement;\n if (eventTarget.nodeName === 'STRONG') {\n eventTarget = eventTarget.parentElement;\n }\n inputParrent.value = eventTarget.getElementsByTagName('input')[0].value;\n\n if (inputField === this.streetNumberInputField) {\n this.streetNumber = inputParrent.value;\n }\n if (inputField === this.streetAddressInputField) {\n this.streetAddress = inputParrent.value;\n }\n\n this.closeAllLists(clickEvent.target);\n inputField.focus();\n });\n\n list.appendChild(option);\n }\n }\n });\n\n inputField.addEventListener('keydown', keydownEvent => {\n const listElement = document.getElementById('autocomplete-list' + inputField.name);\n let element;\n if (listElement) {\n element = listElement.getElementsByTagName('div');\n } else {\n element = listElement;\n }\n\n //If arrow DOWN key is pressed\n if (keydownEvent.keyCode == 40) {\n currentFocus++;\n this.addActive(element, currentFocus);\n }\n\n //If the arrow UP key is pressed\n if (keydownEvent.keyCode == 38) {\n currentFocus--;\n this.addActive(element, currentFocus);\n }\n\n //If the ENTER key is pressed\n if (keydownEvent.keyCode == 13) {\n keydownEvent.preventDefault();\n if (currentFocus > -1) {\n if (element) {\n element[currentFocus].click();\n }\n }\n }\n });\n }\n\n //close all autocomplete lists in the document, except the one passed as an argument:\n closeAllLists(elmnt) {\n const lists = document.getElementsByClassName('autocomplete-items');\n for (let i = 0; i < lists.length; i++) {\n if (elmnt != lists[i]) {\n lists[i].parentNode.removeChild(lists[i]);\n }\n }\n }\n\n //a function to classify an item as \"active\":\n addActive(elmnt, currentFocus) {\n if (!elmnt) return;\n this.removeActive(elmnt);\n if (currentFocus >= elmnt.length) currentFocus = 0;\n if (currentFocus < 0) currentFocus = elmnt.length - 1;\n elmnt[currentFocus].classList.add('autocomplete-active');\n }\n\n //a function to remove the \"active\" class from all autocomplete items:\n removeActive(elmnt) {\n for (let i = 0; i < elmnt.length; i++) {\n elmnt[i].classList.remove('autocomplete-active');\n }\n }\n\n render() {\n return (\n <Host class=\"pn-address-autofill\">\n {this._postalCodeProps?.postalCodeCityLabel ? (\n <div class=\"label-container\">\n <label>{`${this._postalCodeProps.postalCodeCityLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-marketweb-input\n type=\"text\"\n name={this._postalCodeProps?.postalCodeInputName}\n required={this._postalCodeProps?.postalCodeInputRequired}\n placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n ></pn-marketweb-input>\n\n <pn-marketweb-input\n type=\"text\"\n name={this._cityProps?.cityInputName}\n disabled\n value={this.city}\n placeholder={this._cityProps?.cityInputPlaceholder}\n autocomplete=\"off\"\n helpertext={this._cityProps?.cityInputHelpertext}\n ></pn-marketweb-input>\n </div>\n\n {this._streetAddressProps?.streetAddressNumberLabel ? (\n <div class=\"label-container\">\n <label>{`${this._streetAddressProps.streetAddressNumberLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-marketweb-input\n type=\"text\"\n name={this._streetAddressProps?.streetAddressInputName}\n required={this._streetAddressProps?.streetAddressInputRequired}\n value={this.streetAddress}\n placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n ></pn-marketweb-input>\n\n <pn-marketweb-input\n type=\"text\"\n name={this._streetNumberProps?.streetNumberInputName}\n required={this._streetNumberProps?.streetNumberInputRequired}\n value={this.streetNumber}\n placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n ></pn-marketweb-input>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-address-autofill.js","sourceRoot":"","sources":["../../../../src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\n\n@Component({\n tag: 'pn-address-autofill',\n styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n @Element() hostElement: Element;\n pnInputPostalCode: HTMLElement = null;\n pnInputCity: HTMLElement = null;\n pnInputStreetAddress: HTMLElement = null;\n pnInputStreetNumber: HTMLElement = null;\n postalCodeInputField: HTMLInputElement = null;\n streetAddressInputField: HTMLInputElement = null;\n streetNumberInputField: HTMLInputElement = null;\n pnInputHiddenValue: HTMLElement = null;\n endpointPath = '/api/location/get-by-location';\n private _postalCodeProps: PostalCodeProps = null;\n private _cityProps: CityProps = null;\n private _streetAddressProps: StreetAddressProps = null;\n private _streetNumberProps: StreetNumberProps = null;\n\n /** Specifies which market we want to show (se,dk,fi,no,com) /\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /* Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n @Prop() endpoint: string = null;\n @Prop() cache: boolean = true;\n @Prop() countryCode: string = null;\n @Prop() postalCodeProps: string \| PostalCodeProps = null;\n @Prop() cityProps: string \| CityProps = null;\n @Prop() streetAddressProps: string \| StreetAddressProps = null;\n @Prop() streetNumberProps: string \| StreetNumberProps = null;\n\n @State() streetAdressArr: string[] = null;\n @State() streetNumberArr: string[] = null;\n @State() city: string = null;\n @State() postalCode: string = null;\n @State() streetAddress: string = null;\n @State() streetNumber: string = null;\n @State() fullAddress: string = null;\n\n @Event() addresscomplete: EventEmitter<string>;\n\n fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n componentWillLoad() {\n this.setInitialValues();\n this._postalCodeProps = this.setProps(this.postalCodeProps);\n this._cityProps = this.setProps(this.cityProps);\n this._streetAddressProps = this.setProps(this.streetAddressProps);\n this._streetNumberProps = this.setProps(this.streetNumberProps);\n }\n\n setProps(props) {\n if (typeof props === 'string') {\n return JSON.parse(props);\n } else {\n return props;\n }\n }\n\n componentDidLoad() {\n this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n this.addEventHandlers();\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n addEventHandlers() {\n const postalCodeSearch = debounce(this.fetchData.bind(this, this.postalCodeInputField), 1000);\n this.postalCodeInputField.addEventListener('keyup', postalCodeSearch);\n this.streetAddressInputField.addEventListener('keyup', this.handleStreetAddressDropdown.bind(this));\n this.streetNumberInputField.addEventListener('focus', this.handleStreetNumberDropdown.bind(this));\n this.addFormFieldEvent();\n }\n\n addFormFieldEvent() {\n const allInputs = this.hostElement.querySelectorAll('input');\n allInputs.forEach(element => {\n ['keyup', 'change'].forEach(eventName => {\n const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n element.addEventListener(eventName, debounceUpdate);\n });\n });\n }\n\n updateHiddenValue(e) {\n if (e.target === this.streetNumberInputField) {\n this.streetNumber = this.streetNumberInputField.value;\n }\n\n if (this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n } else {\n this.fullAddress = '';\n }\n\n this.addresscomplete.emit(this.fullAddress);\n }\n\n async fetchData(field, e: KeyboardEvent) {\n if (e) {\n e.preventDefault();\n\n if (e.key === 'Tab') {\n if (this.city) {\n return;\n }\n }\n }\n\n let query = '';\n const isPostalCodeSearch = e && e.target === this.postalCodeInputField;\n const isStreetAddressSearch = field === this.streetAddressInputField && this.city && this.city.length;\n const isStreetNumberSearch = field === this.streetNumberInputField && this.city && this.city.length && this.streetAddress && this.streetAddress.length;\n\n if (isPostalCodeSearch) {\n query = this.postalCodeInputField.value;\n this.streetAdressArr = null;\n this.streetAddressInputField.value = '';\n this.streetNumberArr = null;\n this.streetNumberInputField.value = '';\n this.city = null;\n this.streetAddress = null;\n this.streetNumber = null;\n }\n if (isStreetAddressSearch) {\n query = `${this.streetAddressInputField.value}, ${this.city}`;\n this.streetNumberArr = null;\n this.streetNumberInputField.value = '';\n this.streetNumber = null;\n }\n if (isStreetNumberSearch) {\n this.streetAdressArr = null;\n query = `${this.streetAddress}, ${this.city}`;\n }\n\n if (query.length > 0) {\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&query=${query}`;\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n )) as Root;\n\n if (data) {\n if (isPostalCodeSearch) {\n this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;\n }\n\n if (isStreetAddressSearch && data.addresses) {\n this.postalCode = this.postalCodeInputField.value;\n this.filterStreetNames(data);\n }\n\n if (isStreetNumberSearch && data.addresses) {\n this.filterStreetNumbers(data);\n }\n }\n }\n }\n\n filterStreetNames = (data: Root) => {\n const addresses: string[] = [];\n this.streetAdressArr = null;\n data.addresses.forEach(item => {\n if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {\n addresses.push(item.street);\n }\n });\n this.streetAdressArr = addresses;\n };\n\n filterStreetNumbers = (data: Root) => {\n const streetNumbersResult: string[] = [];\n data.addresses.forEach(item => {\n if (item.postalCode.postalCode === this.postalCode) {\n const { numberFrom, numberTo } = item;\n const from = parseInt(numberFrom);\n const to = parseInt(numberTo);\n\n for (let i = from; i <= to; i++) {\n const nrString = i.toString();\n if (!streetNumbersResult.includes(nrString)) {\n streetNumbersResult.push(i.toString());\n }\n }\n }\n });\n this.streetNumberArr = streetNumbersResult;\n };\n\n async handleStreetAddressDropdown(e) {\n const target = e.target;\n\n if (target === this.streetAddressInputField && target.value.length) {\n if (!this.streetAdressArr \|\| !this.streetAdressArr.length) {\n await this.fetchData(this.streetAddressInputField, null);\n }\n }\n\n if (!target.value \|\| !target.value.length) {\n this.streetAdressArr = null;\n }\n\n if (this.streetAdressArr && this.streetAdressArr.length) {\n this.autoComplete(e, this.streetAdressArr);\n }\n }\n\n async handleStreetNumberDropdown(e) {\n e.preventDefault();\n const target = e.target;\n\n if (target === this.streetNumberInputField) {\n if (!this.streetNumberArr \|\| !this.streetNumberArr.length) {\n await this.fetchData(this.streetNumberInputField, null);\n }\n if (this.streetNumberArr) {\n this.autoComplete(e, this.streetNumberArr);\n }\n }\n }\n\n autoComplete(e, arr: string[]) {\n const inputField = e.target;\n if (arr.length < 1) {\n return;\n }\n\n let currentFocus = 0;\n\n inputField.addEventListener('input', () => {\n const val = inputField.value;\n this.closeAllLists(inputField);\n\n if (!val) {\n return;\n }\n\n currentFocus = -1;\n let list = document.createElement('div');\n list.setAttribute('id', 'autocomplete-list' + inputField.name);\n list.setAttribute('class', 'autocomplete-items');\n inputField.parentElement.appendChild(list);\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].substring(0, val.length).toUpperCase() == val.toUpperCase()) {\n let option = document.createElement('div');\n option.innerHTML = '<strong>' + arr[i].substring(0, val.length) + '</strong>';\n option.innerHTML += arr[i].substring(val.length);\n option.innerHTML += \"<input type='hidden' value='\" + arr[i] + \"'>\";\n option.addEventListener('click', clickEvent => {\n const inputParrent = inputField.closest('pn-marketweb-input');\n let eventTarget = clickEvent.target as HTMLElement;\n if (eventTarget.nodeName === 'STRONG') {\n eventTarget = eventTarget.parentElement;\n }\n inputParrent.value = eventTarget.getElementsByTagName('input')[0].value;\n\n if (inputField === this.streetNumberInputField) {\n this.streetNumber = inputParrent.value;\n }\n if (inputField === this.streetAddressInputField) {\n this.streetAddress = inputParrent.value;\n }\n\n this.closeAllLists(clickEvent.target);\n inputField.focus();\n });\n\n list.appendChild(option);\n }\n }\n });\n\n inputField.addEventListener('keydown', keydownEvent => {\n const listElement = document.getElementById('autocomplete-list' + inputField.name);\n let element;\n if (listElement) {\n element = listElement.getElementsByTagName('div');\n } else {\n element = listElement;\n }\n\n //If arrow DOWN key is pressed\n if (keydownEvent.keyCode == 40) {\n currentFocus++;\n this.addActive(element, currentFocus);\n }\n\n //If the arrow UP key is pressed\n if (keydownEvent.keyCode == 38) {\n currentFocus--;\n this.addActive(element, currentFocus);\n }\n\n //If the ENTER key is pressed\n if (keydownEvent.keyCode == 13) {\n keydownEvent.preventDefault();\n if (currentFocus > -1) {\n if (element) {\n element[currentFocus].click();\n }\n }\n }\n });\n }\n\n //close all autocomplete lists in the document, except the one passed as an argument:\n closeAllLists(elmnt) {\n const lists = document.getElementsByClassName('autocomplete-items');\n for (let i = 0; i < lists.length; i++) {\n if (elmnt != lists[i]) {\n lists[i].parentNode.removeChild(lists[i]);\n }\n }\n }\n\n //a function to classify an item as \"active\":\n addActive(elmnt, currentFocus) {\n if (!elmnt) return;\n this.removeActive(elmnt);\n if (currentFocus >= elmnt.length) currentFocus = 0;\n if (currentFocus < 0) currentFocus = elmnt.length - 1;\n elmnt[currentFocus].classList.add('autocomplete-active');\n }\n\n //a function to remove the \"active\" class from all autocomplete items:\n removeActive(elmnt) {\n for (let i = 0; i < elmnt.length; i++) {\n elmnt[i].classList.remove('autocomplete-active');\n }\n }\n\n render() {\n return (\n <Host class=\"pn-address-autofill\">\n {this._postalCodeProps?.postalCodeCityLabel ? (\n <div class=\"label-container\">\n <label>{`${this._postalCodeProps.postalCodeCityLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-marketweb-input\n type=\"text\"\n name={this._postalCodeProps?.postalCodeInputName}\n required={this._postalCodeProps?.postalCodeInputRequired}\n placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n ></pn-marketweb-input>\n\n <pn-marketweb-input\n type=\"text\"\n name={this._cityProps?.cityInputName}\n disabled\n value={this.city}\n placeholder={this._cityProps?.cityInputPlaceholder}\n autocomplete=\"off\"\n helpertext={this._cityProps?.cityInputHelpertext}\n ></pn-marketweb-input>\n </div>\n\n {this._streetAddressProps?.streetAddressNumberLabel ? (\n <div class=\"label-container\">\n <label>{`${this._streetAddressProps.streetAddressNumberLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-marketweb-input\n type=\"text\"\n name={this._streetAddressProps?.streetAddressInputName}\n required={this._streetAddressProps?.streetAddressInputRequired}\n value={this.streetAddress}\n placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n ></pn-marketweb-input>\n\n <pn-marketweb-input\n type=\"text\"\n name={this._streetNumberProps?.streetNumberInputName}\n required={this._streetNumberProps?.streetNumberInputRequired}\n value={this.streetNumber}\n placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n ></pn-marketweb-input>\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js CHANGED Viewed

@@ -10,6 +10,7 @@ export class PnBonusProgressbarLevel {
         this.min = 0;
         this.currency = '';
     }
+    hostElement;
     componentWillLoad() {
         this.max = parseInt(this.hostElement.parentElement.parentElement.getAttribute('max'), 10);
         this.min = parseInt(this.hostElement.parentElement.parentElement.getAttribute('min'), 10);

package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-bonus-progressbar-level.js","sourceRoot":"","sources":["../../../../src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAiB,MAAM,eAAe,CAAC;AAMxF,MAAM,OAAO,uBAAuB;;uBAGU,KAAK;qBACO,CAAC;+BACS,EAAE;gCACD,CAAC;0BAEtC,CAAC;mBAER,CAAC;mBACD,CAAC;wBACI,EAAE;;~~IAE9B~~,iBAAiB;QACf,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1F,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACtF,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;QAEhD,IAAI,IAAI,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC;YAC9B,uCAAuC;YACvC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IACzG,CAAC;IACD,WAAW;QACT,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IAChG,CAAC;IACD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,GAAG,EAAE;YAChD,4DAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,eAAe,CAAO;YACtE,4DAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,EAAE,CAAO,CAC1D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'pn-bonus-progressbar-level',\n styleUrl: 'pn-bonus-progressbar-level.scss',\n})\nexport class PnBonusProgressbarLevel {\n @Element() hostElement: HTMLElement;\n\n @Prop({ reflect: true }) current: boolean = false;\n @Prop({ reflect: true, mutable: true }) value: number = 0;\n @Prop({ reflect: true, mutable: true }) bonuspercentage: string = '';\n @Prop({ reflect: true, mutable: true }) visualpercentage: number = 0;\n\n @State() percentage: number = 0;\n\n @State() max: number = 0;\n @State() min: number = 0;\n @State() currency: string = '';\n\n componentWillLoad() {\n this.max = parseInt(this.hostElement.parentElement.parentElement.getAttribute('max'), 10);\n this.min = parseInt(this.hostElement.parentElement.parentElement.getAttribute('min'), 10);\n this.currency = this.hostElement.parentElement.parentElement.getAttribute('currency');\n this.percentage = (this.value / this.max) * 100;\n\n if (this.visualpercentage > 0) {\n // Visual percentage has been overriden\n return;\n }\n this.visualpercentage = this.value === 0 ? 0 : ((this.value - this.min) / (this.max - this.min)) * 100;\n }\n formatValue() {\n return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;\n }\n render() {\n return (\n <Host style={{ left: `${this.visualpercentage}%` }}>\n <div class=\"progressbar-level-percentage\">{this.bonuspercentage}</div>\n <div class=\"progressbar-level-value\">{this.formatValue()}</div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-bonus-progressbar-level.js","sourceRoot":"","sources":["../../../../src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAiB,MAAM,eAAe,CAAC;AAMxF,MAAM,OAAO,uBAAuB;;uBAGU,KAAK;qBACO,CAAC;+BACS,EAAE;gCACD,CAAC;0BAEtC,CAAC;mBAER,CAAC;mBACD,CAAC;wBACI,EAAE;;IAXnB,WAAW,CAAc;IAapC,iBAAiB;QACf,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1F,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACtF,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;QAEhD,IAAI,IAAI,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC;YAC9B,uCAAuC;YACvC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IACzG,CAAC;IACD,WAAW;QACT,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IAChG,CAAC;IACD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,GAAG,EAAE;YAChD,4DAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,eAAe,CAAO;YACtE,4DAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,EAAE,CAAO,CAC1D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'pn-bonus-progressbar-level',\n styleUrl: 'pn-bonus-progressbar-level.scss',\n})\nexport class PnBonusProgressbarLevel {\n @Element() hostElement: HTMLElement;\n\n @Prop({ reflect: true }) current: boolean = false;\n @Prop({ reflect: true, mutable: true }) value: number = 0;\n @Prop({ reflect: true, mutable: true }) bonuspercentage: string = '';\n @Prop({ reflect: true, mutable: true }) visualpercentage: number = 0;\n\n @State() percentage: number = 0;\n\n @State() max: number = 0;\n @State() min: number = 0;\n @State() currency: string = '';\n\n componentWillLoad() {\n this.max = parseInt(this.hostElement.parentElement.parentElement.getAttribute('max'), 10);\n this.min = parseInt(this.hostElement.parentElement.parentElement.getAttribute('min'), 10);\n this.currency = this.hostElement.parentElement.parentElement.getAttribute('currency');\n this.percentage = (this.value / this.max) * 100;\n\n if (this.visualpercentage > 0) {\n // Visual percentage has been overriden\n return;\n }\n this.visualpercentage = this.value === 0 ? 0 : ((this.value - this.min) / (this.max - this.min)) * 100;\n }\n formatValue() {\n return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;\n }\n render() {\n return (\n <Host style={{ left: `${this.visualpercentage}%` }}>\n <div class=\"progressbar-level-percentage\">{this.bonuspercentage}</div>\n <div class=\"progressbar-level-value\">{this.formatValue()}</div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js CHANGED Viewed

@@ -15,6 +15,7 @@ export class PnBonusProgressbar {
         this.levelValues = [];
         this.currentLevelAdjustedValue = 0;
     }
+    hostElement;
     componentWillLoad() {
         this.setInitialValues();
         this.setValuePercentage();

package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-bonus-progressbar.js","sourceRoot":"","sources":["../../../../src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAMxF,MAAM,OAAO,kBAAkB;;oBAGN,IAAI;uBACD,EAAE;uBACe,IAAI;qBACN,MAAM;+BACb,IAAI;wBACM,IAAI;qBACQ,CAAC;mBACH,CAAC;mBACD,CAAC;+BAEpB,CAAC;kCACE,CAAC;2BACN,EAAE;yCACU,CAAC;;~~IAE9C~~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","sourcesContent":["import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'pn-bonus-progressbar',\n styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n @Element() hostElement: HTMLElement;\n\n @Prop() icon: string = null;\n @Prop() heading: string = '';\n @Prop({ reflect: true }) sumtext: string = null;\n @Prop({ reflect: true }) theme: string = 'blue';\n @Prop() bonuspercentage: string = '0%';\n @Prop({ reflect: true }) currency: string = 'kr';\n @Prop({ reflect: true, mutable: true }) value: number = 0;\n @Prop({ reflect: true, mutable: true }) min: number = 0;\n @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n @State() valuepercentage: number = 0;\n @State() progresspercentage: number = 0;\n @State() levelValues: number[] = [];\n @State() currentLevelAdjustedValue: number = 0;\n\n componentWillLoad() {\n this.setInitialValues();\n this.setValuePercentage();\n }\n\n setInitialValues() {\n const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n this.currentLevelAdjustedValue = this.value;\n this.levelValues = levelElements.map(elm => {\n return parseInt(elm.getAttribute('value'), 10);\n });\n if (!this.max) {\n if (this.levelValues && this.levelValues.length > 0) {\n const newMax = this.levelValues.slice(-1)[0] as number;\n let modifier = 1.05;\n if (this.value > newMax) {\n modifier = 1.2;\n }\n this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n }\n }\n\n // if (!this.min) {\n // const suggestedMin = Math.floor(this.value * 0.9);\n // if (suggestedMin > 0) {\n // this.min = suggestedMin;\n // }\n // }\n\n if (this.value > this.max) {\n this.currentLevelAdjustedValue = 100;\n }\n }\n\n @Watch('currentLevelAdjustedValue')\n @Watch('value')\n @Watch('min')\n @Watch('max')\n setValuePercentage() {\n this.valuepercentage = (this.value / this.max) * 100;\n this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n if (this.progresspercentage < 0) {\n if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n this.min = Math.floor(this.levelValues[0] * 0.95);\n } else {\n this.min = Math.floor(this.value * 0.95);\n }\n }\n\n if (this.progresspercentage > 100) {\n this.progresspercentage = 100;\n const newMax = this.levelValues.slice(-1)[0] as number;\n let modifier = 1.05;\n if (this.value > newMax) {\n modifier = 1.2;\n }\n this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n // this.max = Math.floor(newMax * 1.20);\n }\n }\n\n iconColor() {\n switch (this.theme) {\n case 'red':\n return 'coral700';\n case 'blue':\n default:\n return 'blue700';\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"bonusprogressbar-top\">\n {this.icon ? (\n <div class=\"bonusprogressbar-top-icon\">\n <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n </div>\n ) : (\n {}\n )}\n <div class=\"bonusprogressbar-top-heading\">\n <h4 class=\"bonusprogressbar-top-headline\">\n {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n </h4>\n {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n </div>\n </div>\n\n <div class=\"bonusprogressbar-wrapper\">\n <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> /}\n {/ <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-bonus-progressbar.js","sourceRoot":"","sources":["../../../../src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'pn-bonus-progressbar',\n styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n @Element() hostElement: HTMLElement;\n\n @Prop() icon: string = null;\n @Prop() heading: string = '';\n @Prop({ reflect: true }) sumtext: string = null;\n @Prop({ reflect: true }) theme: string = 'blue';\n @Prop() bonuspercentage: string = '0%';\n @Prop({ reflect: true }) currency: string = 'kr';\n @Prop({ reflect: true, mutable: true }) value: number = 0;\n @Prop({ reflect: true, mutable: true }) min: number = 0;\n @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n @State() valuepercentage: number = 0;\n @State() progresspercentage: number = 0;\n @State() levelValues: number[] = [];\n @State() currentLevelAdjustedValue: number = 0;\n\n componentWillLoad() {\n this.setInitialValues();\n this.setValuePercentage();\n }\n\n setInitialValues() {\n const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n this.currentLevelAdjustedValue = this.value;\n this.levelValues = levelElements.map(elm => {\n return parseInt(elm.getAttribute('value'), 10);\n });\n if (!this.max) {\n if (this.levelValues && this.levelValues.length > 0) {\n const newMax = this.levelValues.slice(-1)[0] as number;\n let modifier = 1.05;\n if (this.value > newMax) {\n modifier = 1.2;\n }\n this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n }\n }\n\n // if (!this.min) {\n // const suggestedMin = Math.floor(this.value * 0.9);\n // if (suggestedMin > 0) {\n // this.min = suggestedMin;\n // }\n // }\n\n if (this.value > this.max) {\n this.currentLevelAdjustedValue = 100;\n }\n }\n\n @Watch('currentLevelAdjustedValue')\n @Watch('value')\n @Watch('min')\n @Watch('max')\n setValuePercentage() {\n this.valuepercentage = (this.value / this.max) * 100;\n this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n if (this.progresspercentage < 0) {\n if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n this.min = Math.floor(this.levelValues[0] * 0.95);\n } else {\n this.min = Math.floor(this.value * 0.95);\n }\n }\n\n if (this.progresspercentage > 100) {\n this.progresspercentage = 100;\n const newMax = this.levelValues.slice(-1)[0] as number;\n let modifier = 1.05;\n if (this.value > newMax) {\n modifier = 1.2;\n }\n this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n // this.max = Math.floor(newMax * 1.20);\n }\n }\n\n iconColor() {\n switch (this.theme) {\n case 'red':\n return 'coral700';\n case 'blue':\n default:\n return 'blue700';\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"bonusprogressbar-top\">\n {this.icon ? (\n <div class=\"bonusprogressbar-top-icon\">\n <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n </div>\n ) : (\n {}\n )}\n <div class=\"bonusprogressbar-top-heading\">\n <h4 class=\"bonusprogressbar-top-headline\">\n {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n </h4>\n {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n </div>\n </div>\n\n <div class=\"bonusprogressbar-wrapper\">\n <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> /}\n {/ <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}

package/collection/components/input/pn-choice-button/pn-choice-button.js CHANGED Viewed

@@ -9,6 +9,7 @@ export class PnChoiceButton {
         this.checked = false;
         this.indeterminate = false;
     }
+    hostElement;
     handlechange() {
         this.indeterminate = false;
     }