@postnord/pn-marketweb-components 2.1.9 → 2.2.0

package/components/pn-product-pricelist.js

@@ -1,259 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { w as weights } from './data.js';
-import { a as convertFileFromStream } from './convert.js';
-import { a as state, d as defineCustomElement$6 } from './pn-find-price-result2.js';
-import { d as defineCustomElement$5 } from './pn-product-card2.js';
-import { d as defineCustomElement$4 } from './pn-product-card-info2.js';
-import { d as defineCustomElement$3 } from './pn-product-card-price2.js';
-import { d as defineCustomElement$2 } from './pn-titletag2.js';
-
-const translations = {
-  'sv': {
-    'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
-    'deliveryscopeheading': 'Endast leveranser inom Sverige',
-    'resultlistheading': 'Några bra alternativ för dig',
-    'weightlabel': 'Vikt',
-    'maxweightlabel': 'Maxvikt',
-    'maxmeasurementlabel': 'Maxvolym',
-    'senddirectcta': 'Köp online',
-    'stampshopcta': 'Köp frimärken',
-    'message': '*Vid köp hos valfritt ombud',
-    'servicePointHeader': 'Eller hitta närmaste serviceställe',
-    'servicePointLink': 'Sök serviceställe eller brevlåda'
-  },
-  'en': {
-    'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
-    'deliveryscopeheading': 'Deliveries within Sweden only',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Weight',
-    'maxweightlabel': 'Max weight',
-    'maxmeasurementlabel': 'Maximum measurement',
-    'senddirectcta': 'Buy Online',
-    'stampshopcta': 'Buy Stamps',
-    'message': 'When buying from any agent',
-    'servicePointHeader': 'Or find nearest service point',
-    'servicePointLink': 'Search letter-box or service point'
-  },
-  'da': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Vægt',
-    'maxweightlabel': 'Max vægt',
-    'maxmeasurementlabel': 'Maks. Volumen',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
-  },
-  'no': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Kun leveranser innen Sverige',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Vekt',
-    'maxweightlabel': 'Maks vekt',
-    'maxmeasurementlabel': 'Maks volum',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
-  },
-  'fi': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Paino',
-    'maxweightlabel': 'Max paino',
-    'maxmeasurementlabel': 'Max äänenvoimakkuus',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
-  }
-};
-const markets = {
-  'se': {
-    "currency": "kr",
-  },
-  'dk': {
-    "currency": "dk",
-  },
-  'fi': {
-    "currency": " €",
-  },
-  'no': {
-    "currency": "kr",
-  }
-};
-
-const pnProductPricelistCss = "pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:-ms-flexbox;display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
-
-const PnFindProductPricelist = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";
-    this.language = "sv";
-    this.market = "se";
-    this.productid = "";
-    this.filteredItems = [];
-    this.sourceData = { types: [], data: [] };
-    this.gotData = false;
-    this.loading = false;
-    this.postagetype = { value: "" };
-    this.weight = { value: 0, name: "" };
-    this.weightvalue = 0;
-  }
-  componentWillLoad() {
-    this.setState();
-    this.getDataSource().then(() => { });
-  }
-  setState() {
-    if (this.market) {
-      state.market = markets[this.market];
-    }
-    if (this.language && translations[this.language]) {
-      state.i18n = translations[this.language];
-    }
-  }
-  async getDataSource() {
-    if (!this.productid) {
-      return;
-    }
-    this.loading = true;
-    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;
-    const req = await fetch(this.source + cacheBusting);
-    const reqbody = await req.blob();
-    try {
-      const convertedData = await convertFileFromStream(reqbody);
-      this.sourceData = convertedData;
-      this.filterItems();
-    }
-    catch (e) {
-      this.loading = false;
-      console.warn('Unable to parse data');
-    }
-  }
-  filterItems() {
-    var _a;
-    if (!((_a = this.sourceData) === null || _a === void 0 ? void 0 : _a.data)) {
-      console.info('Data has not yet been loaded');
-      return;
-    }
-    this.loading = false;
-    const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);
-    if (productIdItems.length === 0) {
-      return;
-    }
-    this.postagetype.value = productIdItems[0].what;
-    if (!weights[this.postagetype.value] || weights[this.postagetype.value].length === 0) {
-      return;
-    }
-    if (this.weightvalue === 0) {
-      this.weight = weights[this.postagetype.value][0];
-      this.weightvalue = this.weight.value;
-    }
-    // For letters we use grams. Otherwise we use KG
-    const comparisonWeight = (this.weight.abbreviation.toLocaleLowerCase() === "kg" && this.postagetype.value === 'letter') ? this.weight.value * 1000 : this.weight.value;
-    let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);
-    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value
-    if (weightFilteredData.length === 0) {
-      weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);
-      if (weightFilteredData.length > 0) {
-        // We reverse the result array since the map will take the last unique item instead of the first
-        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item["id"], item])).values()];
-        if (uniqueWeightOptions.length > 0) {
-          weightFilteredData = uniqueWeightOptions;
-        }
-      }
-    }
-    this.filteredItems = weightFilteredData;
-    this.gotData = this.filteredItems.length > 0;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "content" }, h("slot", null)), this.loading ? (h("pn-spinner", null)) : null, (this.postagetype.value && weights[this.postagetype.value]) ? (h("div", { class: "weightselection" }, h("div", { class: "weightoption" }, h("div", { class: "weightoption-input" }, h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: state.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
-        if (e && e.target && e.target.value) {
-          const weightNum = parseInt(e.target.value, 10);
-          if (!isNaN(weightNum)) {
-            let matchingWeights = weights[this.postagetype.value].filter((x) => {
-              let weightInGrams = (x.abbreviation === "kg") ? x.value * 1000 : x.value;
-              return weightInGrams >= weightNum;
-            });
-            if (matchingWeights && matchingWeights.length > 0) {
-              this.weight = matchingWeights[0];
-              this.weightvalue = this.weight.value;
-            }
-          }
-        }
-      } }), h("span", { class: "weightoption-input-abbreviation" }, this.weight.abbreviation)), h("div", { class: "weightoption-range" }, h("input", { type: "range", id: "weightrange", name: "weightrange", list: "weightlist", value: (!this.weight.value) ? 0 : weights[this.postagetype.value].findIndex((x) => x.value === this.weightvalue), onChange: (e) => {
-        const value = e.target.value;
-        this.weight = weights[this.postagetype.value][value];
-        this.weightvalue = this.weight.value;
-      }, min: "0",
-      // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }
-      max: weights[this.postagetype.value].length - 1 }), h("datalist", { id: "weightlist" }, weights[this.postagetype.value].map((weight, weightindex) => {
-      let labelText = weight.name;
-      if (weights[this.postagetype.value].length > 6) {
-        labelText = (weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1) ? weight.name : '';
-      }
-      return (h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {}))));
-    })))))) : null, h("div", { class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))));
-  }
-  static get watchers() { return {
-    "market": ["setState"],
-    "language": ["setState"],
-    "postagetype": ["filterItems"],
-    "weightvalue": ["filterItems"]
-  }; }
-  static get style() { return pnProductPricelistCss; }
-}, [4, "pn-product-pricelist", {
-    "source": [1],
-    "language": [1025],
-    "market": [1025],
-    "productid": [1],
-    "filteredItems": [32],
-    "sourceData": [32],
-    "gotData": [32],
-    "loading": [32],
-    "postagetype": [32],
-    "weight": [32],
-    "weightvalue": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-product-pricelist", "pn-find-price-result", "pn-product-card", "pn-product-card-info", "pn-product-card-price", "pn-titletag"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-product-pricelist":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnFindProductPricelist);
-      }
-      break;
-    case "pn-find-price-result":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "pn-product-card":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "pn-product-card-info":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "pn-product-card-price":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "pn-titletag":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnProductPricelist = PnFindProductPricelist;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProductPricelist, defineCustomElement };

package/components/pn-product-tile-info.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProductTileInfo extends Components.PnProductTileInfo, HTMLElement {}
-export const PnProductTileInfo: {
-  prototype: PnProductTileInfo;
-  new (): PnProductTileInfo;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-product-tile-info.js

@@ -1,6 +0,0 @@
-import { P as PnProductTileInfo$1, d as defineCustomElement$1 } from './pn-product-tile-info2.js';
-
-const PnProductTileInfo = PnProductTileInfo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProductTileInfo, defineCustomElement };

package/components/pn-product-tile-info2.js

@@ -1,38 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
-
-const pnProductTileInfoCss = "pn-product-tile-info{-ms-flex-item-align:center;align-self:center}";
-
-const PnProductTileInfo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = undefined;
-    this.text = undefined;
-    this.icon = undefined;
-  }
-  render() {
-    return (h(Host, null, (this.label) ? (h("p", null, h("small", null, this.label))) : null, (this.text) ? (h("h3", null, this.text)) : null));
-  }
-  static get style() { return pnProductTileInfoCss; }
-}, [0, "pn-product-tile-info", {
-    "label": [1],
-    "text": [1],
-    "icon": [1]
-  }]);
-h("pn-icon", { symbol: "align-center", small: "false", color: "black" });
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-product-tile-info"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-product-tile-info":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProductTileInfo);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProductTileInfo as P, defineCustomElement as d };

package/components/pn-product-tile-price.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProductTilePrice extends Components.PnProductTilePrice, HTMLElement {}
-export const PnProductTilePrice: {
-  prototype: PnProductTilePrice;
-  new (): PnProductTilePrice;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-product-tile-price.js

@@ -1,6 +0,0 @@
-import { P as PnProductTilePrice$1, d as defineCustomElement$1 } from './pn-product-tile-price2.js';
-
-const PnProductTilePrice = PnProductTilePrice$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProductTilePrice, defineCustomElement };

package/components/pn-product-tile-price2.js

@@ -1,42 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProductTilePriceCss = "pn-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005D92}pn-product-tile-price a h3{text-decoration:underline}";
-
-const PnProductTilePrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = undefined;
-    this.amount = undefined;
-    this.currency = undefined;
-    this.url = undefined;
-  }
-  render() {
-    if (!this.amount) {
-      return;
-    }
-    return (this.url) ? (h(Host, null, h("h3", null, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null), (this.label) ? (h("a", { href: this.url }, h("pn-button", { small: "true", icon: "arrow-right" }, this.label))) : null)) : (h(Host, null, h("h3", null, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null)));
-  }
-  static get style() { return pnProductTilePriceCss; }
-}, [0, "pn-product-tile-price", {
-    "label": [1],
-    "amount": [1],
-    "currency": [1],
-    "url": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-product-tile-price"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-product-tile-price":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProductTilePrice);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProductTilePrice as P, defineCustomElement as d };

package/components/pn-product-tile.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProductTile extends Components.PnProductTile, HTMLElement {}
-export const PnProductTile: {
-  prototype: PnProductTile;
-  new (): PnProductTile;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-product-tile.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProductTileCss = "pn-product-tile{margin-bottom:1em;border:0.1rem solid #D3CECB;outline:none;background:white;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;-ms-flex-item-align:center;align-self:center}pn-product-tile .tilecontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}pn-product-tile .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-tile .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;max-width:66.6666666667%;-ms-flex-flow:wrap;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";
-
-const PnProductTile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, null, h("slot", { name: "illustration" }), h("div", { class: "tilecontent" }, h("div", { class: "details" }, h("slot", { name: "content" }), h("div", { class: "info" }, h("slot", null)), h("slot", { name: "note" })), h("slot", { name: "price" }))));
-  }
-  static get style() { return pnProductTileCss; }
-}, [4, "pn-product-tile"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-product-tile"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-product-tile":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProductTile$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnProductTile = PnProductTile$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProductTile, defineCustomElement };

package/components/pn-profile-modal-customernumber.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProfileModalCustomernumber extends Components.PnProfileModalCustomernumber, HTMLElement {}
-export const PnProfileModalCustomernumber: {
-  prototype: PnProfileModalCustomernumber;
-  new (): PnProfileModalCustomernumber;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-profile-modal-customernumber.js

@@ -1,46 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const pnProfileModalCustomernumberCss = ".pn-profile-modal-customernumber-button{display:block;border:0;margin:0;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;padding:0.8rem;font-weight:400;font-size:1.4rem;border-radius:0.8rem;line-height:1.4;-webkit-transition:background 0.15s ease;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-customernumber-button:hover,.pn-profile-modal-customernumber-button:focus,.pn-profile-modal-customernumber-button:active{background:#EFFBFF}";
-
-const PnProfileModalCustomernumber$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.urlSelected = createEvent(this, "urlSelected", 7);
-    this.url = null;
-    this.customernumber = null;
-    this.selected = false;
-  }
-  onCustomerNumberClick() {
-    this.selected = true;
-    this.urlSelected.emit(this.url);
-  }
-  render() {
-    return (h(Host, null, h("button", { class: "pn-profile-modal-customernumber-button", onClick: this.onCustomerNumberClick.bind(this) }, h("slot", null))));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnProfileModalCustomernumberCss; }
-}, [4, "pn-profile-modal-customernumber", {
-    "url": [513],
-    "customernumber": [513],
-    "selected": [516]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-profile-modal-customernumber"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-profile-modal-customernumber":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProfileModalCustomernumber$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnProfileModalCustomernumber = PnProfileModalCustomernumber$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProfileModalCustomernumber, defineCustomElement };

package/components/pn-profile-modal-profile.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProfileModalProfile extends Components.PnProfileModalProfile, HTMLElement {}
-export const PnProfileModalProfile: {
-  prototype: PnProfileModalProfile;
-  new (): PnProfileModalProfile;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-profile-modal-profile.js

@@ -1,71 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './pn-profile-modal-store.js';
-
-const pnProfileModalProfileCss = "pn-profile-modal-type[selected=true]:not([selected-profile=\"\"]) pn-profile-modal-profile[selected=false]{display:none}.pn-profile-modal-profile-listitem{overflow:hidden;max-height:10rem;-webkit-transition:max-height 0.15s ease;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-listitem[aria-hidden=true]{max-height:0;opacity:0}.pn-profile-modal-profile-listitem-button{padding:0.8rem;margin:0;background:#FFFFFF;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;border-radius:0.8rem;-webkit-transition:background 0.15s ease;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-profile-listitem-button:hover,.pn-profile-modal-profile-listitem-button:focus,.pn-profile-modal-profile-listitem-button:active{background:#EFFBFF}.pn-profile-modal-profile-listitem[aria-hidden=true] .pn-profile-modal-profile-listitem-button{display:none}.pn-profile-modal-profile-listitem-heading{color:#005D92;font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-listitem-description{color:#5E554A;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details{max-height:300rem;-webkit-transition:max-height 0.15s ease;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden}.pn-profile-modal-profile-details>pn-button{position:relative;margin-left:-1.2rem}.pn-profile-modal-profile-details>pn-button .pn-button-content{font-weight:500}.pn-profile-modal-profile-details-company{border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB;padding:0.8rem 0.8rem;margin:1.6rem 0}.pn-profile-modal-profile-details-label{font-size:1.4rem;font-weight:500;margin-bottom:1.2rem}.pn-profile-modal-profile-details-company-heading{font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-details-company-description{color:#5E554A;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;padding:0 0}.pn-profile-modal-profile-details-list-label{font-size:1.4rem;font-weight:500;margin:0 0 0 0.8rem}";
-
-const PnProfileModalProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.urlSelected = createEvent(this, "urlSelected", 7);
-    this.showCustomerNumbersEvent = createEvent(this, "showCustomerNumbersEvent", 7);
-    this.heading = null;
-    this.description = null;
-    this.url = null;
-    this.selected = false;
-    this.showCustomerNumbers = false;
-    this.pleaseSelectText = "";
-    this.visible = false;
-    this.identifier = '';
-  }
-  componentWillLoad() {
-    this.identifier = this.heading + this.url;
-  }
-  onProfileOptionClick() {
-    this.selected = true;
-    if (this.url) {
-      this.urlSelected.emit(this.url);
-      // TODO: emit event with URL to parent
-    }
-    else {
-      // TODO: Open customer number selection
-      state.selectedProfile = this.identifier;
-    }
-  }
-  render() {
-    return (h(Host, { selected: this.selected + '' }, h("div", { class: "pn-profile-modal-profile-listitem", "aria-hidden": (!!(state.selectedProfile) + '') }, h("button", { class: "pn-profile-modal-profile-listitem-button", onClick: this.onProfileOptionClick.bind(this) }, h("div", { class: "pn-profile-modal-profile-listitem-heading" }, this.heading), h("div", { class: "pn-profile-modal-profile-listitem-description" }, this.description))), h("div", { class: "pn-profile-modal-profile-details", "aria-hidden": (!(state.selectedProfile === this.identifier)) + '' }, h("pn-button", { appearance: "light", variant: "borderless", icon: "arrow-left", "left-icon": "true", small: "true", onClick: () => {
-        this.selected = false;
-        state.selectedProfile = '';
-      } }, state.i18n.toText, " ", state.selectedType), h("div", { class: "pn-profile-modal-profile-details-company" }, h("div", { class: "pn-profile-modal-profile-details-label" }, state.i18n.choosenCompanyText), h("div", { class: "pn-profile-modal-profile-details-company-heading" }, this.heading), h("div", { class: "pn-profile-modal-profile-details-company-description" }, this.description)), h("div", { class: "pn-profile-modal-profile-details-list" }, h("div", { class: "pn-profile-modal-profile-details-list-label" }, this.pleaseSelectText), h("slot", null)))));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnProfileModalProfileCss; }
-}, [4, "pn-profile-modal-profile", {
-    "heading": [513],
-    "description": [513],
-    "url": [513],
-    "selected": [1028],
-    "showCustomerNumbers": [516, "show-customer-numbers"],
-    "pleaseSelectText": [513, "please-select-text"],
-    "visible": [1540],
-    "identifier": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-profile-modal-profile"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-profile-modal-profile":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProfileModalProfile$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnProfileModalProfile = PnProfileModalProfile$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProfileModalProfile, defineCustomElement };

package/components/pn-profile-modal-type.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProfileModalType extends Components.PnProfileModalType, HTMLElement {}
-export const PnProfileModalType: {
-  prototype: PnProfileModalType;
-  new (): PnProfileModalType;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-profile-modal-type.js

@@ -1,56 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './pn-profile-modal-store.js';
-
-const pnProfileModalTypeCss = "pn-profile-modal-type{display:-ms-flexbox;display:flex;width:100%;padding:3.2rem 0 1.2rem;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:-ms-flexbox;display:flex;opacity:1}";
-
-const PnProfileModalType$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.typeid = "";
-    this.name = "false";
-    this.selected = false;
-    this.selectedprofile = null;
-  }
-  onSelectedChange() {
-    if (this.selected) {
-      state.selectedType = this.name;
-    }
-    state.selectedProfile = '';
-    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map((x) => {
-      x.setAttribute("selected", 'false');
-    });
-  }
-  render() {
-    return (h(Host, { selected: (state.selectedType === this.name) + '', "selected-profile": state.selectedProfile + '' }, h("slot", null)));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "selected": ["onSelectedChange"]
-  }; }
-  static get style() { return pnProfileModalTypeCss; }
-}, [4, "pn-profile-modal-type", {
-    "typeid": [513],
-    "name": [1025],
-    "selected": [1028],
-    "selectedprofile": [1025]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-profile-modal-type"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-profile-modal-type":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProfileModalType$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnProfileModalType = PnProfileModalType$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProfileModalType, defineCustomElement };

package/components/pn-profile-modal.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProfileModal extends Components.PnProfileModal, HTMLElement {}
-export const PnProfileModal: {
-  prototype: PnProfileModal;
-  new (): PnProfileModal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;