@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/components/pn-footer.js

@@ -2,220 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { o as open_in_new } from './open_in_new.js';
-import { k as awaitTopbar, S as SE, e as en, N as NO } from './helpers.js';
-import { d as defineCustomElement$3 } from './pn-icon2.js';
-import { d as defineCustomElement$2 } from './pn-text-link2.js';
-
-const URLS = {
-    SE: {
-        domain: {
-            sv: 'https://www.postnord.se',
-            en: 'https://www.postnord.se/en',
-        },
-        contact: {
-            sv: 'https://www.postnord.se/kundservice',
-            en: 'https://www.postnord.se/en/help-and-support/contact-us',
-        },
-        cookies: {
-            sv: 'https://www.postnord.se/cookies',
-            en: 'https://www.postnord.se/en/cookies',
-        },
-        privacy: {
-            sv: 'https://www.postnord.se/integritetspolicy',
-            en: 'https://www.postnord.se/en/privacy-policy',
-        },
-        terms: {
-            sv: 'https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf',
-            en: 'https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf',
-        },
-    },
-    DK: {
-        domain: {
-            da: 'https://www.postnord.dk',
-            en: 'https://www.postnord.com/en',
-        },
-        contact: {
-            da: 'https://www.postnord.dk/kundeservice',
-            en: 'https://www.postnord.dk/en/help-and-support',
-        },
-        cookies: {
-            da: 'https://www.postnord.dk/cookies',
-            en: 'https://www.postnord.dk/en/cookies',
-        },
-        privacy: {
-            da: 'https://www.postnord.dk/personlige-oplysninger',
-            en: 'https://www.postnord.se/en/privacy-policy',
-        },
-        terms: {
-            da: 'https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf',
-            en: 'https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser',
-        },
-    },
-    FI: {
-        domain: {
-            fi: 'https://www.postnord.fi',
-            sv: 'https://www.postnord.fi/sv',
-            en: 'https://www.postnord.fi/en',
-        },
-        contact: {
-            fi: 'https://www.postnord.fi/asiakaspalvelu/ota-yhteytta',
-            sv: 'https://www.postnord.fi/sv/kundtjanst',
-            en: 'https://www.postnord.fi/en/customer-service',
-        },
-        cookies: {
-            fi: 'https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista',
-            sv: 'https://www.postnord.fi/sv/integritetspolicy/information-om-cookies',
-            en: 'https://www.postnord.fi/en/privacy-policy/information-about-the-cookies',
-        },
-        privacy: {
-            fi: 'https://www.postnord.fi/yksityisyydensuoja',
-            sv: 'https://www.postnord.fi/sv/integritetspolicy',
-            en: 'https://www.postnord.se/en/privacy-policy',
-        },
-        terms: {
-            fi: 'https://www.postnord.fi/laheta/sopimusehdot',
-            sv: 'https://www.postnord.fi/sv/skicka/villkor',
-            en: 'https://www.postnord.fi/en/sending/terms',
-        },
-    },
-    NO: {
-        domain: {
-            no: 'https://www.postnord.no',
-            en: 'https://www.postnord.no/en',
-        },
-        contact: {
-            no: 'https://www.postnord.no/kundeservice',
-            en: 'https://www.postnord.no/en/contact-postnord',
-        },
-        cookies: {
-            no: 'https://www.postnord.no/cookies',
-            en: 'https://www.postnord.no/en/cookies',
-        },
-        privacy: {
-            no: 'https://www.postnord.no/personvernerklaering',
-            en: 'https://www.postnord.se/en/privacy-policy',
-        },
-    },
-    contact: 'https://portal.postnord.com/customerservice',
-};
-
-const translations = {
-    cookies: {
-        sv: 'Cookies',
-        en: 'Cookies',
-        da: 'Cookies',
-        fi: 'Evästeet',
-        no: 'Cookies',
-    },
-    questions: {
-        sv: 'Undrar du över något?',
-        en: 'Do you have any questions?',
-        da: 'Har du nogen spørgsmål?',
-        fi: 'Onko sinulla kysyttävää?',
-        no: 'Har du noen spørsmål?',
-    },
-    contact: {
-        sv: 'Kontakta oss',
-        en: 'Get in touch',
-        da: 'Kontakt os',
-        fi: 'Ota yhteyttä',
-        no: 'Ta kontakt',
-    },
-    info: {
-        sv: 'Mer information om PostNord hittar du på',
-        en: 'More information about PostNord can be found at',
-        da: 'Mere information om PostNord findes på',
-        fi: 'Lisää tietoa PostNordista löydät osoitteesta',
-        no: 'Du finner mer informasjon om PostNord på',
-    },
-    privacy: {
-        sv: 'Integritetspolicy',
-        en: 'Privacy policy',
-        da: 'Integritetspolitik',
-        fi: 'Yksityisyysasetukset',
-        no: 'Privacy policy',
-    },
-    terms: {
-        sv: 'Villkor',
-        en: 'Terms and conditions',
-        da: 'Vilkår og betingelser',
-        fi: 'Sopimusehdot',
-        no: 'Betingelser og vilkår',
-    },
-};
-
-const pnFooterCss = "pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";
-
-const PnFooter$1 = /*@__PURE__*/ proxyCustomElement(class PnFooter extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get hostElement() { return this; }
-    /** Set the market for the footer. */
-    market = null;
-    /** Set the language for the footer. */
-    language = null;
-    async componentWillLoad() {
-        if (this.market && this.language)
-            return;
-        await awaitTopbar(this.hostElement);
-    }
-    getLink(name) {
-        return URLS?.[this.market || SE]?.[name]?.[this.language || en];
-    }
-    getText(name) {
-        if (name === 'domain')
-            return this.getLink(name)?.replace('https://www.', '');
-        return translations?.[name]?.[this.language];
-    }
-    renderLink(name) {
-        const url = this.getLink(name);
-        const text = this.getText(name);
-        if (url && text) {
-            return h("pn-text-link", { label: text, target: "_blank", rel: "noopener noreferrer", href: url, icon: open_in_new });
-        }
-    }
-    render() {
-        return (h(Host, { key: 'fe2809c0965931f8c0e827cde6e415cf01647b59' }, h("div", { key: '50aaf97c180a81c6a373ea4dcff6e69a07c02701', class: "pn-footer-row" }, h("p", { key: 'af7b0418191aca29d870e56f8f3ed8f6888dad5f' }, this.getText('questions')), this.renderLink('contact')), h("div", { key: '46d8426977ec05cec03e71813849980325c813c3', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), h("div", { key: '33faf842fdb88c02ac31f2761392dc793bea9a44', class: "pn-footer-row" }, h("p", { key: 'c6dcc1d7958ea94a371253284022ddb8cfdf6470' }, this.getText('info')), this.renderLink('domain'))));
-    }
-    static get style() { return pnFooterCss; }
-}, [768, "pn-footer", {
-        "market": [1],
-        "language": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-footer", "pn-icon", "pn-text-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnFooter$1);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pn-text-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnFooter = PnFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnFooter, defineCustomElement };
-//# sourceMappingURL=pn-footer.js.map
-
-//# sourceMappingURL=pn-footer.js.map
+import{transformTag as t,proxyCustomElement as o,HTMLElement as s,h as e,Host as n}from"@stencil/core/internal/client";import{o as i}from"./open_in_new.js";import{k as r,S as p,e as a,N as d}from"./helpers.js";import{d as w}from"./pn-icon2.js";import{d as c}from"./pn-text-link2.js";const l={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"},h={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}},f=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get hostElement(){return this}market=null;language=null;async componentWillLoad(){this.market&&this.language||await r(this.hostElement)}getLink(t){return l?.[this.market||p]?.[t]?.[this.language||a]}getText(t){return"domain"===t?this.getLink(t)?.replace("https://www.",""):h?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t),s=this.getText(t);if(o&&s)return e("pn-text-link",{label:s,target:"_blank",rel:"noopener noreferrer",href:o,icon:i})}render(){return e(n,{key:"5ba1e53dd0dc631bf8bbe878a622ec577224a9f3"},e("div",{key:"530b0e803506fed3cae180d1289535538f64e1bb",class:"pn-footer-row"},e("p",{key:"47e19b88eb7c6860f0921fdacc79686aff3d2b61"},this.getText("questions")),this.renderLink("contact")),e("div",{key:"2986a92cb2183d53c871030db72ef34aa08e847b",class:"pn-footer-row"},this.market!==d&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),e("div",{key:"550a23c5b872b6dc9c69b4e231ce7634d5f12994",class:"pn-footer-row"},e("p",{key:"52871c90b92a2a64fc247ac83fdc62215e54a574"},this.getText("info")),this.renderLink("domain")))}static get style(){return`${t("pn-footer")}{color:#5e554a;padding-bottom:2em;display:block}${t("pn-footer")} .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}${t("pn-footer")} .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}${t("pn-footer")} ${t("pn-text-link")}{margin-right:0.5em}${t("pn-footer")} ${t("pn-text-link")}:last-child{margin-right:0}`}},[512,"pn-footer",{market:[1],language:[1]}]),k=f,m=function(){"undefined"!=typeof customElements&&["pn-footer","pn-icon","pn-text-link"].forEach((o=>{switch(o){case"pn-footer":customElements.get(t(t(o)))||customElements.define(t(t(o)),f);break;case"pn-icon":customElements.get(t(t(o)))||w();break;case"pn-text-link":customElements.get(t(t(o)))||c()}}))};export{k as PnFooter,m as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-header.js

@@ -2,117 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as awaitTopbar, e as en } from './helpers.js';
-import { a as arrow_left } from './arrow_left.js';
-import { d as defineCustomElement$3 } from './pn-icon2.js';
-import { d as defineCustomElement$2 } from './pn-text-link2.js';
-
-const pnHeaderCss = "pn-header{display:block}pn-header h1{color:#2d2013;margin:0}pn-header p{color:#5e554a;margin:0}pn-header .pn-header-breadcrumbs{width:100%}pn-header .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}pn-header .pn-header-container>pn-text-link{display:block}pn-header .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}pn-header .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}";
-
-const translations = {
-    sv: 'Tillbaka',
-    en: 'Back',
-    da: 'Tilbage',
-    fi: 'Takaisin',
-    no: 'Tilbake',
-};
-const PnHeader$1 = /*@__PURE__*/ proxyCustomElement(class PnHeader extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    mo;
-    hasBreadcrumb = false;
-    hasButtons = false;
-    get hostElement() { return this; }
-    /** The `h1` text content. */
-    heading;
-    /** Set a inner container max-width, any width CSS value is accepted.  */
-    maxWidth;
-    setMaxWidth() {
-        if (!this.maxWidth)
-            return;
-        this.hostElement.style.setProperty('--max-width', this.maxWidth);
-    }
-    /** The href for the go back link. If this is provided a button be displayed. */
-    goBackHref;
-    /** The text for the back link. */
-    goBackText;
-    /** Set the language manually, only use this prop if the pnTopbar is not loaded. Supported: sv, en, da, fi and no. */
-    language = null;
-    connectedCallback() {
-        this.mo = new MutationObserver(() => {
-            forceUpdate(this.hostElement);
-            this.checkSlots();
-        });
-        this.mo.observe(this.hostElement, { subtree: true, childList: true });
-    }
-    disconnectedCallback() {
-        this.mo?.disconnect();
-    }
-    async componentWillLoad() {
-        this.checkSlots();
-        this.setMaxWidth();
-        if (this.language === null)
-            await awaitTopbar(this.hostElement);
-    }
-    checkSlots() {
-        this.hasBreadcrumb = !!this.hostElement.querySelector('[slot="breadcrumb"]');
-        this.hasButtons = !!this.hostElement.querySelector('[slot="buttons"]');
-    }
-    showBreadcrumb() {
-        return this.hasBreadcrumb || !!this.goBackHref?.length;
-    }
-    getButtonText() {
-        return this.goBackText || translations[this.language || en];
-    }
-    render() {
-        return (h(Host, { key: '4ab31c34a28867a03ffb2dcc45bb7a29519e63ab' }, h("header", { key: 'ebb14dabe3e3e9ee97b9e798c2e2c9b3524df4ad', class: "pn-header" }, h("div", { key: 'a3231b114bb081ea58a0b2dba79555b0e8ba00a4', class: "pn-header-container" }, h("div", { key: '3867bd8f5a8d15afdd1ba11ed5b1ab3e7208e052', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (h("pn-text-link", { key: 'baceed637e654109cfea59b4f41d5736f9d1fb68', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), h("slot", { key: '1669aaaaf47b0733fe8675bccd9a4690602c0796', name: "breadcrumb" })), h("div", { key: 'e4c1003567130ad41f9d671b5b132d23714c6092', class: "pn-header-content" }, this.heading && h("h1", { key: 'b5ae2f4914e5461757814c21cb61be94b865d87b' }, this.heading), h("slot", { key: '008a40922dedaa60bd29310a4616ca5fa8869560' })), h("div", { key: 'dfbdfe55b2902c49d217406691730432a19acf59', class: "pn-header-buttons", hidden: !this.hasButtons }, h("slot", { key: '2aac6194d1cb0d338aac7d387a1d5a8acca92a27', name: "buttons" })), h("slot", { key: '992426ed4dc9fd0e202487d79f5f94d562266123', name: "menu" })))));
-    }
-    static get watchers() { return {
-        "maxWidth": ["setMaxWidth"]
-    }; }
-    static get style() { return pnHeaderCss; }
-}, [772, "pn-header", {
-        "heading": [1],
-        "maxWidth": [1, "max-width"],
-        "goBackHref": [1, "go-back-href"],
-        "goBackText": [1, "go-back-text"],
-        "language": [1]
-    }, undefined, {
-        "maxWidth": ["setMaxWidth"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-header", "pn-icon", "pn-text-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnHeader$1);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pn-text-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnHeader = PnHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnHeader, defineCustomElement };
-//# sourceMappingURL=pn-header.js.map
-
-//# sourceMappingURL=pn-header.js.map
+import{transformTag as e,proxyCustomElement as a,HTMLElement as t,forceUpdate as n,h as s,Host as i}from"@stencil/core/internal/client";import{k as d,e as c}from"./helpers.js";import{a as r}from"./arrow_left.js";import{d as h}from"./pn-icon2.js";import{d as o}from"./pn-text-link2.js";const l={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"},b=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}mo;hasBreadcrumb=!1;hasButtons=!1;get hostElement(){return this}heading;maxWidth;setMaxWidth(){this.maxWidth&&this.hostElement.style.setProperty("--max-width",this.maxWidth)}goBackHref;goBackText;language=null;connectedCallback(){this.mo=new MutationObserver((()=>{n(this.hostElement),this.checkSlots()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.checkSlots(),this.setMaxWidth(),null===this.language&&await d(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]'),this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}getButtonText(){return this.goBackText||l[this.language||c]}render(){return s(i,{key:"f19310a092999791304499d72c1b8e566949c0d3"},s("header",{key:"c6b50a1d93bf18f2050b37a9bdf69d3706b8aea4",class:"pn-header"},s("div",{key:"7bfa1bd37978daf85d266b7306a71705bdc8cac5",class:"pn-header-container"},s("div",{key:"09ed187b0f201d435c99b3c6e0f245ca48857d47",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"ba657cb77da06d42009738c64d815a23d8dae527",label:this.getButtonText(),href:this.goBackHref,icon:r,leftIcon:!0}),s("slot",{key:"278bf254489dbd76f53e047cd16c247bcfd696eb",name:"breadcrumb"})),s("div",{key:"e9b2e873fb9ed01fabbd669aa7cace973a55cbfa",class:"pn-header-content"},this.heading&&s("h1",{key:"baec009bf6807009ea53d184be9a8c15ea0253a0"},this.heading),s("slot",{key:"7a777967b19a19077486d88d775b4a1c4f9d3134"})),s("div",{key:"46fa0cc4120b341e4a03c60bb865e077c6231986",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"8932d6bbb5e1647be6b666d1879b163575dfd760",name:"buttons"})),s("slot",{key:"afc6e39f45ef72ba762772f84a66cc24fdbcf368",name:"menu"}))))}static get watchers(){return{maxWidth:[{setMaxWidth:0}]}}static get style(){return`${e("pn-header")}{display:block}${e("pn-header")} h1{color:#2d2013;margin:0}${e("pn-header")} p{color:#5e554a;margin:0}${e("pn-header")} .pn-header-breadcrumbs{width:100%}${e("pn-header")} .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}${e("pn-header")} .pn-header-container>${e("pn-text-link")}{display:block}${e("pn-header")} .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}${e("pn-header")} .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}`}},[772,"pn-header",{heading:[1],maxWidth:[1,"max-width"],goBackHref:[1,"go-back-href"],goBackText:[1,"go-back-text"],language:[1]},void 0,{maxWidth:[{setMaxWidth:0}]}]),m=b,p=function(){"undefined"!=typeof customElements&&["pn-header","pn-icon","pn-text-link"].forEach((a=>{switch(a){case"pn-header":customElements.get(e(e(a)))||customElements.define(e(e(a)),b);break;case"pn-icon":customElements.get(e(e(a)))||h();break;case"pn-text-link":customElements.get(e(e(a)))||o()}}))};export{m as PnHeader,p as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-icon.js

@@ -2,12 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { P as PnIcon$1, d as defineCustomElement$1 } from './pn-icon2.js';
-
-const PnIcon = PnIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnIcon, defineCustomElement };
-//# sourceMappingURL=pn-icon.js.map
-
-//# sourceMappingURL=pn-icon.js.map
+import{P as o,d as s}from"./pn-icon2.js";const n=o,p=s;export{n as PnIcon,p as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-icon2.js

@@ -2,71 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as colors, g as gray900 } from './colors.js';
-
-const pnIconCss = "pn-icon{display:inline-block;vertical-align:top;--pn-icon-color:main.$gray900}pn-icon[small] svg{height:1em;width:1em}pn-icon svg{display:block;height:1.5em;width:1.5em}pn-icon .pn-icon-svg>circle,pn-icon .pn-icon-svg>path{fill:var(--pn-icon-color);transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-icon .pn-icon-svg>circle,pn-icon .pn-icon-svg>path{transition-duration:0s;transition-delay:0s}}";
-
-const PnIcon = /*@__PURE__*/ proxyCustomElement(class PnIcon extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get hostElement() { return this; }
-    /**
-     * The SVG content of the icon you want to use.
-     *
-     * Flags cannot be colored.
-     *
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-icon--docs|PostNord Icons (Storybook)}
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-flag--docs|PostNord Flags (Storybook)}
-     **/
-    icon = '';
-    /** Make the icon small (16 instead of 24px). */
-    small = false;
-    /**
-     * Color the icon with one of the follwing colors from our library.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-colors--docs|PostNord Colors (Storybook)}
-     **/
-    color = 'gray900';
-    handleColor() {
-        const color = colors[this.color] || gray900;
-        this.hostElement.style.setProperty('--pn-icon-color', color);
-    }
-    componentWillLoad() {
-        this.handleColor();
-    }
-    render() {
-        return h(Host, { key: 'f63d0b1e54fe91f9fcf33811f6694e604e09929d', role: "presentation", class: "pn-icon", innerHTML: this.icon });
-    }
-    static get watchers() { return {
-        "color": ["handleColor"]
-    }; }
-    static get style() { return pnIconCss; }
-}, [768, "pn-icon", {
-        "icon": [1],
-        "small": [516],
-        "color": [1]
-    }, undefined, {
-        "color": ["handleColor"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnIcon);
-            }
-            break;
-    } });
-}
-
-export { PnIcon as P, defineCustomElement as d };
-//# sourceMappingURL=pn-icon2.js.map
-
-//# sourceMappingURL=pn-icon2.js.map
+import{transformTag as n,proxyCustomElement as o,HTMLElement as i,h as t,Host as e}from"@stencil/core/internal/client";import{c,g as r}from"./colors.js";const s=o(class extends i{constructor(n){super(),!1!==n&&this.__registerHost()}get hostElement(){return this}icon="";small=!1;color="gray900";handleColor(){this.hostElement.style.setProperty("--pn-icon-color",c[this.color]||r)}componentWillLoad(){this.handleColor()}render(){return t(e,{key:"f63d0b1e54fe91f9fcf33811f6694e604e09929d",role:"presentation",class:"pn-icon",innerHTML:this.icon})}static get watchers(){return{color:[{handleColor:0}]}}static get style(){return`${n("pn-icon")}{display:inline-block;vertical-align:top;--pn-icon-color:main.$gray900}${n("pn-icon")}[small] svg{height:1em;width:1em}${n("pn-icon")} svg{display:block;height:1.5em;width:1.5em}${n("pn-icon")} .pn-icon-svg>circle,${n("pn-icon")} .pn-icon-svg>path{fill:var(--pn-icon-color);transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${n("pn-icon")} .pn-icon-svg>circle,${n("pn-icon")} .pn-icon-svg>path{transition-duration:0s;transition-delay:0s}}`}},[512,"pn-icon",{icon:[1],small:[516],color:[1]},void 0,{color:[{handleColor:0}]}]);function l(){"undefined"!=typeof customElements&&["pn-icon"].forEach((o=>{"pn-icon"===o&&(customElements.get(n(n(o)))||customElements.define(n(n(o)),s))}))}export{s as P,l as d}

package/umd/modules/@postnord/web-components/components/pn-illustration.js

@@ -2,12 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { P as PnIllustration$1, d as defineCustomElement$1 } from './pn-illustration2.js';
-
-const PnIllustration = PnIllustration$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnIllustration, defineCustomElement };
-//# sourceMappingURL=pn-illustration.js.map
-
-//# sourceMappingURL=pn-illustration.js.map
+import{P as o,d as s}from"./pn-illustration2.js";const t=o,r=s;export{t as PnIllustration,r as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-illustration2.js

@@ -2,87 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnIllustrationCss = "pn-illustration{display:inline-block}pn-illustration[data-fill]{display:block}pn-illustration>svg{width:var(--pn-width);height:var(--pn-height);display:block}";
-
-const PnIllustration = /*@__PURE__*/ proxyCustomElement(class PnIllustration extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get hostElement() { return this; }
-    /** The SVG content of the illustration you want to use. The viewBox property will be used to determine width/height */
-    illustration;
-    /** Set the width of the SVG element. Any valid CSS width value is allowed */
-    width;
-    /** Set the height of the SVG element. Any valid CSS height value is allowed */
-    height;
-    /** Make the SVG fill to its parent size (sets width/height 100% and `display: block` instead of `inline-block`) */
-    fill = false;
-    handleFill() {
-        if (this.fill) {
-            this.width = '100%';
-            this.height = '100%';
-        }
-    }
-    componentWillRender() {
-        this.handleFill();
-        if (this.width || this.height)
-            return this.setSizes();
-        this.getSizeFromSvg();
-    }
-    componentDidRender() {
-        this.hostElement.querySelector('svg')?.setAttribute('width', this.width);
-        this.hostElement.querySelector('svg')?.setAttribute('height', this.height);
-    }
-    getSizeFromSvg() {
-        const viewBox = this.illustration?.match(/<svg[^>]*?viewBox=(["\'])?((?:.(?!\1|>))*.?)\1?/)?.[2];
-        if (!viewBox)
-            return;
-        const [, , width = '', height = ''] = viewBox?.split(' ') || [];
-        if (!width || !height)
-            return;
-        this.width = `${Number(width)}px`;
-        this.height = `${Number(height)}px`;
-        this.setSizes();
-    }
-    setSizes() {
-        this.hostElement.style.setProperty('--pn-width', this.width);
-        this.hostElement.style.setProperty('--pn-height', this.height);
-    }
-    render() {
-        return h(Host, { key: '3f2e44ec10a5a2fc9fd9a69f94963ab4e79fb877', role: "presentation", innerHTML: this.illustration, "data-fill": this.fill });
-    }
-    static get watchers() { return {
-        "fill": ["handleFill"]
-    }; }
-    static get style() { return pnIllustrationCss; }
-}, [768, "pn-illustration", {
-        "illustration": [1],
-        "width": [1025],
-        "height": [1025],
-        "fill": [4]
-    }, undefined, {
-        "fill": ["handleFill"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-illustration"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-illustration":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnIllustration);
-            }
-            break;
-    } });
-}
-
-export { PnIllustration as P, defineCustomElement as d };
-//# sourceMappingURL=pn-illustration2.js.map
-
-//# sourceMappingURL=pn-illustration2.js.map
+import{transformTag as t,proxyCustomElement as i,HTMLElement as s,h as e,Host as n}from"@stencil/core/internal/client";const l=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get hostElement(){return this}illustration;width;height;fill=!1;handleFill(){this.fill&&(this.width="100%",this.height="100%")}componentWillRender(){if(this.handleFill(),this.width||this.height)return this.setSizes();this.getSizeFromSvg()}componentDidRender(){this.hostElement.querySelector("svg")?.setAttribute("width",this.width),this.hostElement.querySelector("svg")?.setAttribute("height",this.height)}getSizeFromSvg(){const t=this.illustration?.match(/<svg[^>]*?viewBox=(["\'])?((?:.(?!\1|>))*.?)\1?/)?.[2];if(!t)return;const[,,i="",s=""]=t?.split(" ")||[];i&&s&&(this.width=`${Number(i)}px`,this.height=`${Number(s)}px`,this.setSizes())}setSizes(){this.hostElement.style.setProperty("--pn-width",this.width),this.hostElement.style.setProperty("--pn-height",this.height)}render(){return e(n,{key:"3f2e44ec10a5a2fc9fd9a69f94963ab4e79fb877",role:"presentation",innerHTML:this.illustration,"data-fill":this.fill})}static get watchers(){return{fill:[{handleFill:0}]}}static get style(){return`${t("pn-illustration")}{display:inline-block}${t("pn-illustration")}[data-fill]{display:block}${t("pn-illustration")}>svg{width:var(--pn-width);height:var(--pn-height);display:block}`}},[512,"pn-illustration",{illustration:[1],width:[1025],height:[1025],fill:[4]},void 0,{fill:[{handleFill:0}]}]);function h(){"undefined"!=typeof customElements&&["pn-illustration"].forEach((i=>{"pn-illustration"===i&&(customElements.get(t(t(i)))||customElements.define(t(t(i)),l))}))}export{l as P,h as d}