@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

@@ -2,300 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as arrow_left } from './arrow_left.js';
-import { a as arrow_right } from './arrow_right.js';
-import { k as awaitTopbar, e as en } from './helpers.js';
-import { d as defineCustomElement$5 } from './pn-button2.js';
-import { d as defineCustomElement$4 } from './pn-icon2.js';
-import { d as defineCustomElement$3 } from './pn-select2.js';
-import { d as defineCustomElement$2 } from './pn-spinner2.js';
-
-const translations = {
-    PAGINATION: {
-        sv: 'Paginering',
-        en: 'Pagination',
-        da: 'Paginering',
-        fi: 'Sivunumerointi',
-        no: 'Paginering',
-    },
-    PAGE: {
-        sv: 'Sida',
-        en: 'Page',
-        da: 'Side',
-        fi: 'Sivu',
-        no: 'Side',
-    },
-    PREVIOUS_PAGE: {
-        sv: 'Föregående sida',
-        en: 'Previous page',
-        da: 'Forrige side',
-        fi: 'Edellinen sivu',
-        no: 'Forrige side',
-    },
-    NEXT_PAGE: {
-        sv: 'Nästa sida',
-        en: 'Next page',
-        da: 'Næste side',
-        fi: 'Seuraava sivu',
-        no: 'Neste side',
-    },
-    ROWS_PAGE: {
-        sv: 'Object per sida',
-        en: 'Items per page',
-        da: 'Varer pr. side',
-        fi: 'Kohteita per sivu',
-        no: 'Elementer per side',
-    },
-};
-
-const pnPaginationCss = "pn-pagination{display:block;margin-top:1.5em}pn-pagination .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}pn-pagination .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}pn-pagination .pn-pagination-container[data-right]{margin-right:0}pn-pagination .pn-pagination-container>[data-arrow]{display:none}pn-pagination .pn-pagination-container>[data-arrow][data-show]{display:inline-block}pn-pagination .pn-pagination-rows{flex:0 0 auto;margin-right:auto}pn-pagination .pn-pagination-pages{flex:0 0 auto;margin-left:auto}pn-pagination .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}pn-pagination .pn-pagination-list pn-button>.pn-button{padding:0.375em 0.75em}pn-pagination .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}pn-pagination .pn-pagination-dot[data-show]{display:inline-block}";
-
-const PnPagination$1 = /*@__PURE__*/ proxyCustomElement(class PnPagination extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.pageSelected = createEvent(this, "pageSelected", 7);
-        this.rowsSelected = createEvent(this, "rowsSelected", 7);
-    }
-    listElement;
-    get hostElement() { return this; }
-    list;
-    /** Set a label for the pagination element for screen readers. It defaults to `Pagination`. */
-    label;
-    /** Set a custom URL template. Use `{page}` within the string to position where the dynamic page number should be. */
-    urlTemplate = '?page={page}';
-    /** Set a HTML id on the pagination element. */
-    paginationId = null;
-    /** Manually set the language. */
-    language = null;
-    /**
-     * Set which page the user is currently viewing.
-     * Use this to set an inital page or if the selected page is changed from outside this component.
-     *
-     * @category Pages
-     **/
-    page = 1;
-    /** Set how many pages are available. @category Pages */
-    pages;
-    /** Set how many pages should be visible at one time. Use an odd number. Minimum is `5`. @category Pages */
-    pagesVisible = 5;
-    /**
-     * Allow the user to decide how many items should be shown per page.
-     * Make sure this value exists in the `rowsList` string.
-     *
-     * @see {@link rowsList}
-     * @category Rows per page
-     * */
-    rows = null;
-    /**
-     * Set available items per page options the user can select. Use a comma separated string.
-     *
-     * @see {@link rows}
-     * @category Rows per page
-     * */
-    rowsList = '10,25,50';
-    /**
-     * Default label is "Items per page".
-     * @see {@link rows}
-     * @category Rows per page
-     * */
-    rowsLabel = null;
-    handlePage() {
-        if (this.page > this.pages)
-            this.page = this.pages;
-        else if (this.page < 1)
-            this.page = 1;
-    }
-    handlePages() {
-        const list = [];
-        if (this.pages > 10000) {
-            console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);
-            this.pages = 10000;
-        }
-        for (let index = 0; this.pages > index; index++) {
-            const page = index + 1;
-            list.push({ index, page });
-        }
-        this.list = list;
-        this.handlePage();
-    }
-    handlePagesVisible() {
-        if (5 > this.pagesVisible)
-            this.pagesVisible = 5;
-        if (this.pagesVisible % 2 === 0)
-            this.pagesVisible = Math.round(this.pagesVisible) - 1;
-    }
-    /** Emitted when the page is changed. Either via clicking a link or selecting a page in the select. */
-    pageSelected;
-    /** This event fires when the user changes how many items should be shown per page. */
-    rowsSelected;
-    async componentWillLoad() {
-        this.handlePagesVisible();
-        this.handlePages();
-        if (this.language === null)
-            await awaitTopbar(this.hostElement);
-    }
-    translate(prop) {
-        return translations[prop][this.language || en];
-    }
-    isActivePage(page) {
-        return page === this.page;
-    }
-    navigate({ page, event, focus }) {
-        if (typeof page === 'number' && page >= 1 && this.pages >= page)
-            this.page = page;
-        this.pageSelected.emit({ page: this.page, mouse: event });
-        if (focus)
-            requestAnimationFrame(() => {
-                const element = this.listElement.querySelector('a[aria-current="page"]');
-                element?.focus({ preventScroll: true });
-            });
-    }
-    useRowList() {
-        return !!this.rows && !!this.rowsList;
-    }
-    setRows(event) {
-        const target = event.target;
-        this.rows = Number(target.value);
-        this.rowsSelected.emit({ rows: this.rows, change: event });
-    }
-    getRowList() {
-        return this.rowsList.split(',').map(item => Number(item.trim()));
-    }
-    /** Get the page numbers of the lowest and highest visible page. */
-    getPaginationIndex() {
-        const current = this.page;
-        let low = current - Math.ceil(this.pagesVisible / 2);
-        let high = current + Math.floor(this.pagesVisible / 2);
-        for (let i = 0; this.pagesVisible > i; i++) {
-            if (low < 0) {
-                high++;
-                low++;
-            }
-            else if (high > this.pages) {
-                high--;
-                low--;
-            }
-        }
-        const lowest = 0 > low ? 0 : low;
-        const leftIndent = lowest >= 1;
-        const rightIndent = this.pages > high;
-        return {
-            low: rightIndent && leftIndent ? lowest + 1 : lowest,
-            high: rightIndent && leftIndent ? high - 1 : high,
-            leftIndent,
-            rightIndent,
-        };
-    }
-    getPagination() {
-        const { low, high } = this.getPaginationIndex();
-        return this.list.slice(low, high);
-    }
-    getUrl(page) {
-        return this.setPageText(this.urlTemplate, page);
-    }
-    setPageText(text, page) {
-        return text.replace('{page}', page.toString());
-    }
-    getPrevPage() {
-        let page = this.page;
-        return page > 1 ? (page -= 1) : 1;
-    }
-    getNextPage() {
-        let page = this.page;
-        return this.pages > page ? (page += 1) : this.pages;
-    }
-    showIntendation(last = false) {
-        const { leftIndent, rightIndent } = this.getPaginationIndex();
-        return last ? rightIndent : leftIndent;
-    }
-    renderDivider(last = false) {
-        return (h("span", { class: "pn-pagination-dot", "data-show": this.showIntendation(last) }, "..."));
-    }
-    renderButton({ page, dataAttr }) {
-        const active = this.isActivePage(page);
-        return (h("pn-button", { label: page.toString(), arialabel: `${this.translate('PAGE')} ${page}`, ariacurrent: active ? 'page' : null, href: this.getUrl(page), variant: active ? 'outlined' : '', appearance: "light", small: true, "data-arrow": dataAttr, "data-show": dataAttr && this.showIntendation(dataAttr === 'last'), onPnClick: ({ detail }) => this.navigate({ page, event: detail, focus: true }) }));
-    }
-    renderItem({ page }) {
-        return (h("li", { class: "pn-pagination-list-item", "aria-setsize": this.pages, "aria-posinset": page }, this.renderButton({ page })));
-    }
-    renderJumpButton(last = false) {
-        const rel = last ? 'next' : 'prev';
-        const icon = last ? arrow_right : arrow_left;
-        const page = last ? this.getNextPage() : this.getPrevPage();
-        const current = last ? this.pages === this.page : 1 === this.page;
-        const text = last ? 'NEXT_PAGE' : 'PREVIOUS_PAGE';
-        const showPageNumber = current ? '' : ` (${page})`;
-        const label = `${this.translate(text)}${showPageNumber}`;
-        return (h("pn-button", { arialabel: label, ariacurrent: current ? 'page' : null, href: this.getUrl(page), rel: current ? null : rel, appearance: "light", small: true, icon: icon, iconOnly: true, onPnClick: ({ detail }) => this.navigate({ page, event: detail }) }));
-    }
-    render() {
-        return (h(Host, { key: '5fe7c43a2c1a1b3e3e09c3cb625ccd8015f03c8d' }, h("nav", { key: '7c10baf63705e2a3b928bd15808760979acd7a6a', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (h("pn-select", { key: '3302bd04ba2bfca801deb272db8a1d50dc19bf15', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (h("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), h("div", { key: '73ce924eb7ee536dec266d66e736ce8d71f9c86f', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), h("ol", { key: '88259c56bd773dfa07c494552020e01a270685b6', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
-    }
-    static get watchers() { return {
-        "page": ["handlePage"],
-        "pages": ["handlePages"],
-        "pagesVisible": ["handlePagesVisible"]
-    }; }
-    static get style() { return pnPaginationCss; }
-}, [768, "pn-pagination", {
-        "label": [1],
-        "urlTemplate": [1, "url-template"],
-        "paginationId": [1, "pagination-id"],
-        "language": [1],
-        "page": [1538],
-        "pages": [1026],
-        "pagesVisible": [1026, "pages-visible"],
-        "rows": [1026],
-        "rowsList": [1, "rows-list"],
-        "rowsLabel": [1, "rows-label"],
-        "list": [32]
-    }, undefined, {
-        "page": ["handlePage"],
-        "pages": ["handlePages"],
-        "pagesVisible": ["handlePagesVisible"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-pagination", "pn-button", "pn-icon", "pn-select", "pn-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnPagination$1);
-            }
-            break;
-        case "pn-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pn-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pn-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnPagination = PnPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnPagination, defineCustomElement };
-//# sourceMappingURL=pn-pagination.js.map
-
-//# sourceMappingURL=pn-pagination.js.map
+import{transformTag as e,proxyCustomElement as t,HTMLElement as i,createEvent as a,h as n,Host as s}from"@stencil/core/internal/client";import{a as r}from"./arrow_left.js";import{a as p}from"./arrow_right.js";import{k as o,e as l}from"./helpers.js";import{d as g}from"./pn-button2.js";import{d as h}from"./pn-icon2.js";import{d}from"./pn-select2.js";import{d as c}from"./pn-spinner2.js";const u={PAGINATION:{sv:"Paginering",en:"Pagination",da:"Paginering",fi:"Sivunumerointi",no:"Paginering"},PAGE:{sv:"Sida",en:"Page",da:"Side",fi:"Sivu",no:"Side"},PREVIOUS_PAGE:{sv:"Föregående sida",en:"Previous page",da:"Forrige side",fi:"Edellinen sivu",no:"Forrige side"},NEXT_PAGE:{sv:"Nästa sida",en:"Next page",da:"Næste side",fi:"Seuraava sivu",no:"Neste side"},ROWS_PAGE:{sv:"Object per sida",en:"Items per page",da:"Varer pr. side",fi:"Kohteita per sivu",no:"Elementer per side"}},m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageSelected=a(this,"pageSelected",7),this.rowsSelected=a(this,"rowsSelected",7)}listElement;get hostElement(){return this}list;label;urlTemplate="?page={page}";paginationId=null;language=null;page=1;pages;pagesVisible=5;rows=null;rowsList="10,25,50";rowsLabel=null;handlePage(){this.page>this.pages?this.page=this.pages:this.page<1&&(this.page=1)}handlePages(){const e=[];this.pages>1e4&&(console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`),this.pages=1e4);for(let t=0;this.pages>t;t++)e.push({index:t,page:t+1});this.list=e,this.handlePage()}handlePagesVisible(){5>this.pagesVisible&&(this.pagesVisible=5),this.pagesVisible%2==0&&(this.pagesVisible=Math.round(this.pagesVisible)-1)}pageSelected;rowsSelected;async componentWillLoad(){this.handlePagesVisible(),this.handlePages(),null===this.language&&await o(this.hostElement)}translate(e){return u[e][this.language||l]}isActivePage(e){return e===this.page}navigate({page:e,event:t,focus:i}){"number"==typeof e&&e>=1&&this.pages>=e&&(this.page=e),this.pageSelected.emit({page:this.page,mouse:t}),i&&requestAnimationFrame((()=>{const e=this.listElement.querySelector('a[aria-current="page"]');e?.focus({preventScroll:!0})}))}useRowList(){return!!this.rows&&!!this.rowsList}setRows(e){this.rows=Number(e.target.value),this.rowsSelected.emit({rows:this.rows,change:e})}getRowList(){return this.rowsList.split(",").map((e=>Number(e.trim())))}getPaginationIndex(){const e=this.page;let t=e-Math.ceil(this.pagesVisible/2),i=e+Math.floor(this.pagesVisible/2);for(let e=0;this.pagesVisible>e;e++)t<0?(i++,t++):i>this.pages&&(i--,t--);const a=0>t?0:t,n=a>=1,s=this.pages>i;return{low:s&&n?a+1:a,high:s&&n?i-1:i,leftIndent:n,rightIndent:s}}getPagination(){const{low:e,high:t}=this.getPaginationIndex();return this.list.slice(e,t)}getUrl(e){return this.setPageText(this.urlTemplate,e)}setPageText(e,t){return e.replace("{page}",""+t)}getPrevPage(){let e=this.page;return e>1?e-=1:1}getNextPage(){let e=this.page;return this.pages>e?e+=1:this.pages}showIntendation(e=!1){const{leftIndent:t,rightIndent:i}=this.getPaginationIndex();return e?i:t}renderDivider(e=!1){return n("span",{class:"pn-pagination-dot","data-show":this.showIntendation(e)},"...")}renderButton({page:e,dataAttr:t}){const i=this.isActivePage(e);return n("pn-button",{label:""+e,arialabel:`${this.translate("PAGE")} ${e}`,ariacurrent:i?"page":null,href:this.getUrl(e),variant:i?"outlined":"",appearance:"light",small:!0,"data-arrow":t,"data-show":t&&this.showIntendation("last"===t),onPnClick:({detail:t})=>this.navigate({page:e,event:t,focus:!0})})}renderItem({page:e}){return n("li",{class:"pn-pagination-list-item","aria-setsize":this.pages,"aria-posinset":e},this.renderButton({page:e}))}renderJumpButton(e=!1){const t=e?"next":"prev",i=e?p:r,a=e?this.getNextPage():this.getPrevPage(),s=e?this.pages===this.page:1===this.page,o=s?"":` (${a})`,l=`${this.translate(e?"NEXT_PAGE":"PREVIOUS_PAGE")}${o}`;return n("pn-button",{arialabel:l,ariacurrent:s?"page":null,href:this.getUrl(a),rel:s?null:t,appearance:"light",small:!0,icon:i,iconOnly:!0,onPnClick:({detail:e})=>this.navigate({page:a,event:e})})}render(){return n(s,{key:"4b78edcca36adfd17035e9bed30ae5af6918d6e8"},n("nav",{key:"600dd0a880e03b9b5e98de4ee2d55134a0a90b8e",id:this.paginationId,class:"pn-pagination","aria-label":this.label||this.translate("PAGINATION")},this.useRowList()&&n("pn-select",{key:"8cca49bb36c9b10fa05e7637acec36e28b25fb8e",class:"pn-pagination-rows",label:this.rowsLabel||this.translate("ROWS_PAGE"),onChange:e=>this.setRows(e)},this.getRowList().map((e=>n("option",{value:e,selected:this.rows===Number(e),innerHTML:""+e})))),n("div",{key:"d3fc1f233ab4d62c868a8a0a2076d7666d5dd53a",class:"pn-pagination-container","data-right":this.useRowList()},this.renderJumpButton(),this.renderButton({page:1,dataAttr:"first"}),this.renderDivider(),n("ol",{key:"17be56bca6cd83e7f7dc3174e2e92d91a05930dd",class:"pn-pagination-list",ref:e=>this.listElement=e},this.getPagination().map((e=>this.renderItem(e)))),this.renderDivider(!0),this.renderButton({page:this.pages,dataAttr:"last"}),this.renderJumpButton(!0))))}static get watchers(){return{page:[{handlePage:0}],pages:[{handlePages:0}],pagesVisible:[{handlePagesVisible:0}]}}static get style(){return`${e("pn-pagination")}{display:block;margin-top:1.5em}${e("pn-pagination")} .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}${e("pn-pagination")} .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}${e("pn-pagination")} .pn-pagination-container[data-right]{margin-right:0}${e("pn-pagination")} .pn-pagination-container>[data-arrow]{display:none}${e("pn-pagination")} .pn-pagination-container>[data-arrow][data-show]{display:inline-block}${e("pn-pagination")} .pn-pagination-rows{flex:0 0 auto;margin-right:auto}${e("pn-pagination")} .pn-pagination-pages{flex:0 0 auto;margin-left:auto}${e("pn-pagination")} .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}${e("pn-pagination")} .pn-pagination-list ${e("pn-button")}>.pn-button{padding:0.375em 0.75em}${e("pn-pagination")} .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}${e("pn-pagination")} .pn-pagination-dot[data-show]{display:inline-block}`}},[512,"pn-pagination",{label:[1],urlTemplate:[1,"url-template"],paginationId:[1,"pagination-id"],language:[1],page:[1538],pages:[1026],pagesVisible:[1026,"pages-visible"],rows:[1026],rowsList:[1,"rows-list"],rowsLabel:[1,"rows-label"],list:[32]},void 0,{page:[{handlePage:0}],pages:[{handlePages:0}],pagesVisible:[{handlePagesVisible:0}]}]),b=m,f=function(){"undefined"!=typeof customElements&&["pn-pagination","pn-button","pn-icon","pn-select","pn-spinner"].forEach((t=>{switch(t){case"pn-pagination":customElements.get(e(e(t)))||customElements.define(e(e(t)),m);break;case"pn-button":customElements.get(e(e(t)))||g();break;case"pn-icon":customElements.get(e(e(t)))||h();break;case"pn-select":customElements.get(e(e(t)))||d();break;case"pn-spinner":customElements.get(e(e(t)))||c()}}))};export{b as PnPagination,f as defineCustomElement}

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

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

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

@@ -2,119 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as alert_exclamation_circle } from './alert_exclamation_circle.js';
-import { c as check_circle } from './check_circle.js';
-import { u as uuidv4 } from './helpers.js';
-import { d as defineCustomElement$1 } from './pn-icon2.js';
-
-const pnProgressBarCss = "pn-progress-bar .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}pn-progress-bar .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}pn-progress-bar .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}pn-progress-bar .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-bar .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){pn-progress-bar .pn-progress-bar-value{transition-duration:0s}}pn-progress-bar .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-bar .pn-progress-bar-value[data-error]{background-color:#a70707}";
-
-const PnProgressBar = /*@__PURE__*/ proxyCustomElement(class PnProgressBar extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    uniqueId = uuidv4();
-    idProgress = `pn-progress-bar-${this.uniqueId}`;
-    idLabel = `${this.idProgress}-label`;
-    idText = `${this.idProgress}-text`;
-    get hostElement() { return this; }
-    progressPercentage;
-    /** Set a label for the progress bar */
-    label;
-    /** Progress value, 0-100 */
-    progress = 0;
-    /** Replaces the default progress percentage text */
-    progressText;
-    /** Text shown on success (100%)  */
-    successText;
-    /** Trigger an error and display a message */
-    error;
-    /** A unique HTML id fror the progress bar */
-    progressId = this.idProgress;
-    setProgress() {
-        if (!Number.isInteger(this.progress))
-            return;
-        const progressWidth = this.progress < 100 ? Math.ceil(this.progress) : 100;
-        this.progressPercentage = `${progressWidth.toString()}%`;
-        this.hostElement.style.setProperty('--progress-value', this.progressPercentage);
-    }
-    componentWillLoad() {
-        this.setProgress();
-    }
-    hasLabel() {
-        return !!this.label?.length;
-    }
-    hasText() {
-        return !!this.successText?.length;
-    }
-    hasError() {
-        return !!this.error?.length;
-    }
-    isValid() {
-        return this.progress === 100;
-    }
-    hasIcon() {
-        return this.isValid() || this.hasError();
-    }
-    getSubtext() {
-        if (this.hasError())
-            return this.error;
-        if (this.isValid() && this.hasText())
-            return this.successText;
-        return this.progressText ? this.progressText : this.progressPercentage;
-    }
-    getIconSvg() {
-        if (this.hasError())
-            return alert_exclamation_circle;
-        return check_circle;
-    }
-    getIconColor() {
-        if (this.hasError())
-            return 'warning';
-        return 'green500';
-    }
-    render() {
-        return (h(Host, { key: '141fef1da768dc423cf53dfa8088f1b98429236c' }, this.hasLabel() && (h("p", { key: '294199499037e6ed0e816f8a68850dfede795884', id: this.idLabel, class: "pn-progress-bar-label" }, h("span", { key: 'f292e951e29878d186b7f7896d7346fd41677006' }, this.label), this.hasIcon() && h("pn-icon", { key: '47b8065b97a8cd0f0d3e57ea4f68b07ad09c12a5', icon: this.getIconSvg(), color: this.getIconColor() }))), h("div", { key: '0dd5189948aad2e501ee10076ed212987a52e4d8', id: this.progressId, class: "pn-progress-bar-container", role: "progressbar", "aria-labelledby": this.idLabel, "aria-describedby": this.hasIcon() ? this.idText : null, "aria-valuenow": this.progress, "aria-valuetext": this.progressPercentage }, h("div", { key: '51ceae38d589385687dd3e25c86526b4758f2792', class: "pn-progress-bar-meter" }, h("div", { key: '714d0aa19a487bf625ae10bcdd68d21d54b6f48a', class: "pn-progress-bar-value", "data-error": this.hasError(), "data-valid": this.isValid() }))), h("p", { key: 'b540a56c9d7fdfae49f508472d315ce1eeda5e99', id: this.idText, class: "pn-progress-bar-subtext", role: this.hasError() ? 'alert' : null }, h("span", { key: '35d515a823d117a6ab31e3cda778a2ada8093233' }, this.getSubtext()))));
-    }
-    static get watchers() { return {
-        "progress": ["setProgress"]
-    }; }
-    static get style() { return pnProgressBarCss; }
-}, [768, "pn-progress-bar", {
-        "label": [1],
-        "progress": [2],
-        "progressText": [1, "progress-text"],
-        "successText": [1, "success-text"],
-        "error": [1],
-        "progressId": [1, "progress-id"],
-        "progressPercentage": [32]
-    }, undefined, {
-        "progress": ["setProgress"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-progress-bar", "pn-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-progress-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnProgressBar);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PnProgressBar as P, defineCustomElement as d };
-//# sourceMappingURL=pn-progress-bar2.js.map
-
-//# sourceMappingURL=pn-progress-bar2.js.map
+import{transformTag as r,proxyCustomElement as e,HTMLElement as s,h as t,Host as a}from"@stencil/core/internal/client";import{a as o}from"./alert_exclamation_circle.js";import{c as i}from"./check_circle.js";import{u as n}from"./helpers.js";import{d}from"./pn-icon2.js";const p=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost()}uniqueId=n();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return this}progressPercentage;label;progress=0;progressText;successText;error;progressId=this.idProgress;setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`,this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return 100===this.progress}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){return this.hasError()?this.error:this.isValid()&&this.hasText()?this.successText:this.progressText?this.progressText:this.progressPercentage}getIconSvg(){return this.hasError()?o:i}getIconColor(){return this.hasError()?"warning":"green500"}render(){return t(a,{key:"141fef1da768dc423cf53dfa8088f1b98429236c"},this.hasLabel()&&t("p",{key:"294199499037e6ed0e816f8a68850dfede795884",id:this.idLabel,class:"pn-progress-bar-label"},t("span",{key:"f292e951e29878d186b7f7896d7346fd41677006"},this.label),this.hasIcon()&&t("pn-icon",{key:"47b8065b97a8cd0f0d3e57ea4f68b07ad09c12a5",icon:this.getIconSvg(),color:this.getIconColor()})),t("div",{key:"0dd5189948aad2e501ee10076ed212987a52e4d8",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},t("div",{key:"51ceae38d589385687dd3e25c86526b4758f2792",class:"pn-progress-bar-meter"},t("div",{key:"714d0aa19a487bf625ae10bcdd68d21d54b6f48a",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),t("p",{key:"b540a56c9d7fdfae49f508472d315ce1eeda5e99",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},t("span",{key:"35d515a823d117a6ab31e3cda778a2ada8093233"},this.getSubtext())))}static get watchers(){return{progress:[{setProgress:0}]}}static get style(){return`${r("pn-progress-bar")} .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}${r("pn-progress-bar")} .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}${r("pn-progress-bar")} .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}${r("pn-progress-bar")} .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}${r("pn-progress-bar")} .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){${r("pn-progress-bar")} .pn-progress-bar-value{transition-duration:0s}}${r("pn-progress-bar")} .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}${r("pn-progress-bar")} .pn-progress-bar-value[data-error]{background-color:#a70707}`}},[512,"pn-progress-bar",{label:[1],progress:[2],progressText:[1,"progress-text"],successText:[1,"success-text"],error:[1],progressId:[1,"progress-id"],progressPercentage:[32]},void 0,{progress:[{setProgress:0}]}]);function c(){"undefined"!=typeof customElements&&["pn-progress-bar","pn-icon"].forEach((e=>{switch(e){case"pn-progress-bar":customElements.get(r(r(e)))||customElements.define(r(r(e)),p);break;case"pn-icon":customElements.get(r(r(e)))||d()}}))}export{p as P,c as d}

package/umd/modules/@postnord/web-components/components/pn-progress-indicator-step.js

@@ -2,99 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { w as white } from './colors.js';
-
-const pnProgressIndicatorStepCss = "pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:\"\";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .progress-line:after{transition-delay:0.2s}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}";
-
-const PnProgressIndicatorStep$1 = /*@__PURE__*/ proxyCustomElement(class PnProgressIndicatorStep extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.setactivestep = createEvent(this, "setactivestep", 7);
-    }
-    activated;
-    done;
-    /** Set by the parent component. Do not use manually. @hide true */
-    activeStep;
-    /** Set by the parent component. Do not use manually. @hide true */
-    index;
-    /** The step name. */
-    name;
-    /** Set the step as checked, meaning a white check mark will appear. */
-    checked = false;
-    /** Set by the parent component. Do not use manually. @hide true */
-    active;
-    setactivestep;
-    setActiveStepHandler() {
-        if (this.done || this.activated) {
-            this.setactivestep.emit(this.index);
-        }
-    }
-    componentWillLoad() {
-        this.checkStatus();
-    }
-    componentDidUpdate() {
-        this.checkStatus();
-    }
-    checkStatus() {
-        if (!this.done) {
-            this.done = this.checked || this.activeStep > this.index;
-        }
-        if (this.active === 'yes') {
-            this.activated = true;
-        }
-        else if (this.active === 'no') {
-            this.activated = false;
-            this.done = false;
-        }
-        else if (!this.activated) {
-            this.activated = this.activeStep >= this.index;
-        }
-    }
-    getClassNames() {
-        let className = 'pn-progress-indicator-step';
-        if (this.done || this.checked)
-            className += ' done';
-        if (this.activated)
-            className += ' activated';
-        if (this.activeStep === this.index)
-            className += ' active';
-        return className;
-    }
-    render() {
-        return (h(Host, { key: 'e5518f2d8c21c889738beb3a42e6865e7c64ac76', class: this.getClassNames(), onClick: () => this.setActiveStepHandler() }, h("div", { key: 'b0f5f684ca12fda2b22b51945d3b0b41ab490fa3', class: "progress-line" }), h("div", { key: '8d05494d4cc77145e44270666b678cf48eb05a96', class: "info-container" }, h("slot", { key: '864bea1ce3dd348be1abadcc3f8fb3757ac009b9' }), this.name), h("div", { key: '7d8394e5a4919404a137fd30ce125dfda5ed3034', class: "circle" }, this.done || this.checked ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", "enable-background": "new 0 0 24 24", id: "checkmark", version: "1.0", viewBox: "0 0 24 24" }, h("polyline", { class: "checkmark-path", fill: "none", points: "20,6 9,17 4,12", stroke: white, "stroke-miterlimit": "10", "stroke-width": "3" }))) : (''))));
-    }
-    static get style() { return pnProgressIndicatorStepCss; }
-}, [772, "pn-progress-indicator-step", {
-        "activeStep": [2, "active-step"],
-        "index": [2],
-        "name": [1],
-        "checked": [4],
-        "active": [1],
-        "activated": [32],
-        "done": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-progress-indicator-step"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-progress-indicator-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnProgressIndicatorStep$1);
-            }
-            break;
-    } });
-}
-
-const PnProgressIndicatorStep = PnProgressIndicatorStep$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProgressIndicatorStep, defineCustomElement };
-//# sourceMappingURL=pn-progress-indicator-step.js.map
-
-//# sourceMappingURL=pn-progress-indicator-step.js.map
+import{transformTag as t,proxyCustomElement as e,HTMLElement as i,createEvent as r,h as s,Host as n}from"@stencil/core/internal/client";import{w as o}from"./colors.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.setactivestep=r(this,"setactivestep",7)}activated;done;activeStep;index;name;checked=!1;active;setactivestep;setActiveStepHandler(){(this.done||this.activated)&&this.setactivestep.emit(this.index)}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){this.done||(this.done=this.checked||this.activeStep>this.index),"yes"===this.active?this.activated=!0:"no"===this.active?(this.activated=!1,this.done=!1):this.activated||(this.activated=this.activeStep>=this.index)}getClassNames(){let t="pn-progress-indicator-step";return(this.done||this.checked)&&(t+=" done"),this.activated&&(t+=" activated"),this.activeStep===this.index&&(t+=" active"),t}render(){return s(n,{key:"e5518f2d8c21c889738beb3a42e6865e7c64ac76",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},s("div",{key:"b0f5f684ca12fda2b22b51945d3b0b41ab490fa3",class:"progress-line"}),s("div",{key:"8d05494d4cc77145e44270666b678cf48eb05a96",class:"info-container"},s("slot",{key:"864bea1ce3dd348be1abadcc3f8fb3757ac009b9"}),this.name),s("div",{key:"7d8394e5a4919404a137fd30ce125dfda5ed3034",class:"circle"},this.done||this.checked?s("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},s("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:o,"stroke-miterlimit":"10","stroke-width":"3"})):""))}static get style(){return`${t("pn-progress-indicator-step")}{display:flex;flex:1 0 4em}${t("pn-progress-indicator-step")}:first-child{flex:0 0 auto}${t("pn-progress-indicator-step")}:first-child .progress-line{display:none}${t("pn-progress-indicator-step")}:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .progress-line:after{transition-delay:0.2s}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}`}},[772,"pn-progress-indicator-step",{activeStep:[2,"active-step"],index:[2],name:[1],checked:[4],active:[1],activated:[32],done:[32]}]),c=a,p=function(){"undefined"!=typeof customElements&&["pn-progress-indicator-step"].forEach((e=>{"pn-progress-indicator-step"===e&&(customElements.get(t(t(e)))||customElements.define(t(t(e)),a))}))};export{c as PnProgressIndicatorStep,p as defineCustomElement}

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

@@ -2,65 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const pnProgressIndicatorCss = ".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";
-
-const PnProgressIndicator$1 = /*@__PURE__*/ proxyCustomElement(class PnProgressIndicator extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.progresschange = createEvent(this, "progresschange", 7);
-    }
-    get hostElement() { return this; }
-    /** Takes the index of the active step */
-    activeStep = 0;
-    /** This will emit when progress is changed and is the value you want to bind to your VM state */
-    progresschange;
-    setActiveStepHandler({ detail }) {
-        this.activeStep = detail;
-        this.progresschange.emit(this.activeStep);
-    }
-    componentWillLoad() {
-        this.passPropsToChildren();
-    }
-    componentDidUpdate() {
-        this.passPropsToChildren();
-    }
-    passPropsToChildren() {
-        const children = Array.from(this.hostElement.querySelectorAll('pn-progress-indicator-step'));
-        children.forEach((child, i) => {
-            child.activeStep = this.activeStep;
-            child.index = i;
-        });
-    }
-    render() {
-        return (h("div", { key: '1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2', class: "pn-progress-indicator" }, h("slot", { key: 'c4035cf9fadb46f4e573c0225bebb2f8f7187da6' })));
-    }
-    static get style() { return pnProgressIndicatorCss; }
-}, [772, "pn-progress-indicator", {
-        "activeStep": [1026, "active-step"]
-    }, [[0, "setactivestep", "setActiveStepHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-progress-indicator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-progress-indicator":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnProgressIndicator$1);
-            }
-            break;
-    } });
-}
-
-const PnProgressIndicator = PnProgressIndicator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProgressIndicator, defineCustomElement };
-//# sourceMappingURL=pn-progress-indicator.js.map
-
-//# sourceMappingURL=pn-progress-indicator.js.map
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,transformTag as r,h as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.progresschange=s(this,"progresschange",7)}get hostElement(){return this}activeStep=0;progresschange;setActiveStepHandler({detail:e}){this.activeStep=e,this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){Array.from(this.hostElement.querySelectorAll(""+r("pn-progress-indicator-step"))).forEach(((e,t)=>{e.activeStep=this.activeStep,e.index=t}))}render(){return i("div",{key:"1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2",class:"pn-progress-indicator"},i("slot",{key:"c4035cf9fadb46f4e573c0225bebb2f8f7187da6"}))}static get style(){return".pn-progress-indicator{display:flex;padding:2.8em 1em 0}"}},[772,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]),o=n,c=function(){"undefined"!=typeof customElements&&["pn-progress-indicator"].forEach((e=>{"pn-progress-indicator"===e&&(customElements.get(r(r(e)))||customElements.define(r(r(e)),n))}))};export{o as PnProgressIndicator,c as defineCustomElement}

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

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