@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/umd/modules/@postnord/web-components/postnord-web-components/postnord-web-components.esm.js

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{p as e,H as a,b as l}from"./p-43660913.js";export{s as setNonce}from"./p-43660913.js";import{g as t}from"./p-beec94ca.js";var n=()=>{{r(a.prototype)}const l=import.meta.url;const t={};if(l!==""){t.resourcesUrl=new URL(".",l).href}return e(t)};var r=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const l=a.call(this,false);const t=this.childNodes;if(e){for(let e=0;e<t.length;e++){if(t[e].nodeType!==2){l.appendChild(t[e].cloneNode(true))}}}return l}};n().then((async e=>{await t();return l(JSON.parse('[["p-fb5d6d47",[[4,"pn-file-upload",{"label":[1],"helpertext":[1],"language":[1],"hideProgress":[4,"hide-progress"],"name":[1],"accept":[1],"maxSize":[1,"max-size"],"capture":[1],"limit":[2],"multiple":[1028],"required":[4],"disabled":[4],"files":[32],"isHovering":[32],"startUpload":[64],"clearUpload":[64],"removeFile":[64],"updateFile":[64]},null,{"limit":["handleLimit"],"maxSize":["handleMaxBytes"]}]]],["p-d2f7b4a9",[[0,"pn-ocr-search",{"language":[1],"loading":[32],"error":[32],"ocrNumber":[32],"searchSuccess":[32],"invalidOcrNumber":[32]}]]],["p-4eaab357",[[0,"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]},null,{"page":["handlePage"],"pages":["handlePages"],"pagesVisible":["handlePagesVisible"]}]]],["p-01472170",[[0,"pn-zipcode-search",{"language":[1],"value":[1025],"validZipCode":[32],"loading":[32],"showResult":[32],"zipCodeSearchResult":[32],"error":[32],"errorMessage":[32]}]]],["p-65ae6360",[[0,"pn-action-menu",{"options":[16],"button":[16],"menuId":[1,"menu-id"],"language":[1025],"open":[1540],"menuUp":[4,"menu-up"],"menuLeft":[4,"menu-left"],"smallMenu":[32],"upwards":[32],"activeSubmenu":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"options":["handleOptions"],"open":["openHandler"],"menuId":["handleMenuId"]}]]],["p-72a0088b",[[4,"pn-button-dropdown",{"label":[1],"icon":[1],"appearance":[1],"variant":[1],"small":[4],"tooltip":[1],"open":[1540],"right":[32],"top":[32]},null,{"open":["openHandler"]}]]],["p-1fe6fc61",[[0,"pn-counter",{"label":[1],"helpertext":[1],"value":[1538],"counterid":[1],"language":[1],"labelDecrease":[1,"label-decrease"],"labelIncrease":[1,"label-increase"],"minMessage":[1,"min-message"],"maxMessage":[1,"max-message"],"name":[1],"min":[2],"max":[2],"step":[2],"list":[1],"required":[4],"readonly":[4],"disabled":[4],"clearAriaTimer":[32],"displaySrValue":[32],"showMinMaxMessage":[32],"lastDispatchedValue":[32],"interactType":[32]},null,{"value":["watchValue"],"counterid":["handleId"]}]]],["p-b83e6373",[[4,"pn-date-picker",{"labelFrom":[1,"label-from"],"labelTo":[1,"label-to"],"helpertext":[1],"start":[1025],"end":[1025],"format":[1],"language":[1],"dateId":[1,"date-id"],"name":[1],"placeholder":[1],"endPlaceholder":[1,"end-placeholder"],"autocomplete":[1],"list":[1],"listEnd":[1,"list-end"],"pattern":[1],"range":[4],"rangeLimit":[2,"range-limit"],"view":[1025],"calendarUp":[4,"calendar-up"],"weekNumbers":[4,"week-numbers"],"disableTypeAhead":[4,"disable-type-ahead"],"disableWeekends":[4,"disable-weekends"],"disabledDates":[1,"disabled-dates"],"disableMaxLength":[4,"disable-max-length"],"required":[4],"readonly":[4],"disabled":[4],"error":[1],"invalid":[4],"minDate":[1025,"min-date"],"maxDate":[1025,"max-date"],"open":[32],"openUp":[32],"selectingTo":[32],"grid":[32],"viewYearStart":[32],"dateViewYear":[32],"dateViewMonth":[32],"dateViewDate":[32],"showHelperSlot":[32],"showErrorSlot":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"minDate":["watchMin"],"maxDate":["watchMax"],"start":["watchValue"],"end":["watchValueTo"],"format":["handleFormat"],"id":["watchId"],"dateViewYear":["watchView"],"dateViewMonth":["watchView"],"dateViewDate":["watchView"],"open":["watchOpen"],"helpertext":["handleMessage"],"error":["handleMessage"],"view":["handleView"]}]]],["p-63aa3911",[[4,"pn-input",{"label":[1],"helpertext":[1],"inputid":[1],"value":[1025],"language":[1],"icon":[1],"textPrefix":[1,"text-prefix"],"textSuffix":[1,"text-suffix"],"type":[1025],"name":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"inputmode":[1],"list":[1],"pattern":[1],"min":[8],"max":[8],"step":[8],"arialabel":[1],"ariacontrols":[1],"required":[4],"disabled":[4],"readonly":[4],"valid":[4],"invalid":[4],"error":[1],"offsetLeft":[32],"offsetRight":[32],"showHelperSlot":[32],"showErrorSlot":[32],"showPassword":[32]},null,{"textPrefix":["handleOffset"],"textSuffix":["handleOffset"],"helpertext":["handleMessage"],"error":["handleMessage"]}]]],["p-75c5fb41",[[4,"pn-modal",{"label":[1],"helpertext":[1],"language":[1],"open":[1540],"persistent":[4],"hideClose":[4,"hide-close"],"allowOverflow":[4,"allow-overflow"],"sheet":[4],"maxWidth":[1,"max-width"],"isClosing":[32],"isOpening":[32],"removeOverflow":[32]},[[9,"resize","handleOverflow"]],{"open":["handleOpen"],"maxWidth":["handleMaxWidth"]}]]],["p-28357e12",[[4,"pn-tablist",{"label":[1],"value":[1537],"small":[4],"stackedicons":[4],"language":[1],"showScrollArrows":[32],"arrowLeft":[32],"arrowRight":[32]},[[0,"setActiveTab","setActiveTabHandler"],[9,"resize","rerender"],[0,"tabEnter","handleEnter"],[0,"tabLeave","handleLeave"]],{"value":["setValue"],"showScrollArrows":["scrollHandler"]}]]],["p-8e07bc17",[[0,"pn-footer",{"market":[1],"language":[1]}]]],["p-8eaa2540",[[4,"pn-header",{"heading":[1],"maxWidth":[1,"max-width"],"goBackHref":[1,"go-back-href"],"goBackText":[1,"go-back-text"],"language":[1],"goBackTextTranslated":[32]},null,{"maxWidth":["setMaxWidth"],"language":["setLanguage"]}]]],["p-a440734f",[[4,"pn-tile",{"label":[1],"text":[1],"url":[1],"target":[1],"rel":[1],"illustration":[1],"icon":[1],"horizontal":[4],"visibleOutline":[32]}]]],["p-16fb83d9",[[4,"pn-toast",{"heading":[1],"text":[1],"toastId":[1,"toast-id"],"appearance":[1],"temporary":[4],"icon":[1],"illustration":[1],"hide":[1540],"closable":[4],"language":[1025],"isClosing":[32],"isExpanding":[32],"hasSlottedContent":[32]},null,{"hide":["handleHide"]}]]],["p-23fdc4b6",[[4,"pn-accordion-row",{"label":[1025],"state":[1028],"buttonid":[1],"contentid":[1],"transparent":[4],"isClosing":[32],"isExpanding":[32]},[[0,"rowstate","handleRowState"]]]]],["p-eee2d131",[[0,"pn-checkbox",{"label":[1],"value":[513],"name":[1],"checked":[4],"helpertext":[1],"checkboxid":[1],"disabled":[4],"required":[4],"invalid":[4],"indeterminate":[1028],"tile":[4],"icon":[1]},[[0,"change","handlechange"]],{"checkboxid":["handleId"]}]]],["p-045cbd26",[[4,"pn-read-only-button",{"icon":[1],"leftIcon":[4,"left-icon"],"iconOnly":[4,"icon-only"],"small":[4],"language":[1],"readOnlyModeText":[32],"tooltipOpen":[32],"tooltipEl":[32],"tooltipDx":[32]},null,{"language":["setReadOnlyModeText"],"tooltipOpen":["openHandler"]}]]],["p-4d371963",[[4,"pn-segmented-control",{"name":[1],"value":[1025],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"],[0,"segmentHover","handleHover"]],{"value":["valueHandler"]}]]],["p-cebe3a25",[[4,"pn-tooltip",{"warning":[4],"light":[4],"tooltip":[1],"downwards":[32],"open":[32],"deltaX":[32]},null,{"open":["openHandler"]}]]],["p-ec6719ad",[[4,"pn-accordion",{"single":[4],"transparent":[4]},[[0,"togglerow","handleSingleRow"]]]]],["p-537bb3ff",[[0,"pn-tag",{"label":[1],"icon":[1],"appearance":[1],"dark":[4],"large":[4],"small":[4],"xsmall":[4]}],[0,"pn-icon",{"icon":[1],"small":[516],"color":[1]},null,{"color":["handleColor"]}]]],["p-6f9a21be",[[4,"pn-card",{"label":[1],"labelTag":[1,"label-tag"],"overline":[1],"text":[1],"cardId":[1,"card-id"],"horizontal":[4],"reverse":[4],"aspectRatio":[1,"aspect-ratio"],"href":[1],"hrefLabel":[1,"href-label"],"target":[1],"rel":[1],"icon":[1],"visibleOutline":[32]},null,{"cardId":["watchCardId"]}]]],["p-bdb9bdc3",[[4,"pn-choice-chip",{"label":[1],"value":[513],"name":[1],"checked":[1028],"radio":[4],"choiceid":[1],"icon":[1],"required":[4],"disabled":[4],"small":[4],"large":[4],"moving":[32]}]]],["p-e8050420",[[4,"pn-fieldset",{"legend":[1],"helpertext":[1],"fieldsetId":[1,"fieldset-id"],"form":[1],"name":[1],"disabled":[4],"invalid":[4],"error":[1]},null,{"fieldsetId":["handleId"]}]]],["p-06c7e91b",[[4,"pn-multiselect",{"label":[1],"helpertext":[1],"placeholder":[1],"name":[1],"selectId":[1,"select-id"],"selectName":[1,"select-name"],"icon":[1],"language":[1],"options":[1040],"selectAll":[4,"select-all"],"allValue":[1,"all-value"],"search":[4],"searchQuery":[1025,"search-query"],"itemCount":[2,"item-count"],"maxHeight":[1,"max-height"],"top":[4],"bottom":[4],"required":[4],"disabled":[4],"invalid":[4],"error":[1],"isSearching":[32],"open":[32],"upwards":[32],"srMessage":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"open":["handleOpen"],"search":["handleSearch"],"searchQuery":["handleSearchQuery"],"selectId":["handleSelectId"]}]]],["p-49f5fdd2",[[4,"pn-page-nav",{"value":[1025],"dropdown":[8],"navid":[1],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32],"dropdownOpen":[32],"dropdownLinks":[32],"dropdownActive":[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]],{"value":["valueHandler"],"dropdownOpen":["dropdownHandler"]}]]],["p-1cd57319",[[4,"pn-page-nav-dropdown-item",{"value":[1],"href":[1],"active":[4]}]]],["p-10532427",[[4,"pn-page-nav-item",{"value":[1],"href":[1],"icon":[1]}]]],["p-ab553e80",[[0,"pn-radio-button",{"label":[1],"value":[513],"name":[1],"checked":[4],"helpertext":[1],"radioid":[1],"disabled":[4],"required":[4],"invalid":[4],"tile":[4],"icon":[1]},null,{"radioid":["handleId"]}]]],["p-11ef58ab",[[4,"pn-segment",{"label":[1],"name":[1],"value":[1],"selected":[4],"segmentid":[1],"icon":[1],"disabled":[4]}]]],["p-37297b9a",[[4,"pn-tab",{"label":[1],"value":[1],"href":[1],"icon":[1],"ariacontrols":[1],"tabid":[1],"activeTab":[1,"active-tab"]}]]],["p-240f6613",[[4,"pn-button",{"label":[1],"appearance":[1],"variant":[1],"small":[4],"loading":[516],"icon":[1],"iconOnly":[4,"icon-only"],"leftIcon":[4,"left-icon"],"tooltip":[1],"tooltipUp":[4,"tooltip-up"],"type":[1],"form":[1],"href":[1],"rel":[1],"target":[1],"download":[1],"buttonId":[1,"button-id"],"arialabel":[1],"arialabelledby":[1],"ariacurrent":[1],"ariacontrols":[1],"ariapressed":[1],"ariahaspopup":[1],"ariaexpanded":[1],"noTab":[4,"no-tab"],"tooltipOpen":[32],"tooltipUpwards":[32]},null,{"tooltipOpen":["openHandler"],"tooltip":["iconOnlyHandler"]}],[0,"pn-spinner",{"light":[4],"size":[2]}]]],["p-b202a599",[[4,"pn-toggle-switch",{"label":[1],"helpertext":[1],"checked":[1028],"toggleid":[1],"name":[1],"value":[1],"small":[4],"large":[4],"disabled":[4],"loading":[4]},null,{"toggleid":["handleHelperId"]}]]],["p-617a946d",[[4,"pn-progress-indicator",{"activeStep":[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["p-1e7c31ed",[[4,"pn-progress-indicator-step",{"activeStep":[2,"active-step"],"index":[2],"name":[1],"checked":[4],"active":[1],"activated":[32],"done":[32]}]]],["p-49a39ea1",[[0,"pn-progress-stepper",{"label":[1],"progressStepperId":[1,"progress-stepper-id"],"language":[1],"totalSteps":[1026,"total-steps"],"currentStep":[1026,"current-step"],"stepName":[1,"step-name"],"dots":[4],"builtInLabel":[32],"progressValue":[32]},null,{"currentStep":["stepWatchers"],"totalSteps":["stepWatchers"],"language":["watchLanguage"]}]]],["p-7b8d7267",[[4,"pn-table",{"gray":[4],"bordered":[4],"striped":[4]}]]],["p-363f578a",[[0,"pn-textarea",{"label":[1],"value":[1],"helpertext":[1],"textareaid":[1],"name":[1],"form":[1],"rows":[2],"cols":[2],"wrap":[1],"maxlength":[2],"autocomplete":[1],"spellcheck":[4],"placeholder":[1],"resize":[4],"required":[4],"valid":[4],"invalid":[4],"error":[1],"disabled":[4],"readonly":[4],"content":[32]}]]],["p-5ed7e9b7",[[0,"pn-progress-bar",{"label":[1],"progress":[2],"progressText":[1,"progress-text"],"successText":[1,"success-text"],"error":[1],"progressId":[1,"progress-id"],"progressPercentage":[32]},null,{"progress":["setProgress"]}]]],["p-ae04e001",[[4,"pn-select",{"label":[1],"helpertext":[1],"selectId":[1,"select-id"],"icon":[1],"name":[1],"form":[1],"autocomplete":[1],"required":[4],"disabled":[4],"invalid":[4],"error":[1]}]]],["p-9cecd28d",[[0,"pn-search-field",{"label":[1],"value":[1025],"placeholder":[1],"searchid":[1],"name":[1],"autocomplete":[1],"list":[1],"language":[1],"disabled":[4],"required":[4],"loading":[4],"button":[1],"buttonLabel":[1,"button-label"],"buttonLight":[4,"button-light"]},[[0,"input","inputHandler"]]]]],["p-699b7bde",[[4,"pn-text-link",{"label":[1],"href":[1],"light":[4],"icon":[1],"leftIcon":[4,"left-icon"],"download":[1],"hreflang":[1],"media":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"linkid":[1]}]]],["p-0ba378bd",[[0,"pn-illustration",{"illustration":[1],"width":[1025],"height":[1025],"fill":[4]},null,{"fill":["handleFill"]}]]]]'),e)}));
+import{p as e,H as a,b as l}from"./p-43660913.js";export{s as setNonce}from"./p-43660913.js";import{g as t}from"./p-beec94ca.js";var n=()=>{{r(a.prototype)}const l=import.meta.url;const t={};if(l!==""){t.resourcesUrl=new URL(".",l).href}return e(t)};var r=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const l=a.call(this,false);const t=this.childNodes;if(e){for(let e=0;e<t.length;e++){if(t[e].nodeType!==2){l.appendChild(t[e].cloneNode(true))}}}return l}};n().then((async e=>{await t();return l(JSON.parse('[["p-d3521b5d",[[4,"pn-file-upload",{"label":[1],"helpertext":[1],"language":[1],"hideProgress":[4,"hide-progress"],"name":[1],"accept":[1],"maxSize":[1,"max-size"],"capture":[1],"limit":[2],"multiple":[1028],"required":[4],"disabled":[4],"files":[32],"isHovering":[32],"startUpload":[64],"clearUpload":[64],"removeFile":[64],"updateFile":[64]},null,{"limit":["handleLimit"],"maxSize":["handleMaxBytes"]}]]],["p-76b020f0",[[0,"pn-ocr-search",{"language":[1],"loading":[32],"error":[32],"ocrNumber":[32],"searchSuccess":[32],"invalidOcrNumber":[32]}]]],["p-ab29b9c0",[[0,"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]},null,{"page":["handlePage"],"pages":["handlePages"],"pagesVisible":["handlePagesVisible"]}]]],["p-7e88df1f",[[0,"pn-zipcode-search",{"language":[1],"value":[1025],"validZipCode":[32],"loading":[32],"showResult":[32],"zipCodeSearchResult":[32],"error":[32],"errorMessage":[32]}]]],["p-3bd59ac8",[[0,"pn-action-menu",{"options":[16],"button":[16],"menuId":[1,"menu-id"],"language":[1025],"open":[1540],"menuUp":[4,"menu-up"],"menuLeft":[4,"menu-left"],"smallMenu":[32],"upwards":[32],"activeSubmenu":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"options":["handleOptions"],"open":["openHandler"],"menuId":["handleMenuId"]}]]],["p-72a0088b",[[4,"pn-button-dropdown",{"label":[1],"icon":[1],"appearance":[1],"variant":[1],"small":[4],"tooltip":[1],"open":[1540],"right":[32],"top":[32]},null,{"open":["openHandler"]}]]],["p-c2bbbcaa",[[0,"pn-counter",{"label":[1],"helpertext":[1],"value":[1538],"counterid":[1],"language":[1],"labelDecrease":[1,"label-decrease"],"labelIncrease":[1,"label-increase"],"minMessage":[1,"min-message"],"maxMessage":[1,"max-message"],"name":[1],"min":[2],"max":[2],"step":[2],"list":[1],"required":[4],"readonly":[4],"disabled":[4],"clearAriaTimer":[32],"displaySrValue":[32],"showMinMaxMessage":[32],"lastDispatchedValue":[32],"interactType":[32]},null,{"value":["watchValue"],"counterid":["handleId"]}]]],["p-6a30576b",[[4,"pn-date-picker",{"labelFrom":[1,"label-from"],"labelTo":[1,"label-to"],"helpertext":[1],"start":[1025],"end":[1025],"format":[1],"language":[1],"dateId":[1,"date-id"],"name":[1],"placeholder":[1],"endPlaceholder":[1,"end-placeholder"],"autocomplete":[1],"list":[1],"listEnd":[1,"list-end"],"pattern":[1],"range":[4],"rangeLimit":[2,"range-limit"],"view":[1025],"calendarUp":[4,"calendar-up"],"weekNumbers":[4,"week-numbers"],"disableTypeAhead":[4,"disable-type-ahead"],"disableWeekends":[4,"disable-weekends"],"disabledDates":[1,"disabled-dates"],"disableMaxLength":[4,"disable-max-length"],"required":[4],"readonly":[4],"disabled":[4],"error":[1],"invalid":[4],"minDate":[1025,"min-date"],"maxDate":[1025,"max-date"],"open":[32],"openUp":[32],"selectingTo":[32],"grid":[32],"viewYearStart":[32],"dateViewYear":[32],"dateViewMonth":[32],"dateViewDate":[32],"showHelperSlot":[32],"showErrorSlot":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"minDate":["watchMin"],"maxDate":["watchMax"],"start":["watchValue"],"end":["watchValueTo"],"format":["handleFormat"],"id":["watchId"],"dateViewYear":["watchView"],"dateViewMonth":["watchView"],"dateViewDate":["watchView"],"open":["watchOpen"],"helpertext":["handleMessage"],"error":["handleMessage"],"view":["handleView"]}]]],["p-e087c5c5",[[4,"pn-input",{"label":[1],"helpertext":[1],"inputid":[1],"value":[1025],"language":[1],"icon":[1],"textPrefix":[1,"text-prefix"],"textSuffix":[1,"text-suffix"],"type":[1025],"name":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"inputmode":[1],"list":[1],"pattern":[1],"min":[8],"max":[8],"step":[8],"arialabel":[1],"ariacontrols":[1],"required":[4],"disabled":[4],"readonly":[4],"valid":[4],"invalid":[4],"error":[1],"offsetLeft":[32],"offsetRight":[32],"showHelperSlot":[32],"showErrorSlot":[32],"showPassword":[32]},null,{"textPrefix":["handleOffset"],"textSuffix":["handleOffset"],"helpertext":["handleMessage"],"error":["handleMessage"]}]]],["p-2615282e",[[4,"pn-modal",{"label":[1],"helpertext":[1],"language":[1],"open":[1540],"persistent":[4],"hideClose":[4,"hide-close"],"allowOverflow":[4,"allow-overflow"],"sheet":[4],"maxWidth":[1,"max-width"],"isClosing":[32],"isOpening":[32]},null,{"open":["handleOpen"],"maxWidth":["handleMaxWidth"]}]]],["p-4f67fffa",[[4,"pn-tablist",{"label":[1],"value":[1537],"small":[4],"stackedicons":[4],"language":[1],"showScrollArrows":[32],"arrowLeft":[32],"arrowRight":[32]},[[0,"setActiveTab","setActiveTabHandler"],[9,"resize","rerender"],[0,"tabEnter","handleEnter"],[0,"tabLeave","handleLeave"]],{"value":["setValue"],"showScrollArrows":["scrollHandler"]}]]],["p-bd14cdca",[[0,"pn-footer",{"market":[1],"language":[1]}]]],["p-7bd6d804",[[4,"pn-header",{"heading":[1],"maxWidth":[1,"max-width"],"goBackHref":[1,"go-back-href"],"goBackText":[1,"go-back-text"],"language":[1],"goBackTextTranslated":[32]},null,{"maxWidth":["setMaxWidth"],"language":["setLanguage"]}]]],["p-605d99df",[[4,"pn-tile",{"label":[1],"text":[1],"url":[1],"target":[1],"rel":[1],"illustration":[1],"icon":[1],"horizontal":[4],"visibleOutline":[32]}]]],["p-514107a5",[[4,"pn-toast",{"heading":[1],"text":[1],"toastId":[1,"toast-id"],"appearance":[1],"temporary":[4],"icon":[1],"illustration":[1],"hide":[1540],"closable":[4],"language":[1025],"isClosing":[32],"isExpanding":[32],"hasSlottedContent":[32]},null,{"hide":["handleHide"]}]]],["p-203ad7de",[[4,"pn-accordion-row",{"label":[1025],"state":[1028],"buttonid":[1],"contentid":[1],"transparent":[4],"isClosing":[32],"isExpanding":[32]},[[0,"rowstate","handleRowState"]]]]],["p-412fc8d6",[[0,"pn-checkbox",{"label":[1],"value":[513],"name":[1],"checked":[4],"helpertext":[1],"checkboxid":[1],"disabled":[4],"required":[4],"invalid":[4],"indeterminate":[1028],"tile":[4],"icon":[1]},[[0,"change","handlechange"]],{"checkboxid":["handleId"]}]]],["p-045cbd26",[[4,"pn-read-only-button",{"icon":[1],"leftIcon":[4,"left-icon"],"iconOnly":[4,"icon-only"],"small":[4],"language":[1],"readOnlyModeText":[32],"tooltipOpen":[32],"tooltipEl":[32],"tooltipDx":[32]},null,{"language":["setReadOnlyModeText"],"tooltipOpen":["openHandler"]}]]],["p-b556b835",[[4,"pn-segmented-control",{"name":[1],"value":[1025],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"],[0,"segmentHover","handleHover"]],{"value":["valueHandler"]}]]],["p-81f9f367",[[4,"pn-tooltip",{"warning":[4],"light":[4],"tooltip":[1],"downwards":[32],"open":[32],"deltaX":[32]},null,{"open":["openHandler"]}]]],["p-ec6719ad",[[4,"pn-accordion",{"single":[4],"transparent":[4]},[[0,"togglerow","handleSingleRow"]]]]],["p-537bb3ff",[[0,"pn-tag",{"label":[1],"icon":[1],"appearance":[1],"dark":[4],"large":[4],"small":[4],"xsmall":[4]}],[0,"pn-icon",{"icon":[1],"small":[516],"color":[1]},null,{"color":["handleColor"]}]]],["p-9bc1d14f",[[4,"pn-card",{"label":[1],"labelTag":[1,"label-tag"],"overline":[1],"text":[1],"cardId":[1,"card-id"],"horizontal":[4],"reverse":[4],"aspectRatio":[1,"aspect-ratio"],"href":[1],"hrefLabel":[1,"href-label"],"target":[1],"rel":[1],"icon":[1],"visibleOutline":[32]},null,{"cardId":["watchCardId"]}]]],["p-fcd5028f",[[4,"pn-choice-chip",{"label":[1],"value":[513],"name":[1],"checked":[1028],"radio":[4],"choiceid":[1],"icon":[1],"required":[4],"disabled":[4],"small":[4],"large":[4],"moving":[32]}]]],["p-c45dc75d",[[4,"pn-fieldset",{"legend":[1],"helpertext":[1],"fieldsetId":[1,"fieldset-id"],"form":[1],"name":[1],"disabled":[4],"invalid":[4],"error":[1]},null,{"fieldsetId":["handleId"]}]]],["p-ed4271af",[[4,"pn-multiselect",{"label":[1],"helpertext":[1],"placeholder":[1],"name":[1],"selectId":[1,"select-id"],"selectName":[1,"select-name"],"icon":[1],"language":[1],"options":[1040],"selectAll":[4,"select-all"],"allValue":[1,"all-value"],"search":[4],"searchQuery":[1025,"search-query"],"itemCount":[2,"item-count"],"maxHeight":[1,"max-height"],"top":[4],"bottom":[4],"required":[4],"disabled":[4],"invalid":[4],"error":[1],"isSearching":[32],"open":[32],"upwards":[32],"srMessage":[32],"isClosing":[32],"isExpanding":[32]},[[9,"resize","handleResize"]],{"open":["handleOpen"],"search":["handleSearch"],"searchQuery":["handleSearchQuery"],"selectId":["handleSelectId"]}]]],["p-bc95d4b0",[[4,"pn-page-nav",{"value":[1025],"dropdown":[8],"navid":[1],"currentSelection":[32],"showScrollArrows":[32],"showLeftArrow":[32],"showRightArrow":[32],"dropdownOpen":[32],"dropdownLinks":[32],"dropdownActive":[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]],{"value":["valueHandler"],"dropdownOpen":["dropdownHandler"]}]]],["p-d74ccbb2",[[4,"pn-page-nav-dropdown-item",{"value":[1],"href":[1],"active":[4]}]]],["p-8773152d",[[4,"pn-page-nav-item",{"value":[1],"href":[1],"icon":[1]}]]],["p-b9a494ae",[[0,"pn-radio-button",{"label":[1],"value":[513],"name":[1],"checked":[4],"helpertext":[1],"radioid":[1],"disabled":[4],"required":[4],"invalid":[4],"tile":[4],"icon":[1]},null,{"radioid":["handleId"]}]]],["p-ffe79fa4",[[4,"pn-segment",{"label":[1],"name":[1],"value":[1],"selected":[4],"segmentid":[1],"icon":[1],"disabled":[4]}]]],["p-c0d19737",[[4,"pn-tab",{"label":[1],"value":[1],"href":[1],"icon":[1],"ariacontrols":[1],"tabid":[1],"activeTab":[1,"active-tab"]}]]],["p-7ae9c053",[[4,"pn-button",{"label":[1],"appearance":[1],"variant":[1],"small":[4],"loading":[516],"icon":[1],"iconOnly":[4,"icon-only"],"leftIcon":[4,"left-icon"],"tooltip":[1],"tooltipUp":[4,"tooltip-up"],"type":[1],"form":[1],"href":[1],"rel":[1],"target":[1],"download":[1],"buttonId":[1,"button-id"],"arialabel":[1],"arialabelledby":[1],"ariacurrent":[1],"ariacontrols":[1],"ariapressed":[1],"ariahaspopup":[1],"ariaexpanded":[1],"noTab":[4,"no-tab"],"tooltipOpen":[32],"tooltipUpwards":[32]},null,{"tooltipOpen":["openHandler"],"tooltip":["iconOnlyHandler"]}],[0,"pn-spinner",{"light":[4],"size":[2]}]]],["p-a4df55c4",[[4,"pn-toggle-switch",{"label":[1],"helpertext":[1],"checked":[1028],"toggleid":[1],"name":[1],"value":[1],"small":[4],"large":[4],"disabled":[4],"loading":[4]},null,{"toggleid":["handleHelperId"]}]]],["p-8bc8f614",[[4,"pn-progress-indicator",{"activeStep":[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["p-adc6404b",[[4,"pn-progress-indicator-step",{"activeStep":[2,"active-step"],"index":[2],"name":[1],"checked":[4],"active":[1],"activated":[32],"done":[32]}]]],["p-fc5f9092",[[0,"pn-progress-stepper",{"label":[1025],"totalSteps":[1026,"total-steps"],"currentStep":[1026,"current-step"],"stepName":[1,"step-name"],"progressStepperId":[1,"progress-stepper-id"],"language":[1],"progressValue":[32]},null,{"currentStep":["validateCurrentStep"],"totalSteps":["validateTotalSteps"],"language":["watchLanguage"],"progressStepperId":["watchId"]}]]],["p-7b8d7267",[[4,"pn-table",{"gray":[4],"bordered":[4],"striped":[4]}]]],["p-5b0000e9",[[0,"pn-textarea",{"label":[1],"value":[1],"helpertext":[1],"textareaid":[1],"name":[1],"form":[1],"rows":[2],"cols":[2],"wrap":[1],"maxlength":[2],"autocomplete":[1],"spellcheck":[4],"placeholder":[1],"resize":[4],"required":[4],"valid":[4],"invalid":[4],"error":[1],"disabled":[4],"readonly":[4],"content":[32]}]]],["p-da713fc1",[[0,"pn-progress-bar",{"label":[1],"progress":[2],"progressText":[1,"progress-text"],"successText":[1,"success-text"],"error":[1],"progressId":[1,"progress-id"],"progressPercentage":[32]},null,{"progress":["setProgress"]}]]],["p-936ed2a1",[[4,"pn-select",{"label":[1],"helpertext":[1],"selectId":[1,"select-id"],"icon":[1],"name":[1],"form":[1],"autocomplete":[1],"required":[4],"disabled":[4],"invalid":[4],"error":[1]}]]],["p-ff068744",[[0,"pn-search-field",{"label":[1],"value":[1025],"placeholder":[1],"searchid":[1],"name":[1],"autocomplete":[1],"list":[1],"language":[1],"disabled":[4],"required":[4],"loading":[4],"button":[1],"buttonLabel":[1,"button-label"],"buttonLight":[4,"button-light"]},[[0,"input","inputHandler"]]]]],["p-bf015c0f",[[4,"pn-text-link",{"label":[1],"href":[1],"light":[4],"icon":[1],"leftIcon":[4,"left-icon"],"download":[1],"hreflang":[1],"media":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"linkid":[1]}]]],["p-0ba378bd",[[0,"pn-illustration",{"illustration":[1],"width":[1025],"height":[1025],"fill":[4]},null,{"fill":["handleFill"]}]]]]'),e)}));
 //# sourceMappingURL=postnord-web-components.esm.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/postnord-web-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,8rYAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,8pYAAuCJ,EAAA","ignoreList":[]}

package/umd/modules/@postnord/web-components/readme.md

@@ -0,0 +1,32 @@
+# PostNords web component library
+
+This repo utilizes the Web Components compiler Stencil.js. The goal is to be able to provide re-usable components that the PostNord web teams can use to save time and get a holistic design. These components can be used in any popular framework or with no framework at all.
+
+The library is intended to work with any other CSS framework you wish to use. As long as the CSS class names do not begin with "pn-" there should be no issues at all. However, we do recommend that you use the [pn-design-assets package](https://www.npmjs.com/package/pn-design-assets) which the libary was intended to be used with. The design assets include fonts, icons and more that helps you get started.
+
+## Documentation
+
+The library is documented with the help of Storybook. You can view [the latest documentation here](https://portal.postnord.com/web-components/).
+
+Quick links:
+
+- [Using PostNord Web Components in your project](https://portal.postnord.com/web-components/?path=/docs/docs-installation--docs)
+- [Get started with PostNord design assets](https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs)
+
+### localhost Web Components in codepen.io
+
+- To try out your localhost Web Components in codepen.io, you can run
+
+```bash
+# start exposed server at https://localhost:8000
+npm run exposed
+```
+
+First time you need to go to https://localhost:8000 and accept the SSL warning.
+
+Add the following code to the HTML section in codepen.io
+
+```html
+<!-- If you want to register all componets we have at once -->
+<script type="module" src="https://localhost:8000/postnord-web-components.esm.js"></script>
+```

package/umd/modules/@postnord/web-components/types/components/buttons/pn-action-menu/pn-action-menu.d.ts

@@ -61,9 +61,6 @@ export declare class PnActionMenu {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     private translate;
-    private globalEvents;
-    private addGlobalEventListeners;
-    private removeGlobalEventListeners;
     /** Open/close the action menu. */
     private toggleActionMenu;
     private setMenuLayout;

package/umd/modules/@postnord/web-components/types/components/feedback/pn-modal/pn-modal.d.ts

@@ -6,24 +6,18 @@ import type { PnLanguages } from "../../../index";
  * Use the event `modalToggle` to determine when the modal is being closed/opened by the user.
  *
  * @slot - The default slot, will be placed in the middle content area.
- * @slot image - Place an image or illustration at the top of the modal.
  * @slot header - Place the title + lead text in the header.
  * @slot buttons - Place buttons inside the modal at the bottom.
- * pn-buttons aligns automatically to the right, set the data-left attribute on the button you want to align to the left.
  */
 export declare class PnModal {
     private mo;
     private readonly standardAnimationDuration;
     private animationDuration;
-    private modalTimeout;
+    modalTimeout: NodeJS.Timeout;
     private modalElement;
-    private modalContainer;
-    private modalPicture;
     hostElement: HTMLElement;
     isClosing: boolean;
     isOpening: boolean;
-    /** If true, the modal content will remove overflow CSS property. */
-    removeOverflow: boolean;
     /** Set a label for the modal. */
     label?: string;
     /** Set a descriptive text for the modal. */
@@ -47,7 +41,6 @@ export declare class PnModal {
     maxWidth?: string;
     handleOpen(): void;
     handleMaxWidth(): void;
-    handleOverflow(): void;
     /** This event is fired when the modal is toggled. */
     modalToggle: EventEmitter<{
         open: boolean;
@@ -66,10 +59,7 @@ export declare class PnModal {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     private translate;
-    private showImage;
-    private showHeader;
-    private setOverflow;
-    private hasOverflow;
+    private handleOverflow;
     private isSameModal;
     private handleKeyboard;
     private clickModalBackground;

package/umd/modules/@postnord/web-components/types/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.d.ts

@@ -1,8 +1,4 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-/**
- * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
- * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
- */
 export declare class PnProgressIndicatorStep {
     activated: boolean;
     done: boolean;

package/umd/modules/@postnord/web-components/types/components/feedback/pn-progress-indicator/pn-progress-indicator.d.ts

@@ -1,8 +1,4 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-/**
- * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
- * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
- */
 export declare class PnProgressIndicator {
     hostElement: HTMLElement;
     /** Takes the index of the active step */

package/umd/modules/@postnord/web-components/types/components/feedback/pn-progress-stepper/pn-progress-stepper.d.ts

@@ -1,44 +1,39 @@
-import type { PnLanguages } from "../../../globals/types";
+import type { PnLanguages, PnSteps, PnStepProps } from "../../../globals/types";
 /**
  * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).
  **/
 export declare class PnProgressStepper {
-    private readonly id;
-    private readonly minStep;
-    private readonly maxStep;
+    id: string;
+    idLabel: string;
+    idBar: string;
+    minStep: 1;
+    maxStep: 7;
     hostElement: HTMLElement;
-    private builtInLabel;
     /** Percentage calculated with currentStep / totalSteps. */
-    private progressValue;
-    /** Set custom label for the stepper, default label is "Step". */
+    progressValue: number;
+    /** Set custom label for the stepper, recommended default label is "Step". */
     label?: string;
+    /** Set total amount of steps, maximum `7` is allowed. */
+    totalSteps: PnSteps;
+    /** The current step of the progress stepper. */
+    currentStep: PnSteps;
+    /** You can add a custom optional string to the label if you need a name for the current step. */
+    stepName?: string;
     /** Set a custom HTML id on the progress stepper element to associate progress bar with label. */
     progressStepperId?: string;
     /**
      * Set the language manually, only use this prop if the pnTopbar is not loaded.
-     * Will not overwrite the custom `label` prop if used.
+     * Will not overwrite the `label` prop if used.
      **/
     language?: PnLanguages;
-    /** Set total amount of steps, maximum allowed is `7`. @category Steps */
-    totalSteps: number;
-    /** The current step of the progress stepper. @category Steps */
-    currentStep: number;
-    /** You can add a custom optional string to the label if you need a name for the current step. @category Steps */
-    stepName?: string;
-    /**
-     * Use the dots visual, instead of the bar.
-     *
-     * This will hide the label from view, but is still accessible to screenreaders.
-     *
-     * @category Visual
-     */
-    dots: boolean;
-    stepWatchers(a: number, b: number, c: 'currentStep' | 'totalSteps'): void;
+    validateCurrentStep(step: PnSteps): void;
+    validateTotalSteps(step: PnSteps): void;
     watchLanguage(): void;
+    watchId(): void;
     componentWillLoad(): Promise<void>;
-    private validate;
-    private calculateProgress;
-    private getLabel;
-    private getId;
+    componentWillRender(): void;
+    hasCustomLabel(): boolean;
+    validate(step: PnSteps, prop: PnStepProps): void;
+    calculateProgress(): void;
     render(): any;
 }

package/umd/modules/@postnord/web-components/types/components/feedback/pn-toast/pn-toast.d.ts

@@ -8,7 +8,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * Either limit the parent width or set a CSS rule to your specific width if needed.
  */
 export declare class PnToast {
-    toast: HTMLDivElement;
+    toast: HTMLOutputElement;
     button: HTMLButtonElement;
     private readonly duration;
     private animationDuration;
@@ -89,7 +89,6 @@ export declare class PnToast {
     private showIllustration;
     private showTitle;
     private translate;
-    private isMoving;
     private hideToast;
     render(): any;
 }

package/umd/modules/@postnord/web-components/types/components.d.ts

@@ -7,11 +7,11 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Components, PnActionMenuItem, PnButtonAppearance, PnButtonVariant, PnColors, PnLanguages, PnMultiselectOption, PnZipCodeSearchLanguages } from "./index";
 import { Event } from "./stencil-public-runtime";
-import { PnLanguages as PnLanguages1, PnMarkets, PnUploadFileItem } from "./globals/types";
+import { PnLanguages as PnLanguages1, PnMarkets, PnSteps, PnUploadFileItem } from "./globals/types";
 import { CalendarView, PnDatePickerSelectEvent } from "./globals/date/index";
 export { Components, PnActionMenuItem, PnButtonAppearance, PnButtonVariant, PnColors, PnLanguages, PnMultiselectOption, PnZipCodeSearchLanguages } from "./index";
 export { Event } from "./stencil-public-runtime";
-export { PnLanguages as PnLanguages1, PnMarkets, PnUploadFileItem } from "./globals/types";
+export { PnLanguages as PnLanguages1, PnMarkets, PnSteps, PnUploadFileItem } from "./globals/types";
 export { CalendarView, PnDatePickerSelectEvent } from "./globals/date/index";
 export namespace Components {
     /**
@@ -1367,20 +1367,12 @@ export namespace Components {
          */
         "successText"?: string;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface PnProgressIndicator {
         /**
           * Takes the index of the active step
          */
         "activeStep": number;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface PnProgressIndicatorStep {
         /**
           * Set by the parent component. Do not use manually.
@@ -1412,20 +1404,14 @@ export namespace Components {
     interface PnProgressStepper {
         /**
           * The current step of the progress stepper.
-          * @category Steps
          */
-        "currentStep": number;
+        "currentStep": PnSteps;
         /**
-          * Use the dots visual, instead of the bar.  This will hide the label from view, but is still accessible to screenreaders.
-          * @category Visual
-         */
-        "dots": boolean;
-        /**
-          * Set custom label for the stepper, default label is "Step".
+          * Set custom label for the stepper, recommended default label is "Step".
          */
         "label"?: string;
         /**
-          * Set the language manually, only use this prop if the pnTopbar is not loaded. Will not overwrite the custom `label` prop if used.
+          * Set the language manually, only use this prop if the pnTopbar is not loaded. Will not overwrite the `label` prop if used.
          */
         "language"?: PnLanguages;
         /**
@@ -1434,14 +1420,12 @@ export namespace Components {
         "progressStepperId"?: string;
         /**
           * You can add a custom optional string to the label if you need a name for the current step.
-          * @category Steps
          */
         "stepName"?: string;
         /**
-          * Set total amount of steps, maximum allowed is `7`.
-          * @category Steps
+          * Set total amount of steps, maximum `7` is allowed.
          */
-        "totalSteps": number;
+        "totalSteps": PnSteps;
     }
     /**
      * The `pn-radio-button` is built with a native `input[type="radio"]` in the background.
@@ -2723,10 +2707,6 @@ declare global {
     interface HTMLPnProgressIndicatorElementEventMap {
         "progresschange": number;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface HTMLPnProgressIndicatorElement extends Components.PnProgressIndicator, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPnProgressIndicatorElementEventMap>(type: K, listener: (this: HTMLPnProgressIndicatorElement, ev: PnProgressIndicatorCustomEvent<HTMLPnProgressIndicatorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2744,10 +2724,6 @@ declare global {
     interface HTMLPnProgressIndicatorStepElementEventMap {
         "setactivestep": number;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface HTMLPnProgressIndicatorStepElement extends Components.PnProgressIndicatorStep, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPnProgressIndicatorStepElementEventMap>(type: K, listener: (this: HTMLPnProgressIndicatorStepElement, ev: PnProgressIndicatorStepCustomEvent<HTMLPnProgressIndicatorStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4567,10 +4543,6 @@ declare namespace LocalJSX {
          */
         "successText"?: string;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface PnProgressIndicator {
         /**
           * Takes the index of the active step
@@ -4581,10 +4553,6 @@ declare namespace LocalJSX {
          */
         "onProgresschange"?: (event: PnProgressIndicatorCustomEvent<number>) => void;
     }
-    /**
-     * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-     * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-     */
     interface PnProgressIndicatorStep {
         /**
           * Set by the parent component. Do not use manually.
@@ -4617,20 +4585,14 @@ declare namespace LocalJSX {
     interface PnProgressStepper {
         /**
           * The current step of the progress stepper.
-          * @category Steps
          */
-        "currentStep"?: number;
+        "currentStep"?: PnSteps;
         /**
-          * Use the dots visual, instead of the bar.  This will hide the label from view, but is still accessible to screenreaders.
-          * @category Visual
-         */
-        "dots"?: boolean;
-        /**
-          * Set custom label for the stepper, default label is "Step".
+          * Set custom label for the stepper, recommended default label is "Step".
          */
         "label"?: string;
         /**
-          * Set the language manually, only use this prop if the pnTopbar is not loaded. Will not overwrite the custom `label` prop if used.
+          * Set the language manually, only use this prop if the pnTopbar is not loaded. Will not overwrite the `label` prop if used.
          */
         "language"?: PnLanguages;
         /**
@@ -4639,14 +4601,12 @@ declare namespace LocalJSX {
         "progressStepperId"?: string;
         /**
           * You can add a custom optional string to the label if you need a name for the current step.
-          * @category Steps
          */
         "stepName"?: string;
         /**
-          * Set total amount of steps, maximum allowed is `7`.
-          * @category Steps
+          * Set total amount of steps, maximum `7` is allowed.
          */
-        "totalSteps"?: number;
+        "totalSteps"?: PnSteps;
     }
     /**
      * The `pn-radio-button` is built with a native `input[type="radio"]` in the background.
@@ -5624,15 +5584,7 @@ declare module "@stencil/core" {
              */
             "pn-pagination": LocalJSX.PnPagination & JSXBase.HTMLAttributes<HTMLPnPaginationElement>;
             "pn-progress-bar": LocalJSX.PnProgressBar & JSXBase.HTMLAttributes<HTMLPnProgressBarElement>;
-            /**
-             * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-             * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-             */
             "pn-progress-indicator": LocalJSX.PnProgressIndicator & JSXBase.HTMLAttributes<HTMLPnProgressIndicatorElement>;
-            /**
-             * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.
-             * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}
-             */
             "pn-progress-indicator-step": LocalJSX.PnProgressIndicatorStep & JSXBase.HTMLAttributes<HTMLPnProgressIndicatorStepElement>;
             /**
              * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).

package/umd/modules/@postnord/web-components/types/globals/types.d.ts

@@ -19,8 +19,7 @@ export type PnLanguages = '' | typeof sv | typeof en | typeof da | typeof fi | t
 export type PnButtonAppearance = '' | 'light' | 'warning';
 export type PnButtonVariant = '' | 'outlined' | 'borderless';
 export type PnColors = keyof typeof colors;
-/** @deprecated Its just numbers now. */
-export type PnSteps = number;
+export type PnSteps = 1 | 2 | 3 | 4 | 5 | 6 | 7;
 export type PnStepProps = 'totalSteps' | 'currentStep';
 export interface PnTopbar {
     hasLoaded: boolean;

package/umd/modules/@postnord/web-components/vscode-data.json

@@ -1705,17 +1705,13 @@
           "name": "current-step",
           "description": "The current step of the progress stepper."
         },
-        {
-          "name": "dots",
-          "description": "Use the dots visual, instead of the bar.\n\nThis will hide the label from view, but is still accessible to screenreaders."
-        },
         {
           "name": "label",
-          "description": "Set custom label for the stepper, default label is \"Step\"."
+          "description": "Set custom label for the stepper, recommended default label is \"Step\"."
         },
         {
           "name": "language",
-          "description": "Set the language manually, only use this prop if the pnTopbar is not loaded.\nWill not overwrite the custom `label` prop if used.",
+          "description": "Set the language manually, only use this prop if the pnTopbar is not loaded.\nWill not overwrite the `label` prop if used.",
           "values": [
             {
               "name": "da"
@@ -1744,7 +1740,7 @@
         },
         {
           "name": "total-steps",
-          "description": "Set total amount of steps, maximum allowed is `7`."
+          "description": "Set total amount of steps, maximum `7` is allowed."
         }
       ]
     },

package/umd/pn-marketweb-init.js

@@ -36,7 +36,7 @@
   };
 
   const s = document.createElement('script');
-  const currentMinorVersion = "3.5.0";
+  const currentMinorVersion = "4.0.0";
   const requestedComponentVersion = (new URLSearchParams(window.location.search)).get("componentversion");
   const versionToLoad = (requestedComponentVersion) ? requestedComponentVersion : currentMinorVersion;
   const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');

package/umd/pn-marketweb-salesforce.js

@@ -24,7 +24,7 @@
   document.body.insertBefore(header, document.body.firstElementChild);
   document.body.appendChild(footer);
 
-  const currentMinorVersion = "3.5.0";
+  const currentMinorVersion = "4.0.0";
   const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
   const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;