@postnord/pn-marketweb-components 4.4.0 → 4.5.1

package/umd/modules/@postnord/web-components/collection/components/input/pn-range/pn-range.js

@@ -343,7 +343,7 @@ export class PnRange {
         this.setValue(numberValue, this.pressControl === 'end');
     }
     render() {
-        return (h(Host, { key: '9945b3c7f372134797de134a550106602a88a864' }, h("div", { key: 'd940ec70592f62a4a22f30fbee67ec9736b06560', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, h("div", { key: '9bcc2d50329ff1d77b6e60e32de8e6c7ff355271', class: "pn-range-header", "data-input": this.input }, this.label && (h("label", { key: '5888cd96c03e60f5311f877bf84e6aa62d47e97f', htmlFor: this.pnId, class: "pn-range-label" }, h("span", { key: '2072db6913d555fac653694a9e0d07c7d76fc695' }, this.label))), this.multiple && this.labelEnd && (h("label", { key: 'ae8dd61026a936c210c73ba6efe811e93760e60f', htmlFor: this.pnIdEnd, class: "pn-range-label" }, h("span", { key: '28bccee780ec10bd2b13b46f7e71ee0bcd68d559' }, this.labelEnd)))), this.renderPrefix(), h("div", { key: '278a597274b88d050ca240367e89677b5e302b97', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (h(Fragment, { key: '840c4fc833463c6844157a3211707224777157ed' }, this.renderRangeInput(true), h("input", { key: '8eb75af8c97670d7cadb0fe91fd9f3314802953d', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), h("div", { key: 'e2132f04eb0feca32916042bf0f3cd59f721dc8f', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (h("ul", { key: '9e49ca3fd348c9994b72129d6c10236935f14197', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (h("li", { class: "pn-range-markers-item", "data-min": this.calcPercentage(value) === this.min, "data-max": this.calcPercentage(value) === this.max, style: { '--pn-range-marker-position': `${this.calcPercentage(value)}%` } }, h("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (h("datalist", { key: '1de13cbec1006384d3ff3a00b1b04542f7202c41', id: this.idDatalist }, this.markers.map(({ label, value }) => (h("option", { value: value, label: label === null ? null : label }))))), h("p", { key: '2a188f9aedf5a406f61b76124a1d50439fff9113', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasErrorMessage() }, h("span", { key: '487bc4892db02156d88b683e96bb576897926b6a' }, this.helpertext), h("slot", { key: '5145e5f591e33da198650034c8d4dcf0e47d30a9', name: "helpertext" })), h("p", { key: '969947b6672fcd16c7b0947a2d2dc2faf58a9334', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, h("span", { key: '5a0d01b2a9ca80f17cdf45329f3b900e1e1eabf7' }, this.error), h("slot", { key: '375f36337b860afd1d8b4c2b7bc8001d8653745f', name: "error" })))));
+        return (h(Host, { key: '7b15d5fd890496496ef2056fe05d84726ca469fb' }, h("div", { key: '61d8b45ca3ccf77cdafed4ba1b810c171ed7fc53', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, h("div", { key: 'e7c83db6b00415406d2906b48d0e502b241419ba', class: "pn-range-header", "data-input": this.input }, this.label && (h("label", { key: '11a45aa1c4559e8a067f3f795e6c471d1a208079', htmlFor: this.pnId, class: "pn-range-label" }, h("span", { key: '70f0c5a768b9524c2b029d723dc8440396ab9e73' }, this.label))), this.multiple && this.labelEnd && (h("label", { key: '87c879956b9c056e94e520160d2d5ce101156bdb', htmlFor: this.pnIdEnd, class: "pn-range-label" }, h("span", { key: '19cef5a35f5af8d7572bd25b8c585142090e01eb' }, this.labelEnd)))), this.renderPrefix(), h("div", { key: 'fa7fcce195c3ec0f59f68223235991c78b0cd1e5', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (h(Fragment, { key: 'b8cfb75f9e26ca87cfcea6c9ac86843b83dd7f65' }, this.renderRangeInput(true), h("input", { key: '6ae36cdd478fa192f7c131e6b1dbdbe4423beb31', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), h("div", { key: '87fa2359de2cb4ad694a5637e86105ddeb001d83', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (h("ul", { key: '7fba4903d152f1597916a6ca960d0ead94108705', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (h("li", { class: "pn-range-markers-item", "data-min": this.calcPercentage(value) === this.min, "data-max": this.calcPercentage(value) === this.max, style: { '--pn-range-marker-position': `${this.calcPercentage(value)}%` } }, h("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (h("datalist", { key: 'b14372658a0fef24130fb285de78833828db1690', id: this.idDatalist }, this.markers.map(({ label, value }) => (h("option", { value: value, label: label === null ? null : label }))))), h("p", { key: 'b69de56bb0a97f7a60a7cf7d68e52feb21a5af1b', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasErrorMessage() }, h("span", { key: 'd0a03b481006198b487144d0552b1719bf845f67' }, this.helpertext), h("slot", { key: 'e4c4698135491e6af33df77a7d0108f8c0aa0840', name: "helpertext" })), h("p", { key: '9f462d515aeedfa4c28d0214afa9dba5ec10225e', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, h("span", { key: 'cbf21fa15da09a99e7d6daf01e5b497dec7d437c' }, this.error), h("slot", { key: '93f9afd84d778eebf53d73531084c18fa583ee84', name: "error" })))));
     }
     static get is() { return "pn-range"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.js

@@ -129,7 +129,7 @@ export class PnSearchField {
         return this.searchSimple() ? 'outlined' : null;
     }
     render() {
-        return (h(Host, { key: '5ffa0c58cd54c1a6588147e5ec9a72e0045e16aa' }, h("div", { key: 'd18a2bdaef46229ff87fe1612d39489443fd70cc', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, h("div", { key: '1a7c9e872e0c7696f0d1d84a3420eade2b1cd2ed', class: "pn-search-field-container" }, h("input", { key: '3ff3e9809123283f66ea933f7bc9fb5a92489e51', class: "pn-search-field-input", id: this.getId(), type: "search", value: this.value, name: this.name, placeholder: this.placeholder, autocomplete: this.autocomplete, list: this.list, required: this.required, disabled: this.disabled, "aria-label": this.label, "aria-labelledby": this.getAriaLabelledby(), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), h("div", { key: 'eeb6d382c93f98da5561b30219ef829c668eab54', class: "pn-search-field-inline" }, this.searchAuto() && (h("pn-button", { key: '65d7049753656a7f4bce29e7e8c99305e99f15e2', class: "pn-search-field-button", type: "button", appearance: "light", small: true, icon: search, iconOnly: true, arialabel: this.getButtonLabel(), noTab: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })), !this.disabled && (h("pn-button", { key: '58bae5e2fc05c66cee21081e71904530ca75a0b9', small: true, class: "pn-search-field-clear", type: "button", appearance: "light", icon: close_small, iconOnly: true, arialabel: this.translate('CLEAR'), noTab: !this.value || this.loading, onPnClick: () => this.clearInput() })), this.searchAuto() && h("pn-spinner", { key: 'd3955278766f786897eb0024c7523179a2ad78c4', class: "pn-search-field-spinner" }))), !this.searchAuto() && (h("pn-button", { key: 'fd46d299cfd9600e671e827daa4a00675a6bd25b', class: "pn-search-field-submit", label: this.getButtonLabel(), tooltip: this.buttonTooltip, appearance: this.searchButtonAppearance(), variant: this.searchButtonVariant(), icon: search, iconOnly: this.searchSimple() || this.searchJumbo(), arialabel: this.searchSimple() || this.searchJumbo() ? this.getButtonLabel() : null, loading: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })))));
+        return (h(Host, { key: 'aa01f135ec98eed061d33617a5d21fb75407a917' }, h("div", { key: '17161eac733e7f46c26524baf0508292b1575712', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, h("div", { key: '12a771d29c021a6c83fe9aa152f8367c7f20f2e3', class: "pn-search-field-container" }, h("input", { key: 'b5ce3770f1ef6d53ee904ef40894eb91c76c96b4', class: "pn-search-field-input", id: this.getId(), type: "search", value: this.value, name: this.name, placeholder: this.placeholder, autocomplete: this.autocomplete, list: this.list, required: this.required, disabled: this.disabled, "aria-label": this.label, "aria-labelledby": this.getAriaLabelledby(), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), h("div", { key: 'f1922be073a70bbf54f67b7adc793c240b212769', class: "pn-search-field-inline" }, this.searchAuto() && (h("pn-button", { key: '497b71cf5c3a1403789a4746b92da1b6f72f6341', class: "pn-search-field-button", type: "button", appearance: "light", small: true, icon: search, iconOnly: true, arialabel: this.getButtonLabel(), noTab: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })), !this.disabled && (h("pn-button", { key: 'd1591b1d364e9da38129099a7f2841282c0d224e', small: true, class: "pn-search-field-clear", type: "button", appearance: "light", icon: close_small, iconOnly: true, arialabel: this.translate('CLEAR'), noTab: !this.value || this.loading, onPnClick: () => this.clearInput() })), this.searchAuto() && h("pn-spinner", { key: '205a3761b7637381f9ea50c4e28c6734f27558f3', class: "pn-search-field-spinner" }))), !this.searchAuto() && (h("pn-button", { key: '0b41069b9d9554c196e32289e82192137cd8059e', class: "pn-search-field-submit", label: this.getButtonLabel(), tooltip: this.buttonTooltip, appearance: this.searchButtonAppearance(), variant: this.searchButtonVariant(), icon: search, iconOnly: this.searchSimple() || this.searchJumbo(), arialabel: this.searchSimple() || this.searchJumbo() ? this.getButtonLabel() : null, loading: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })))));
     }
     static get is() { return "pn-search-field"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/pn-segmented-control.js

@@ -124,7 +124,7 @@ export class PnSegmentedControl {
     }
     /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/
     render() {
-        return (h(Host, { key: 'e50018a767b5280ce0144544f3fb213b8f025944' }, h("div", { key: '8f9f4beedc7b07d2431fde84456a96d501bdbf15', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, h("slot", { key: '1caffca6e2cd27adcb2c5bfa5b45f52043c85829' }), h("div", { key: '3ef184c6e26f194aa3b5e3ef284313f73aa03a6e', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), h("div", { key: '90c56a3f631557e062f70b4ef98231eafc1f46d7', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), h("div", { key: '371d10511a314e69613a195858dba3073f7ca920', class: "pn-sc-arrows", "data-left": this.showLeftArrow, "data-right": this.showRightArrow, hidden: !this.showScrollArrows }, h("button", { key: 'e698d859b989e8fde8864185d3fdce81584280da', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: 'e82f3b0257bd48dc281a6c113cecbd0cb551fd53', icon: arrow_left })), h("button", { key: '8eba509c3c48304c372d543e51edecaaf41cf564', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: '0ed1d7cd2b88a619f21e2ee8075c864f9bdcf561', icon: arrow_right })))));
+        return (h(Host, { key: '314c016bb1daea417c741babc236f8de14b9ab21' }, h("div", { key: '10af3eb77723a2f99d6e665e6340caf9aaf03d27', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, h("slot", { key: '516890ccb71a58628d1f527272424b295c8959ab' }), h("div", { key: 'f0f162d91a3c14a93b60195492978f03b41a0ecf', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), h("div", { key: '9ca1016209402986a1702db3f50f9d52d913d249', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), h("div", { key: '61d56ebba096df1a0cfab0aea8aa52059c62d13e', class: "pn-sc-arrows", "data-left": this.showLeftArrow, "data-right": this.showRightArrow, hidden: !this.showScrollArrows }, h("button", { key: '1da8665af3d990175b92e50cf83e01adca082909', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: '3e78658670b082a938a5f976ea34b51449d669af', icon: arrow_left })), h("button", { key: '03fad3f5c772b282850098e31d8ea717f5efb054', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: '659dfab232a3256a9819cdf4ec34445f9bbfa875', icon: arrow_right })))));
     }
     static get is() { return "pn-segmented-control"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/segment/pn-segment.js

@@ -36,7 +36,7 @@ export class PnSegment {
         return this.pnId || this.segmentid || this.id;
     }
     render() {
-        return (h(Host, { key: 'c1ca80ac494bc4b75dea79723d12650d18c47e98', onMouseEnter: (event) => this.handleHover(event) }, h("input", { key: 'c3bdb057f6ecb46a0a343da3c54331375a6c0e35', class: "pn-segment", id: this.getId(), name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), h("label", { key: '06f7c91d9440c867a98642246a7ef9c958f2eb1b', htmlFor: this.getId(), class: "pn-segment-label" }, this.icon && h("pn-icon", { key: 'caf831966dd81f60ac72f2c3a18ca1afd085d07c', icon: this.icon, color: "blue700" }), h("span", { key: '0d14699fcadef37bcb33d43464db9e5217d0d202', class: "pn-segment-text" }, this.label, h("slot", { key: '7e7398bba9a088764e844dc7856aec2ec325161b' })))));
+        return (h(Host, { key: '035a10616c69c6c25f0edcff2a31532138684e99', onMouseEnter: (event) => this.handleHover(event) }, h("input", { key: 'd256c8e01319f349339beafe2257ff2b2ebfbf08', class: "pn-segment", id: this.getId(), name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), h("label", { key: '1bd57da75f8c9de454777d4bdcc22f23703c9d7e', htmlFor: this.getId(), class: "pn-segment-label" }, this.icon && h("pn-icon", { key: 'f5c399f939fcad384b18c1de782fa542f3cf0ee9', icon: this.icon, color: "blue700" }), h("span", { key: 'e0484e6a5357c24a2fa61bdb63245703a8db9cda', class: "pn-segment-text" }, this.label, h("slot", { key: '1c2e2d941fefd272ea58fdcd0b98c0909eccfd5f' })))));
     }
     static get is() { return "pn-segment"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.js

@@ -124,7 +124,7 @@ export class PnSelect {
         return (h("label", { htmlFor: this.getId(), class: "pn-select-label", "data-compact": this.compact, "data-icon": !!this.icon }, h("span", null, this.label)));
     }
     render() {
-        return (h(Host, { key: 'dfd4d3814426a88b975bd86948c7ac2207255f4b' }, h("div", { key: '5423289d1771840d08ab1de18ab3af4a31cb98f1', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), h("div", { key: '164933a196821353cf7ca31d6d12b65a84da012a', class: "pn-select-input" }, this.icon && h("pn-icon", { key: 'da732b9152cba5035039a9761f38471d5885ddb1', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (h("pn-icon", { key: '3370ffc0f4f6de399762bf5d854433020830ff2e', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), h("select", { key: '2a31f44242dd230d68c8d10ed461aeb25f8ec231', id: this.getId(), class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-compact": this.compact }, h("slot", { key: '8130b7ac6969e2fa0c801e0b10a47e97cf6505bf' })), this.compact && this.renderLabel(), h("pn-icon", { key: 'c2167ea78e00914296efd758d044a9ea24e428da', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), h("p", { key: '528f5a13255b52009b6b291eff57a164b3650f07', id: this.idHelper, class: "pn-select-text", hidden: this.hideHelpertext() }, h("span", { key: '0a802a236cef453ef78783a051b29ccfd0efd997' }, this.helpertext), h("slot", { key: 'b23ef510ec48ac499ab6c589d0be1b71517a9496', name: "helpertext" })), h("p", { key: '026c3978d58c24193731048373e83510002dd116', id: this.idError, class: "pn-select-text", role: "alert", hidden: this.hideError() }, h("span", { key: 'b8724dfc973607a0f4776aa40846c2c86c33c8af' }, this.error), h("slot", { key: '90b29ba6d58e629783c4c8264c9aeaf3d84ffce8', name: "error" })))));
+        return (h(Host, { key: 'c00c913a1786719ef71800ed15adaf0dd47577ff' }, h("div", { key: 'c2ee0553f2c130e12e7bc5bcfb611d457071cdec', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), h("div", { key: '7e8d7a1ab89e30b870883ff50bec31dd2a38690d', class: "pn-select-input" }, this.icon && h("pn-icon", { key: '772eb356db3cdf4fd04a67e1666ddb98799d40c0', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (h("pn-icon", { key: '03ccbd0952abb83cc4828ad6bfca777e1544f7a6', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), h("select", { key: '46db113874c38b6f2ae6a42fbc63d9a9654a9dc1', id: this.getId(), class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-compact": this.compact }, h("slot", { key: '8253ace83c8f6454d8bae7550895768d4e53f809' })), this.compact && this.renderLabel(), h("pn-icon", { key: '88b094bd13b0d9cf912103427722e8be9ea2b687', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), h("p", { key: '03009e2b484ade6fadb9e20f161cfc50964db43a', id: this.idHelper, class: "pn-select-text", hidden: this.hideHelpertext() }, h("span", { key: '2620e53c70c4ab95efc9924faa1a3ea298ec741b' }, this.helpertext), h("slot", { key: 'bd9798ba17632021ce177292cc022f57ae52193f', name: "helpertext" })), h("p", { key: '6ba88b6a3884430e7c263803ece5000adb08abe7', id: this.idError, class: "pn-select-text", role: "alert", hidden: this.hideError() }, h("span", { key: 'dcc53f692bce2eaa5460075b9a1e191f29a777ad' }, this.error), h("slot", { key: '0cf932dadffd1df3958e400a08c090483fc7c397', name: "error" })))));
     }
     static get is() { return "pn-select"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.js

@@ -131,7 +131,7 @@ export class PnTextarea {
         return (h("label", { class: "pn-textarea-label", htmlFor: this.getId(), "data-compact": this.compact }, h("span", null, this.label), this.maxlength >= 1 && h("span", null, `${this.value?.length || 0}/${this.maxlength}`)));
     }
     render() {
-        return (h(Host, { key: '30ea927b4d57c041164f7ccfd052121d3723591b' }, h("div", { key: '2c927468a5159cd2544af2bd351df2b45a5abf55', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), h("textarea", { key: '2f933bd8e3477c3f7010d676f4fde0f49e2ebc9e', class: "pn-textarea-element", id: this.getId(), value: this.value, name: this.name, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), h("p", { key: '368de1a346ca5161b8e6da6170453cd68605e92c', id: this.idHelper, class: "pn-textarea-text", hidden: this.hideHelpertext() }, h("span", { key: '055d5ea03484c61e64bb674bad2a8bc5bffb253e' }, this.helpertext), h("slot", { key: '3782f2b397e46f3dd8e0d4253b1071b1d98ffb65', name: "helpertext" })), h("p", { key: '7a092d28df13950e4fba9e4df46c8e6176a70ae3', id: this.idError, class: "pn-textarea-text", role: "alert", hidden: this.hideError() }, h("span", { key: '49ef6664c21f2a4281dd8f8919cfa0d66d7554fb' }, this.error), h("slot", { key: '51819bfeff00a85706a4c60de35926e65e3cd22d', name: "error" })))));
+        return (h(Host, { key: '046f1fdb7dd6f834116a0488a90da361d7b91b1c' }, h("div", { key: 'f0ffbb17ac4dfe2074deba72fbc26e7988dafeb6', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), h("textarea", { key: 'aa82eb1bbe99f801941cb155fe1ee6af1f55b805', class: "pn-textarea-element", id: this.getId(), value: this.value, name: this.name, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), h("p", { key: '3b258a6423b92fb8fdc411db861be42c17f0b0d1', id: this.idHelper, class: "pn-textarea-text", hidden: this.hideHelpertext() }, h("span", { key: 'be839a0794224ee1766e56b09858df2050d7199a' }, this.helpertext), h("slot", { key: '631642b2a335fb0009cc110f177cbe4851d5a0fb', name: "helpertext" })), h("p", { key: '7f91ffb2a81e5dd9a78187d86aa71aca6e2b43d7', id: this.idError, class: "pn-textarea-text", role: "alert", hidden: this.hideError() }, h("span", { key: '4d8d749e257bb292c8e0b982354e9a7add06b50b' }, this.error), h("slot", { key: '7178418c4bf5cbe7b2bc8de6f586766e3cbc73c9', name: "error" })))));
     }
     static get is() { return "pn-textarea"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.js

@@ -90,7 +90,7 @@ export class PnToggleSwitch {
         return !this.displayLabel() && !this.pnAriaLabel ? this.pnAriaLabelledby : null;
     }
     render() {
-        return (h(Host, { key: 'e6a6de7ded1a69b16843133338ba8a1ae1294b19' }, h("div", { key: '142125dd53902df30a93a5e5257650a7841a1644', class: "pn-toggle" }, h("div", { key: 'd4e35ed179dc5f1423cdf59cf0481ecbcb33021f', class: "pn-toggle-content" }, this.label && (h("label", { key: 'f38bdb380fb05349909e386dd6e22d841c0caf56', htmlFor: this.getId(), class: "pn-toggle-label" }, h("span", { key: '94a35b2682a039613dd0814a25ba30f954018dc6' }, this.label))), h("p", { key: 'c621112acea7f18b7943d9d07c0af52dd7455329', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && h("span", { key: '1959f88dbe079595e3cd6bbb48098e2777ab642e' }, this.helpertext), h("slot", { key: 'e493dcb3022bd31c4ecfb349756d3d83bf51bf9a', name: "helpertext" }))), h("div", { key: '1f13bb2bcb798b5221d06e55640848034ad2b260', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, h("input", { key: 'ebf1c43df4b75f8df0769d2d458c04fbf17385f6', id: this.getId(), class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy() }), h("div", { key: '51c67cb5c61e3d3b93bd49013594109772b7d796', class: "pn-toggle-bg" }), h("div", { key: '1932ea8d92b8ab57a47fdd3ced9795be78cc1620', class: "pn-toggle-circle" }, h("svg", { key: '67e5adc0818d3fe76de4dffa45bc8c1d5c9fba45', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: 'f1722e0d19629ea38eac2faa6d2ccaf007e78463', points: "4,12 9,17 20,6", "stroke-width": "3" })), h("pn-spinner", { key: '60ab6b2fea45ddbc8793b06f18032df94c858a9d', size: this.getSpinnerSize() }))))));
+        return (h(Host, { key: 'a3363d23f18ca6fd7e9240dcaa46946cda07dd7b' }, h("div", { key: '203140db6d9953527ba4f15e7289bffb2e69a2a1', class: "pn-toggle" }, h("div", { key: 'dac906f74e8aa9899bcb1c99ee53e82695f5a280', class: "pn-toggle-content" }, this.label && (h("label", { key: 'fecf18137bbec21e45feb4380f6c0ebdd0dae01a', htmlFor: this.getId(), class: "pn-toggle-label" }, h("span", { key: '176e29c2756be27e0975690fe0d5f555b382ef6f' }, this.label))), h("p", { key: '865da739546b4f5214fdb63d22a1ea23f1029203', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && h("span", { key: 'c958031faa669b81215300bd4bc2b31fed018e1a' }, this.helpertext), h("slot", { key: '01267d6e878a089a7174e2747cd232fd9a250f28', name: "helpertext" }))), h("div", { key: 'e3f74dd8febd161788f7a9d197e4216cfa00513e', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, h("input", { key: '2e9627c525e29bf561072b6d5578b379cba5f597', id: this.getId(), class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy() }), h("div", { key: '45c2b0269215a6ffa48654541f81d70f33eb57d3', class: "pn-toggle-bg" }), h("div", { key: '684e373a709db9877993c18f29eefc68e6f74585', class: "pn-toggle-circle" }, h("svg", { key: 'e918edb5254603543bc20d639164c05f56db1c54', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: '4f5441441932cd5e645686a8226ddd6a9744b47c', points: "4,12 9,17 20,6", "stroke-width": "3" })), h("pn-spinner", { key: 'a0d94d932142f174c009bf0fb61d23714f9f700d', size: this.getSpinnerSize() }))))));
     }
     static get is() { return "pn-toggle-switch"; }
     static get originalStyleUrls() {

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

@@ -69,7 +69,7 @@ export class PnHeader {
         return this.goBackText || translations[this.language || en];
     }
     render() {
-        return (h(Host, { key: 'cffcb3a6763d13783bad5d6b75f5402cfd92798b' }, h("header", { key: '7b6d663687fe12546ed88aaea3b97efd82afac69', class: "pn-header" }, h("div", { key: 'aec8dbf448077f14036f0cd4885add8bb650d647', class: "pn-header-container" }, h("div", { key: 'bff188666b4aa2f5df35476eddf17ac4ba5ba182', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (h("pn-text-link", { key: '0f2ad8624741de50b2ed1c13cf7cfcae9ad6c223', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), h("slot", { key: 'ece3524aafbff34f28e0d9cc6eafc587e1daeba5', name: "breadcrumb" })), h("div", { key: '1356eb7d669666b327575a00abdf86bbf9a9e38a', class: "pn-header-content" }, this.heading && h("h1", { key: 'c3e1419dbf20e789c98ea32bb73a3e5e1021f75a' }, this.heading), h("slot", { key: '94491e7af78f2ee44bc45b3a261f2bcc8af81377' })), h("div", { key: 'e2db0dcd84f2fbeb58ab793cd4220861c2320433', class: "pn-header-buttons", hidden: !this.hasButtons }, h("slot", { key: '1745323caaf67eb3f316f4ff56451ffefb6d9b7e', name: "buttons" })), h("slot", { key: '17d56ba2c125c766c05ae84eb82839391447dd74', name: "menu" })))));
+        return (h(Host, { key: '82364cab3b3aece27e10f06e565b8ce0d6597f14' }, h("header", { key: '368dfc4db49a8903c8cad81c9b161fe25095e2d1', class: "pn-header" }, h("div", { key: 'f98b1ba196ed150cc27f9136f25ad46c31d7424e', class: "pn-header-container" }, h("div", { key: '6c7465e8060690aa36a4e405f640cd23bfa0c0f2', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (h("pn-text-link", { key: 'd6dc1b2b5a22e80c95d42fadcd4912de1df35bb8', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), h("slot", { key: '44f163e4552a10f1340e51752bc2d825d74391ad', name: "breadcrumb" })), h("div", { key: 'afb2d897acf67744c1a0eac4d5089f40bec07d40', class: "pn-header-content" }, this.heading && h("h1", { key: '8135619a44048a4072453140f6bd0e4fb5e349aa' }, this.heading), h("slot", { key: 'c013b74286636fd9ebfe575161ba8829d0eac903' })), h("div", { key: '5942ae47d1426f033565d20f294a9e0906600dbb', class: "pn-header-buttons", hidden: !this.hasButtons }, h("slot", { key: '287ff16c616bf76f832a867ad077d1f62a29d9e0', name: "buttons" })), h("slot", { key: '7e9778bf8258cae60e27ceb3c1638f759ff02e82', name: "menu" })))));
     }
     static get is() { return "pn-header"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-card/pn-card.js

@@ -101,7 +101,7 @@ export class PnCard {
     }
     render() {
         const TitleTag = this.getHeadingTag();
-        return (h(Host, { key: '8126385831d763637aed6ebe4fa61fd0bdb42764' }, h("article", { key: '93c75dc2d9e71844e36a9cdd6914f42eae34f7b0', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, h("div", { key: '140936bb72867a5ef4351363dfda52698b9d9df0', class: "pn-card-image" }, h("picture", { key: '60de2f3f53b4d7f1e1cbe37b1ff47686c9e48b72', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: '47cffafc0d642f6cf0c682cd96f9fd11609f924e', name: "image" }))), h("div", { key: '6768342177fe3884d9bd20b0ca516cf026b69751', class: "pn-card-content" }, h("header", { key: '91e023c92c33bf74c39200387edc7a3d3c2f2d42', class: "pn-card-header" }, h("div", { key: '9d7771c4275569012021a07f9165ba4a8ce8c297', class: "pn-card-tags" }, h("slot", { key: 'c45641bd02093f8001dee361b6b8577a383f72ba', name: "tags" })), !!this.overline && h("p", { key: 'b152b16d2488e82556e9f56f90daf0edfe8ae33f', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: '3bc086490090afc05ad44c0e1736009b82fbe814', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: '1188ca2c3260dd509811cfb5aa5356488f211e1a', name: "header" })), h("section", { key: 'ba0b7362ddd721041466ac979ba198170b016fb1', class: "pn-card-section" }, !!this.text && h("p", { key: '76aa9e90ac18ff66ec15a436ec8eec9e22c67748', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: 'bd0f035ce418425c1ac1871ec1cb98f850cd97e1' })), h("nav", { key: '1a538e55ed6c9c07f3f8c5dd823f80ed3a149ed6', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: 'a18605058f0dc733ceeeab9fa6a44fb524c93630', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, h("pn-icon", { key: '066242008cd49a69d64db93da7a87bbdcdd1beda', color: "blue700", icon: this.getIcon() }))), h("slot", { key: 'bbe0271663622b8adf542232daa573a467b34f16', name: "navigation" }))))));
+        return (h(Host, { key: '65ed28a0a625760d11f9bd7961978af7573f7062' }, h("article", { key: '2f05480099b5bedddba115a3f00174d0ed4f9658', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, h("div", { key: '1ec2a31f2e71b9f4a511efb49461541f141ff077', class: "pn-card-image" }, h("picture", { key: '869648c55b9e64091b55f501b759ffcddc33a8c5', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: '9e31feb5e4c486159fb4f9ebb57cefbd7d156988', name: "image" }))), h("div", { key: 'e2cfd35b304c05fb569da26aa7f248ed53b1e7aa', class: "pn-card-content" }, h("header", { key: 'a5730ce876dd1b5fa0c6c37ba400801530bf99ea', class: "pn-card-header" }, h("div", { key: '4e9566e679185db1704e313002d20d7016558c25', class: "pn-card-tags" }, h("slot", { key: '0c4863c1ef7b69ef8a333dd7ac834f76b8a3fc00', name: "tags" })), !!this.overline && h("p", { key: '8129ee0e178e4db9fcbf9895e75d64c02279a0a6', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: '62a8d9c1512683f3e4248eac05bf2f33e0374fe9', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: '13f3c2e3e182ce134dc7be0af3c8c2dec1c1f751', name: "header" })), h("section", { key: 'c34ddb8484423b65927ace2e0b46deed6b1d3b64', class: "pn-card-section" }, !!this.text && h("p", { key: '8370b223a2af93f64eb2efd84dda0b172324be54', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: '363cc14089263d2e640f35707a6503aeb77ae8a6' })), h("nav", { key: '5636561cc2dc0eb1a1f42d213e87e73da9a3ce98', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: '9c7be2037e54320ccb2668170828e7ffc8fd7d25', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, h("pn-icon", { key: 'd77e3349eb1ed2cb3e8e72418c70d66b93ad5b20', color: "blue700", icon: this.getIcon() }))), h("slot", { key: 'c28d4208e146a77f334fc326e7abbbf53e86e028', name: "navigation" }))))));
     }
     static get is() { return "pn-card"; }
     static get originalStyleUrls() {

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

@@ -43,7 +43,7 @@ export class PnFooter {
         }
     }
     render() {
-        return (h(Host, { key: '3084a31d6969b90b764dd8628d8d101039fdccab' }, h("div", { key: '1cee8fccb6ea8ad756c25c1b852baecfcb370b43', class: "pn-footer-row" }, h("p", { key: '52e46e93ec83d58a793a2516e2cc073723269ad0' }, this.getText('questions')), this.renderLink('contact')), h("div", { key: '3a2f09d53818ffcb8fe7a4fb2e2b8829a5ddea04', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), h("div", { key: 'ab1ef6ce8fd6471c5411ff68c286cb0e9061ccc1', class: "pn-footer-row" }, h("p", { key: '4ebc800c5db13c04262d94dc9db10ed43fcd9c3f' }, this.getText('info')), this.renderLink('domain'))));
+        return (h(Host, { key: '61cf8e26fec57dff5d84b3bdbf6d72cb90dcf3c2' }, h("div", { key: 'b796d5ac1f8755487ca528d9ebe6422b488ad211', class: "pn-footer-row" }, h("p", { key: '9605f844d588bb9beecbdf8825de7062d2307b84' }, this.getText('questions')), this.renderLink('contact')), h("div", { key: 'd9c7999ad9ba1590855037c1d9c3b660f8c6baf9', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), h("div", { key: '2fbccb619a895f09f01e5d97c9530717fe5b38b1', class: "pn-footer-row" }, h("p", { key: '9505adff1fb347f7eba8c7a4db771a7ba9b5a65c' }, this.getText('info')), this.renderLink('domain'))));
     }
     static get is() { return "pn-footer"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.js

@@ -40,7 +40,7 @@ export class PnPageNavDropdownItem {
     }
     render() {
         const TagName = this.getTagName();
-        return (h("li", { key: '93c6bd31a88c76797cee2bc915c31e6ecfa5aace' }, h(TagName, { key: '2818d4f3a1572f863f9b9a8609d572f5994f6e75', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, h("slot", { key: 'e04f130737445747a2b93bf9d7372bf22889fcff' }), h("pn-icon", { key: '934d46f6bd482171d974efec7c4494f8b1b1faff', icon: arrow_right, color: "white" })), h("hr", { key: 'c5c9c4a24affe5b10d56e8a6ca5d6bee434aa571' })));
+        return (h("li", { key: 'a092dbd0ea2bead9b2d974cadf80f74190a0d14e' }, h(TagName, { key: 'd0d9542e100b59c39ced2612c9b279d7d07bd876', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, h("slot", { key: '96f8721e300c4b32e72df20079030986d5ffee6b' }), h("pn-icon", { key: 'd835de522cec9ec9f686bb9c0d30d842d4feeb80', icon: arrow_right, color: "white" })), h("hr", { key: 'db691728876fa378a714eb13202922a99bd8ca46' })));
     }
     static get is() { return "pn-page-nav-dropdown-item"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.js

@@ -23,7 +23,7 @@ export class PnPageNavItem {
         this.itemselection.emit(this.value);
     }
     render() {
-        return (h(Host, { key: 'b4249e533daa9f96259d5379fdfcd90d87f3cc11' }, h("li", { key: '86b933f5d6b4bc827826c679a6ddf04efca08ee9' }, h("a", { key: '217797b771a53db8bbf53272eaafe816fc668ebc', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && h("pn-icon", { key: '8de359aa34e50caa65a66db5620590f24d409dae', icon: this.icon, color: "white" }), h("slot", { key: '5610d030d68f2e7f3f8eac68c02a01c3f9624f5e' })))));
+        return (h(Host, { key: '3bceeadfd2b66e184d7c287e0d720d8093e571fa' }, h("li", { key: '58eb5671306d42c653113838c1a1ba9c96312c2d' }, h("a", { key: '438609540a2a64ac3aabf8030b68056574e68551', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && h("pn-icon", { key: '945dd1e63943e2854290b010f088caa08f684cc4', icon: this.icon, color: "white" }), h("slot", { key: 'f3a9032f5373651349135b101a23ef2dc52a52a9' })))));
     }
     static get is() { return "pn-page-nav-item"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.js

@@ -294,7 +294,7 @@ export class PnPageNav {
     }
     /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */
     render() {
-        return (h(Host, { key: '2bca6384910b5b314ddbb6f4f646fa95ee084c09' }, h("div", { key: '2322adc21546db4fcf950f0136516ef3a059b409', class: "pn-page-nav-wrapper" }, h("nav", { key: '62ce2c8c14c2748b8e5f4fd91263c19b70db1559', class: "pn-page-nav" }, this.dropdownActive && (h("button", { key: 'a7839cdd22ca1fbb7f2a1dcb56ebf8d9d7dda05d', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, h("pn-icon", { key: '1a91a0a67c34295456c3bdb943740b257d942a53', icon: chevron_down, color: "white", small: true }), h("div", { key: '1197635d3c157fae6b5fd90b52a8a61af8de4b8e', class: "pn-page-nav-divider" }))), h("ul", { key: '3a19fcbe877e2dc81c76d378fffe1536ac1af54f', class: "pn-page-nav-items" }, h("slot", { key: 'aff622272002a021fc4606cb9d43aa9d86e06ba3' }), h("li", { key: 'eb6d08cc390d742576a633629ee930b979ee9fdf', class: "pn-pn-bg pn-pn-active", role: "presentation" }), h("li", { key: '86be3cba39c47f3bc7f3c87afedfef66afcd6fb2', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (h("div", { key: '875412be070486024d5886f5f4099747b0d51b8a', class: this.scrollArrowClasses() }, h("button", { key: '358199bf37ce3473f002ae20e6dfab31a1ae0ac5', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: 'c40ceef73645e7bf9cec3935e892faf8c369a158', icon: arrow_left, color: "white" })), h("button", { key: '8ac847b47005a0d61f72de5122601c38ff268655', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: 'dc21c3242fe32126adca3ebc38c8a8eeed705aca', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (h("ul", { key: '7666ab6c68d3b9fe0bd39ac4bd1cec2e240e6871', id: this.navid, class: this.dropdownClasses() }, h("slot", { key: '64c6a3b285fb8058eb8085f2557e001c6711db4c', name: "dropdown-item" })))));
+        return (h(Host, { key: '57c1d7248ca2704b6acf675cfd9648d5d2afcf60' }, h("div", { key: 'b02d7389cb66d185ff1d72674a3ce2d2c3a81e76', class: "pn-page-nav-wrapper" }, h("nav", { key: '60d1d6974945dd5971a967d92886c4c4a3a5b4ff', class: "pn-page-nav" }, this.dropdownActive && (h("button", { key: '6ce020ca42332cd760c410b6144f2317fa95f239', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, h("pn-icon", { key: 'd2b750dc24022e5b1b5425b4b2a76dcba0c26c69', icon: chevron_down, color: "white", small: true }), h("div", { key: '1257070fcbcfcbe08142b379466f7fd7dc3d37ee', class: "pn-page-nav-divider" }))), h("ul", { key: 'd72c186854c5a679bb9395c7aa9f0dfe469b8f14', class: "pn-page-nav-items" }, h("slot", { key: 'ba7a508c841b594466bdadf1bf904cadef5b2bc9' }), h("li", { key: 'c50294022952d8168886d816509a0297c262071c', class: "pn-pn-bg pn-pn-active", role: "presentation" }), h("li", { key: 'a2dfc8bb63575feabb0a58caae1e8ae76e873943', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (h("div", { key: '5e99c2cc1d1122091b2286e4fd9c54cb0734fb59', class: this.scrollArrowClasses() }, h("button", { key: 'a92f375c45a6705154b58dd5ca8df03cf6010a6f', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: '58413aff678f1b3a4d17a3693261fc9f3110d8cc', icon: arrow_left, color: "white" })), h("button", { key: '2a83e1480087752eacebdf5c35fcfbea3fa3cb8d', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: 'fde8949b978be59ae2d9c5ab44ce286b72c35790', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (h("ul", { key: '802117bef707c98683b3ed30449897ac13d6af05', id: this.navid, class: this.dropdownClasses() }, h("slot", { key: '414852b90620a09a11f9a4c3b1d7d4809b6f8487', name: "dropdown-item" })))));
     }
     static get is() { return "pn-page-nav"; }
     static get originalStyleUrls() {

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

@@ -188,7 +188,7 @@ export class PnPagination {
         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: 'a975a04388ce0495aef863236d3fd2f936380fed' }, h("nav", { key: '920aeb21c535b7f09bc54924865d3b5be2a65652', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (h("pn-select", { key: '880de99ef3a2a1400ff08f420c8c81017846e1fa', 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: 'd11a69a8d7f5efcaae031214f2abf417d8922207', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), h("ol", { key: '2a5777aecd5210105ea26ed8c8cb9d99d1f1efc8', 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)))));
+        return (h(Host, { key: '5c36be3d032fa0769af32e78f76ef7681b87b5b0' }, h("nav", { key: '1e63a84c6f9e0b43bffd675d24d8b11e1a2e6abb', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (h("pn-select", { key: '07e4af8aab83392cedff2587e72abab3045ccdaf', 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: '6ece9af08f44edde18795c16b03b476de6682be9', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), h("ol", { key: '6c87dbecfad6aecc50c10158e17a903581902c45', 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 is() { return "pn-pagination"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.js

@@ -151,7 +151,7 @@ export class PnTablist {
         return translations?.[prop]?.[this.language || en];
     }
     render() {
-        return (h(Host, { key: '7dca608244acd89c6506d10db8bd774055623f77' }, h("nav", { key: '263e6774e93dd98d82282d9f591b4f2053c0421c', class: "pn-tablist", role: this.isMenu ? null : 'tablist', "aria-label": this.label, "data-stacked": this.stackedicons, "data-small": !this.isMenu && this.small, "data-large": this.isMenu, "data-scroll": this.showScrollArrows, ref: el => (this.tabListEl = el) }, h("slot", { key: '3a5a6f587b750c035f1b61b1184bf7d9fd843cd2' }), h("div", { key: 'a21c49db6f1f38066d7b54d11faeb441cfbd52b1', class: "pn-tablist-line" }, h("div", { key: '35f4d30ba1e7de4737dd65d38febd6cf0dc0ab41', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), h("div", { key: 'ab05a4b61abac290894cd93e89bd9de80c710189', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), h("div", { key: '1845500af4535f9a7d4006fc781f52c7a31776d9', class: "pn-tablist-scroll" }, h("pn-button", { key: 'c7421e16d531fe9559b46a3e0fa8bdcb4bf5a142', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), h("pn-button", { key: 'a79c5096ee1f9ca79755b54db6bc0b05d3c8ac5a', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
+        return (h(Host, { key: '5e8d5b627e77c77e6de6bc560695f1acd5b1630d' }, h("nav", { key: 'a33459d6510b75b5fc72674ab18606c4806a4058', class: "pn-tablist", role: this.isMenu ? null : 'tablist', "aria-label": this.label, "data-stacked": this.stackedicons, "data-small": !this.isMenu && this.small, "data-large": this.isMenu, "data-scroll": this.showScrollArrows, ref: el => (this.tabListEl = el) }, h("slot", { key: '7bc0071b838903823c0c687385cd7d3311e83111' }), h("div", { key: '50a05b5c23f05341728a941f3285e33c0b4dea0b', class: "pn-tablist-line" }, h("div", { key: '9f838979792831b3283e35e60328ef406a52115e', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), h("div", { key: '06c6f200d2aa9eab372bcf5eee3b903864b2b7ff', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), h("div", { key: 'a43537577c3442186c66418cbaa26d48547c0828', class: "pn-tablist-scroll" }, h("pn-button", { key: '7881274a4cffa56529a8c1684d38d7bc3af7ac66', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), h("pn-button", { key: '0f38bf167cf2c8784242439c43950e5608699bed', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
     }
     static get is() { return "pn-tablist"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.js

@@ -127,7 +127,7 @@ export class PnTab {
     }
     render() {
         const Tag = this.tag;
-        return (h(Host, { key: '37a1d2234aa0d4fe1f5f1af6f8334f9e4109eff6' }, h(Tag, { key: '17e8e25c54b556f65b7c98ac4eaef07f1bc131ac', id: this.tabid, class: "pn-tab", ...this.renderProperties(), onClick: (e) => this.handleClick(e), onMouseEnter: (e) => this.triggerEnter(e), onFocus: (e) => this.triggerEnter(e), onMouseLeave: (e) => this.triggerLeave(e), onBlur: (e) => this.triggerLeave(e), onKeyDown: (e) => this.arrowKeyNav(e) }, !!this.icon && h("pn-icon", { key: '42c7473fd8b573ec47e8e2074a4ded3ff3e40249', icon: this.icon, color: this.iconColor() }), h("slot", { key: 'c39be583c461850d49f7e5a96c071c80b7b132da' }), h("span", { key: 'ce995d860775c71e8fda7dc4e94c2a7896759f62', class: "pn-tab-label" }, this.label))));
+        return (h(Host, { key: '55537e72d57486887ce53f76414c3cf2f6cf8d5d' }, h(Tag, { key: 'a6b04fbff9c34f49e3ef93b4d34dc7dc08fcdbc9', id: this.tabid, class: "pn-tab", ...this.renderProperties(), onClick: (e) => this.handleClick(e), onMouseEnter: (e) => this.triggerEnter(e), onFocus: (e) => this.triggerEnter(e), onMouseLeave: (e) => this.triggerLeave(e), onBlur: (e) => this.triggerLeave(e), onKeyDown: (e) => this.arrowKeyNav(e) }, !!this.icon && h("pn-icon", { key: '9d7fc111d42a22dbed2f9bc3a67644d6de632e61', icon: this.icon, color: this.iconColor() }), h("slot", { key: '09d51a66dada9af7263e01ea08b0717cba6f4722' }), h("span", { key: '23ae59bf1b5fbb25fe3a936758402c67e47eee3a', class: "pn-tab-label" }, this.label))));
     }
     static get is() { return "pn-tab"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-text-link/pn-text-link.js

@@ -31,7 +31,7 @@ export class PnTextLink {
     /** Set a unique html ID of the a element. @category Link attributes */
     linkid;
     render() {
-        return (h("a", { key: '0641c9d91a5652eba8498546f1c2e64b3bf5c7f4', id: this.linkid, class: "pn-text-link", href: this.href, rel: this.rel, target: this.target, download: this.download, hreflang: this.hreflang, media: this.media, referrerPolicy: this.referrerpolicy, "data-icon": !!this.icon, "data-icon-left": this.leftIcon, "data-light": this.light }, this.label, h("slot", { key: 'dd448ea86844b810197fb2735025b9213984918f' }), this.icon && h("pn-icon", { key: '4350858f2f87b0c35e472078ea30eb252a894651', icon: this.icon })));
+        return (h("a", { key: 'c6ea5bb512bf4ea09b6003358805533d2230ec67', id: this.linkid, class: "pn-text-link", href: this.href, rel: this.rel, target: this.target, download: this.download, hreflang: this.hreflang, media: this.media, referrerPolicy: this.referrerpolicy, "data-icon": !!this.icon, "data-icon-left": this.leftIcon, "data-light": this.light }, this.label, h("slot", { key: '17fa00f7ca96e51f512713cd344d9c8bfb160af1' }), this.icon && h("pn-icon", { key: '99a0150b6b9be360f911c2afb66c728ae54d739b', icon: this.icon })));
     }
     static get is() { return "pn-text-link"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.js

@@ -72,7 +72,7 @@ export class PnTile {
         this.pnTile.emit({ click: event });
     }
     render() {
-        return (h(Host, { key: 'a29b0f244288bdff245e275a9ab3d11bec87a476' }, h("div", { key: 'beed67096e5bd7448416b5c0422596f2e4d61be9', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, h("div", { key: '458a7df237ec2fc27c33c3f3306d880f5ba6ab11', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (h("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && h("pn-icon", { color: "blue700", icon: this.icon })), h("div", { key: 'bd70e9eb9e29cd48d29170e05f279019005d564a', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, h("slot", { key: 'c22dee0ca1663e47fbbc2625af6060ebc1fec4d5', name: "illustration" }))), h("div", { key: '0dbb257acaf45f22a16f4bd4616d1a862c281ee9', class: "pn-tile-text" }, h("h3", { key: 'c2459327b7ac973e8f7f4c372c6457d70db4bfde', class: "pn-tile-title" }, this.url ? (h("a", { class: "pn-tile-link", href: this.url, target: this.target, rel: !this.rel && this.isExternal() ? 'noopener noreferrer' : this.rel, onClick: e => this.clickHandler(e), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.label)) : (this.label), this.isExternal() && h("pn-icon", { key: '661061f5e03c7b658967e1c9e306857b730203b0', icon: open_in_new, small: true, color: "blue700" })), h("div", { key: '8c51850bc85b2223dcd67c81d8f15a78ec9ef3cc', class: "pn-tile-slot" }, !!this.text && h("p", { key: '9759d3fd1a5a5219dc22a31ab874eab2475e14d8', class: "pn-tile-paragraph" }, this.text), h("slot", { key: 'b3e0e1442bfb5cc003e696be617c879919facbbc' }))))));
+        return (h(Host, { key: '127727acb1596f91d84fce39bb15da17557ab760' }, h("div", { key: 'afc40764a1e45b51127f4622758678351d6c6c4e', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, h("div", { key: '32546ad6c86dd3ca850b4161c5672fdfc612ccf4', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (h("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && h("pn-icon", { color: "blue700", icon: this.icon })), h("div", { key: '4bc8653775913c7c3f5437b724905833136d6305', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, h("slot", { key: '4d1658c813db7e2b4b6f2c32ce081384a576cf2d', name: "illustration" }))), h("div", { key: 'f51d689d6d72a039d83adbdc28d6b6de2953e610', class: "pn-tile-text" }, h("h3", { key: '904c4fb3f4578842cebef57f810314fc41e47ab5', class: "pn-tile-title" }, this.url ? (h("a", { class: "pn-tile-link", href: this.url, target: this.target, rel: !this.rel && this.isExternal() ? 'noopener noreferrer' : this.rel, onClick: e => this.clickHandler(e), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.label)) : (this.label), this.isExternal() && h("pn-icon", { key: '1bbebd1324580d07ef646a272b0f73396a6ff7db', icon: open_in_new, small: true, color: "blue700" })), h("div", { key: 'b223d1cda348abe5dc4c07e4d52d33580b6fdf67', class: "pn-tile-slot" }, !!this.text && h("p", { key: '6e79f2654198dfe5d1f3dab7cd0527174393b00e', class: "pn-tile-paragraph" }, this.text), h("slot", { key: '33a4dfe4e18147785372a56c19b78e8961ad1ccb' }))))));
     }
     static get is() { return "pn-tile"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/web-components/pn-ocr-search/pn-ocr-search.js

@@ -72,7 +72,7 @@ export class PnOcrSearch {
         }
     }
     render() {
-        return (h(Host, { key: '7cf50eabd6310124086f1674537bbb5f73ac6714' }, h("pn-search-field", { key: 'b8a24cdd8fdbb4ad6ac051bddd064f731bac8880', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (h(Host, { key: 'c6f418483d78065a3a95f94f18613f76088ae279' }, h("pn-search-field", { key: 'c28bff48bc802958b6c8c05f54ad9093c3b1708e', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
     static get is() { return "pn-ocr-search"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.js

@@ -84,7 +84,7 @@ export class PnZipcodeSearch {
         }
     }
     render() {
-        return (h(Host, { key: '2631586788c0b4fc5e5b4914dd44e9b20c87598e' }, h("pn-search-field", { key: '0d9743b99db487cb1acb27825fca4e872e25c72d', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (h(Host, { key: '604fc6f9244f665ee3aec5411ed21c475e103755' }, h("pn-search-field", { key: '80704adf3156c3ad8b0430cff195344ae2e31536', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
     static get is() { return "pn-zipcode-search"; }
     static get originalStyleUrls() {

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';export{l as c}

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

@@ -33,6 +33,8 @@ export { PnIllustration as PnIllustration } from '../types/components/design-tok
 export { defineCustomElement as defineCustomElementPnIllustration } from './pn-illustration';
 export { PnInput as PnInput } from '../types/components/input/pn-input/pn-input';
 export { defineCustomElement as defineCustomElementPnInput } from './pn-input';
+export { PnInputChip as PnInputChip } from '../types/components/input/pn-input-chip/pn-input-chip';
+export { defineCustomElement as defineCustomElementPnInputChip } from './pn-input-chip';
 export { PnModal as PnModal } from '../types/components/feedback/pn-modal/pn-modal';
 export { defineCustomElement as defineCustomElementPnModal } from './pn-modal';
 export { PnMultiselect as PnMultiselect } from '../types/components/input/pn-multiselect/pn-multiselect';
@@ -69,6 +71,8 @@ export { PnSegmentedControl as PnSegmentedControl } from '../types/components/in
 export { defineCustomElement as defineCustomElementPnSegmentedControl } from './pn-segmented-control';
 export { PnSelect as PnSelect } from '../types/components/input/pn-select/pn-select';
 export { defineCustomElement as defineCustomElementPnSelect } from './pn-select';
+export { PnSkeletonLoader as PnSkeletonLoader } from '../types/components/feedback/pn-skeleton-loader/pn-skeleton-loader';
+export { defineCustomElement as defineCustomElementPnSkeletonLoader } from './pn-skeleton-loader';
 export { PnSpinner as PnSpinner } from '../types/components/feedback/pn-spinner/pn-spinner';
 export { defineCustomElement as defineCustomElementPnSpinner } from './pn-spinner';
 export { PnTab as PnTab } from '../types/components/navigation/pn-tablist/tab/pn-tab';

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

@@ -2,4 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions,setTagTransformer}from"@stencil/core/internal/client";export{D as DK,F as FI,N as NO,S as SE,k as awaitTopbar,d as da,e as en,f as fi,g as getBytesFromHumanReadableFileSize,c as getMenuHeight,h as getMenuWidth,b as getTopbarHeight,j as getTotalHeightOffset,i as isSmallScreen,l as languages,a as marketMap,m as markets,n as no,r as reduceMotion,o as ripple,s as sv,u as uuidv4}from"./helpers.js";export{PnAccordion,defineCustomElement as defineCustomElementPnAccordion}from"./pn-accordion.js";export{PnAccordionRow,defineCustomElement as defineCustomElementPnAccordionRow}from"./pn-accordion-row.js";export{PnActionMenu,defineCustomElement as defineCustomElementPnActionMenu}from"./pn-action-menu.js";export{PnButton,defineCustomElement as defineCustomElementPnButton}from"./pn-button.js";export{PnButtonDropdown,defineCustomElement as defineCustomElementPnButtonDropdown}from"./pn-button-dropdown.js";export{PnCard,defineCustomElement as defineCustomElementPnCard}from"./pn-card.js";export{PnCheckbox,defineCustomElement as defineCustomElementPnCheckbox}from"./pn-checkbox.js";export{PnChoiceChip,defineCustomElement as defineCustomElementPnChoiceChip}from"./pn-choice-chip.js";export{PnCounter,defineCustomElement as defineCustomElementPnCounter}from"./pn-counter.js";export{PnDatePicker,defineCustomElement as defineCustomElementPnDatePicker}from"./pn-date-picker.js";export{PnFieldset,defineCustomElement as defineCustomElementPnFieldset}from"./pn-fieldset.js";export{PnFileUpload,defineCustomElement as defineCustomElementPnFileUpload}from"./pn-file-upload.js";export{PnFooter,defineCustomElement as defineCustomElementPnFooter}from"./pn-footer.js";export{PnHeader,defineCustomElement as defineCustomElementPnHeader}from"./pn-header.js";export{PnIcon,defineCustomElement as defineCustomElementPnIcon}from"./pn-icon.js";export{PnIllustration,defineCustomElement as defineCustomElementPnIllustration}from"./pn-illustration.js";export{PnInput,defineCustomElement as defineCustomElementPnInput}from"./pn-input.js";export{PnModal,defineCustomElement as defineCustomElementPnModal}from"./pn-modal.js";export{PnMultiselect,defineCustomElement as defineCustomElementPnMultiselect}from"./pn-multiselect.js";export{PnOcrSearch,defineCustomElement as defineCustomElementPnOcrSearch}from"./pn-ocr-search.js";export{PnPageNav,defineCustomElement as defineCustomElementPnPageNav}from"./pn-page-nav.js";export{PnPageNavDropdownItem,defineCustomElement as defineCustomElementPnPageNavDropdownItem}from"./pn-page-nav-dropdown-item.js";export{PnPageNavItem,defineCustomElement as defineCustomElementPnPageNavItem}from"./pn-page-nav-item.js";export{PnPagination,defineCustomElement as defineCustomElementPnPagination}from"./pn-pagination.js";export{PnProgressBar,defineCustomElement as defineCustomElementPnProgressBar}from"./pn-progress-bar.js";export{PnProgressIndicator,defineCustomElement as defineCustomElementPnProgressIndicator}from"./pn-progress-indicator.js";export{PnProgressIndicatorStep,defineCustomElement as defineCustomElementPnProgressIndicatorStep}from"./pn-progress-indicator-step.js";export{PnProgressStepper,defineCustomElement as defineCustomElementPnProgressStepper}from"./pn-progress-stepper.js";export{PnRadioButton,defineCustomElement as defineCustomElementPnRadioButton}from"./pn-radio-button.js";export{PnRange,defineCustomElement as defineCustomElementPnRange}from"./pn-range.js";export{PnReadOnlyButton,defineCustomElement as defineCustomElementPnReadOnlyButton}from"./pn-read-only-button.js";export{PnSearchField,defineCustomElement as defineCustomElementPnSearchField}from"./pn-search-field.js";export{PnSegment,defineCustomElement as defineCustomElementPnSegment}from"./pn-segment.js";export{PnSegmentedControl,defineCustomElement as defineCustomElementPnSegmentedControl}from"./pn-segmented-control.js";export{PnSelect,defineCustomElement as defineCustomElementPnSelect}from"./pn-select.js";export{PnSpinner,defineCustomElement as defineCustomElementPnSpinner}from"./pn-spinner.js";export{PnTab,defineCustomElement as defineCustomElementPnTab}from"./pn-tab.js";export{PnTable,defineCustomElement as defineCustomElementPnTable}from"./pn-table.js";export{PnTablist,defineCustomElement as defineCustomElementPnTablist}from"./pn-tablist.js";export{PnTag,defineCustomElement as defineCustomElementPnTag}from"./pn-tag.js";export{PnTextLink,defineCustomElement as defineCustomElementPnTextLink}from"./pn-text-link.js";export{PnTextarea,defineCustomElement as defineCustomElementPnTextarea}from"./pn-textarea.js";export{PnTile,defineCustomElement as defineCustomElementPnTile}from"./pn-tile.js";export{PnToast,defineCustomElement as defineCustomElementPnToast}from"./pn-toast.js";export{PnToggleSwitch,defineCustomElement as defineCustomElementPnToggleSwitch}from"./pn-toggle-switch.js";export{PnTooltip,defineCustomElement as defineCustomElementPnTooltip}from"./pn-tooltip.js";export{PnWizard,defineCustomElement as defineCustomElementPnWizard}from"./pn-wizard.js";export{PnZipcodeSearch,defineCustomElement as defineCustomElementPnZipcodeSearch}from"./pn-zipcode-search.js";
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions,setTagTransformer}from"@stencil/core/internal/client";export{D as DK,F as FI,N as NO,S as SE,k as awaitTopbar,d as da,e as en,f as fi,g as getBytesFromHumanReadableFileSize,c as getMenuHeight,h as getMenuWidth,b as getTopbarHeight,j as getTotalHeightOffset,i as isSmallScreen,l as languages,a as marketMap,m as markets,n as no,r as reduceMotion,o as ripple,s as sv,u as uuidv4}from"./helpers.js";export{PnAccordion,defineCustomElement as defineCustomElementPnAccordion}from"./pn-accordion.js";export{PnAccordionRow,defineCustomElement as defineCustomElementPnAccordionRow}from"./pn-accordion-row.js";export{PnActionMenu,defineCustomElement as defineCustomElementPnActionMenu}from"./pn-action-menu.js";export{PnButton,defineCustomElement as defineCustomElementPnButton}from"./pn-button.js";export{PnButtonDropdown,defineCustomElement as defineCustomElementPnButtonDropdown}from"./pn-button-dropdown.js";export{PnCard,defineCustomElement as defineCustomElementPnCard}from"./pn-card.js";export{PnCheckbox,defineCustomElement as defineCustomElementPnCheckbox}from"./pn-checkbox.js";export{PnChoiceChip,defineCustomElement as defineCustomElementPnChoiceChip}from"./pn-choice-chip.js";export{PnCounter,defineCustomElement as defineCustomElementPnCounter}from"./pn-counter.js";export{PnDatePicker,defineCustomElement as defineCustomElementPnDatePicker}from"./pn-date-picker.js";export{PnFieldset,defineCustomElement as defineCustomElementPnFieldset}from"./pn-fieldset.js";export{PnFileUpload,defineCustomElement as defineCustomElementPnFileUpload}from"./pn-file-upload.js";export{PnFooter,defineCustomElement as defineCustomElementPnFooter}from"./pn-footer.js";export{PnHeader,defineCustomElement as defineCustomElementPnHeader}from"./pn-header.js";export{PnIcon,defineCustomElement as defineCustomElementPnIcon}from"./pn-icon.js";export{PnIllustration,defineCustomElement as defineCustomElementPnIllustration}from"./pn-illustration.js";export{PnInput,defineCustomElement as defineCustomElementPnInput}from"./pn-input.js";export{PnInputChip,defineCustomElement as defineCustomElementPnInputChip}from"./pn-input-chip.js";export{PnModal,defineCustomElement as defineCustomElementPnModal}from"./pn-modal.js";export{PnMultiselect,defineCustomElement as defineCustomElementPnMultiselect}from"./pn-multiselect.js";export{PnOcrSearch,defineCustomElement as defineCustomElementPnOcrSearch}from"./pn-ocr-search.js";export{PnPageNav,defineCustomElement as defineCustomElementPnPageNav}from"./pn-page-nav.js";export{PnPageNavDropdownItem,defineCustomElement as defineCustomElementPnPageNavDropdownItem}from"./pn-page-nav-dropdown-item.js";export{PnPageNavItem,defineCustomElement as defineCustomElementPnPageNavItem}from"./pn-page-nav-item.js";export{PnPagination,defineCustomElement as defineCustomElementPnPagination}from"./pn-pagination.js";export{PnProgressBar,defineCustomElement as defineCustomElementPnProgressBar}from"./pn-progress-bar.js";export{PnProgressIndicator,defineCustomElement as defineCustomElementPnProgressIndicator}from"./pn-progress-indicator.js";export{PnProgressIndicatorStep,defineCustomElement as defineCustomElementPnProgressIndicatorStep}from"./pn-progress-indicator-step.js";export{PnProgressStepper,defineCustomElement as defineCustomElementPnProgressStepper}from"./pn-progress-stepper.js";export{PnRadioButton,defineCustomElement as defineCustomElementPnRadioButton}from"./pn-radio-button.js";export{PnRange,defineCustomElement as defineCustomElementPnRange}from"./pn-range.js";export{PnReadOnlyButton,defineCustomElement as defineCustomElementPnReadOnlyButton}from"./pn-read-only-button.js";export{PnSearchField,defineCustomElement as defineCustomElementPnSearchField}from"./pn-search-field.js";export{PnSegment,defineCustomElement as defineCustomElementPnSegment}from"./pn-segment.js";export{PnSegmentedControl,defineCustomElement as defineCustomElementPnSegmentedControl}from"./pn-segmented-control.js";export{PnSelect,defineCustomElement as defineCustomElementPnSelect}from"./pn-select.js";export{PnSkeletonLoader,defineCustomElement as defineCustomElementPnSkeletonLoader}from"./pn-skeleton-loader.js";export{PnSpinner,defineCustomElement as defineCustomElementPnSpinner}from"./pn-spinner.js";export{PnTab,defineCustomElement as defineCustomElementPnTab}from"./pn-tab.js";export{PnTable,defineCustomElement as defineCustomElementPnTable}from"./pn-table.js";export{PnTablist,defineCustomElement as defineCustomElementPnTablist}from"./pn-tablist.js";export{PnTag,defineCustomElement as defineCustomElementPnTag}from"./pn-tag.js";export{PnTextLink,defineCustomElement as defineCustomElementPnTextLink}from"./pn-text-link.js";export{PnTextarea,defineCustomElement as defineCustomElementPnTextarea}from"./pn-textarea.js";export{PnTile,defineCustomElement as defineCustomElementPnTile}from"./pn-tile.js";export{PnToast,defineCustomElement as defineCustomElementPnToast}from"./pn-toast.js";export{PnToggleSwitch,defineCustomElement as defineCustomElementPnToggleSwitch}from"./pn-toggle-switch.js";export{PnTooltip,defineCustomElement as defineCustomElementPnTooltip}from"./pn-tooltip.js";export{PnWizard,defineCustomElement as defineCustomElementPnWizard}from"./pn-wizard.js";export{PnZipcodeSearch,defineCustomElement as defineCustomElementPnZipcodeSearch}from"./pn-zipcode-search.js";

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

@@ -2,4 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import{transformTag as e,proxyCustomElement as a,HTMLElement as r,createEvent as n,h as t,Host as i}from"@stencil/core/internal/client";import{a as c}from"./arrow_right.js";import{o as d}from"./open_in_new.js";import{u as o,o as l}from"./helpers.js";import{d as p}from"./pn-icon2.js";const s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.pnCard=n(this,"pnCard",7)}id="pn-card-"+o();idTitle=this.id+"-title";visibleOutline=!1;get hostElement(){return this}label;labelTag="h3";overline;text;cardId=null;horizontal=!1;reverse=!1;aspectRatio="";href;hrefLabel;target;rel="noopener noreferrer";icon=null;watchCardId(){this.idTitle=(this.cardId||this.id)+"-title"}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return"_blank"===this.target}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){return this.icon?this.icon:this.isExternal()?d:c}getHeadingTag(){return["h2","h3","h4","h5","h6","p"].includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:e,target:a}){this.visibleOutline="focus"===e&&a.matches(":focus-visible")}handleClick(e){l(e,this.hostElement,".pn-card"),this.pnCard.emit({click:e})}render(){const e=this.getHeadingTag();return t(i,{key:"8126385831d763637aed6ebe4fa61fd0bdb42764"},t("article",{key:"93c75dc2d9e71844e36a9cdd6914f42eae34f7b0",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"140936bb72867a5ef4351363dfda52698b9d9df0",class:"pn-card-image"},t("picture",{key:"60de2f3f53b4d7f1e1cbe37b1ff47686c9e48b72",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"47cffafc0d642f6cf0c682cd96f9fd11609f924e",name:"image"}))),t("div",{key:"6768342177fe3884d9bd20b0ca516cf026b69751",class:"pn-card-content"},t("header",{key:"91e023c92c33bf74c39200387edc7a3d3c2f2d42",class:"pn-card-header"},t("div",{key:"9d7771c4275569012021a07f9165ba4a8ce8c297",class:"pn-card-tags"},t("slot",{key:"c45641bd02093f8001dee361b6b8577a383f72ba",name:"tags"})),!!this.overline&&t("p",{key:"b152b16d2488e82556e9f56f90daf0edfe8ae33f",class:"pn-card-label-overline"},this.overline),!!this.label&&t(e,{key:"3bc086490090afc05ad44c0e1736009b82fbe814",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"1188ca2c3260dd509811cfb5aa5356488f211e1a",name:"header"})),t("section",{key:"ba0b7362ddd721041466ac979ba198170b016fb1",class:"pn-card-section"},!!this.text&&t("p",{key:"76aa9e90ac18ff66ec15a436ec8eec9e22c67748",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"bd0f035ce418425c1ac1871ec1cb98f850cd97e1"})),t("nav",{key:"1a538e55ed6c9c07f3f8c5dd823f80ed3a149ed6",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"a18605058f0dc733ceeeab9fa6a44fb524c93630",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:e=>this.handleClick(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleFocus(e)},this.hrefLabel,t("pn-icon",{key:"066242008cd49a69d64db93da7a87bbdcdd1beda",color:"blue700",icon:this.getIcon()})),t("slot",{key:"bbe0271663622b8adf542232daa573a467b34f16",name:"navigation"})))))}static get watchers(){return{cardId:[{watchCardId:0}]}}static get style(){return`${e("pn-card")}{position:relative;display:block}${e("pn-card")} .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-card")} .pn-card{transition-duration:0s;transition-delay:0s}}${e("pn-card")} .pn-card[data-link]:hover{background-color:#e0f8ff}${e("pn-card")} .pn-card[data-link][data-focus]{outline-color:#005d92}${e("pn-card")} .pn-card{}${e("pn-card")} .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}${e("pn-card")} .pn-card[data-horizontal]{flex-direction:row}${e("pn-card")} .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}${e("pn-card")} .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}${e("pn-card")} .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}${e("pn-card")} .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}${e("pn-card")} .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}${e("pn-card")} .pn-card[data-reverse]{flex-direction:column-reverse}${e("pn-card")} .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}${e("pn-card")} .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}${e("pn-card")} .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}${e("pn-card")} .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}${e("pn-card")} .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-card")} .pn-card-link{transition-duration:0s;transition-delay:0s}}${e("pn-card")} .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}${e("pn-card")} .pn-card-link:hover>${e("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${e("pn-card")} .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}${e("pn-card")} .pn-card-link:focus>${e("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${e("pn-card")} .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}${e("pn-card")} .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}${e("pn-card")} .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}${e("pn-card")} .pn-card-section-paragraph,${e("pn-card")} .pn-card-section p{margin:0 0 0.25em}${e("pn-card")} .pn-card-section-paragraph:last-child,${e("pn-card")} .pn-card-section p:last-child{margin:0em}${e("pn-card")} .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${e("pn-card")} .pn-card-navigation>${e("pn-button")}{flex:1 1 12em}${e("pn-card")} .pn-card-navigation:empty{display:none}${e("pn-card")} .pn-card-image{position:relative;display:flex;flex-direction:column}${e("pn-card")} .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}${e("pn-card")} .pn-card-picture:empty{display:none}${e("pn-card")} .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${e("pn-card")} .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${e("pn-card")} .pn-card-tags:empty{display:none}${e("pn-card")} .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}`}},[772,"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]},void 0,{cardId:[{watchCardId:0}]}]),f=s,h=function(){"undefined"!=typeof customElements&&["pn-card","pn-icon"].forEach((a=>{switch(a){case"pn-card":customElements.get(e(e(a)))||customElements.define(e(e(a)),s);break;case"pn-icon":customElements.get(e(e(a)))||p()}}))};export{f as PnCard,h as defineCustomElement}
+import{transformTag as e,proxyCustomElement as a,HTMLElement as r,createEvent as n,h as t,Host as i}from"@stencil/core/internal/client";import{a as c}from"./arrow_right.js";import{o as d}from"./open_in_new.js";import{u as o,o as l}from"./helpers.js";import{d as p}from"./pn-icon2.js";const s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.pnCard=n(this,"pnCard",7)}id="pn-card-"+o();idTitle=this.id+"-title";visibleOutline=!1;get hostElement(){return this}label;labelTag="h3";overline;text;cardId=null;horizontal=!1;reverse=!1;aspectRatio="";href;hrefLabel;target;rel="noopener noreferrer";icon=null;watchCardId(){this.idTitle=(this.cardId||this.id)+"-title"}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return"_blank"===this.target}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){return this.icon?this.icon:this.isExternal()?d:c}getHeadingTag(){return["h2","h3","h4","h5","h6","p"].includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:e,target:a}){this.visibleOutline="focus"===e&&a.matches(":focus-visible")}handleClick(e){l(e,this.hostElement,".pn-card"),this.pnCard.emit({click:e})}render(){const e=this.getHeadingTag();return t(i,{key:"65ed28a0a625760d11f9bd7961978af7573f7062"},t("article",{key:"2f05480099b5bedddba115a3f00174d0ed4f9658",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"1ec2a31f2e71b9f4a511efb49461541f141ff077",class:"pn-card-image"},t("picture",{key:"869648c55b9e64091b55f501b759ffcddc33a8c5",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"9e31feb5e4c486159fb4f9ebb57cefbd7d156988",name:"image"}))),t("div",{key:"e2cfd35b304c05fb569da26aa7f248ed53b1e7aa",class:"pn-card-content"},t("header",{key:"a5730ce876dd1b5fa0c6c37ba400801530bf99ea",class:"pn-card-header"},t("div",{key:"4e9566e679185db1704e313002d20d7016558c25",class:"pn-card-tags"},t("slot",{key:"0c4863c1ef7b69ef8a333dd7ac834f76b8a3fc00",name:"tags"})),!!this.overline&&t("p",{key:"8129ee0e178e4db9fcbf9895e75d64c02279a0a6",class:"pn-card-label-overline"},this.overline),!!this.label&&t(e,{key:"62a8d9c1512683f3e4248eac05bf2f33e0374fe9",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"13f3c2e3e182ce134dc7be0af3c8c2dec1c1f751",name:"header"})),t("section",{key:"c34ddb8484423b65927ace2e0b46deed6b1d3b64",class:"pn-card-section"},!!this.text&&t("p",{key:"8370b223a2af93f64eb2efd84dda0b172324be54",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"363cc14089263d2e640f35707a6503aeb77ae8a6"})),t("nav",{key:"5636561cc2dc0eb1a1f42d213e87e73da9a3ce98",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"9c7be2037e54320ccb2668170828e7ffc8fd7d25",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:e=>this.handleClick(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleFocus(e)},this.hrefLabel,t("pn-icon",{key:"d77e3349eb1ed2cb3e8e72418c70d66b93ad5b20",color:"blue700",icon:this.getIcon()})),t("slot",{key:"c28d4208e146a77f334fc326e7abbbf53e86e028",name:"navigation"})))))}static get watchers(){return{cardId:[{watchCardId:0}]}}static get style(){return`${e("pn-card")}{position:relative;display:block}${e("pn-card")} .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-card")} .pn-card{transition-duration:0s;transition-delay:0s}}${e("pn-card")} .pn-card[data-link]:hover{background-color:#e0f8ff}${e("pn-card")} .pn-card[data-link][data-focus]{outline-color:#005d92}${e("pn-card")} .pn-card{}${e("pn-card")} .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}${e("pn-card")} .pn-card[data-horizontal]{flex-direction:row}${e("pn-card")} .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}${e("pn-card")} .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}${e("pn-card")} .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}${e("pn-card")} .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}${e("pn-card")} .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}${e("pn-card")} .pn-card[data-reverse]{flex-direction:column-reverse}${e("pn-card")} .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}${e("pn-card")} .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}${e("pn-card")} .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}${e("pn-card")} .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}${e("pn-card")} .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-card")} .pn-card-link{transition-duration:0s;transition-delay:0s}}${e("pn-card")} .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}${e("pn-card")} .pn-card-link:hover>${e("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${e("pn-card")} .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}${e("pn-card")} .pn-card-link:focus>${e("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${e("pn-card")} .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}${e("pn-card")} .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}${e("pn-card")} .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}${e("pn-card")} .pn-card-section-paragraph,${e("pn-card")} .pn-card-section p{margin:0 0 0.25em}${e("pn-card")} .pn-card-section-paragraph:last-child,${e("pn-card")} .pn-card-section p:last-child{margin:0em}${e("pn-card")} .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${e("pn-card")} .pn-card-navigation>${e("pn-button")}{flex:1 1 12em}${e("pn-card")} .pn-card-navigation:empty{display:none}${e("pn-card")} .pn-card-image{position:relative;display:flex;flex-direction:column}${e("pn-card")} .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}${e("pn-card")} .pn-card-picture:empty{display:none}${e("pn-card")} .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${e("pn-card")} .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${e("pn-card")} .pn-card-tags:empty{display:none}${e("pn-card")} .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}`}},[772,"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]},void 0,{cardId:[{watchCardId:0}]}]),f=s,h=function(){"undefined"!=typeof customElements&&["pn-card","pn-icon"].forEach((a=>{switch(a){case"pn-card":customElements.get(e(e(a)))||customElements.define(e(e(a)),s);break;case"pn-icon":customElements.get(e(e(a)))||p()}}))};export{f as PnCard,h as defineCustomElement}

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

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

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

@@ -2,4 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import{transformTag as e,proxyCustomElement as a,HTMLElement as t,forceUpdate as n,h as s,Host as i}from"@stencil/core/internal/client";import{k as d,e as c}from"./helpers.js";import{a as r}from"./arrow_left.js";import{d as h}from"./pn-icon2.js";import{d as o}from"./pn-text-link2.js";const l={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"},b=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}mo;hasBreadcrumb=!1;hasButtons=!1;get hostElement(){return this}heading;maxWidth;setMaxWidth(){this.maxWidth&&this.hostElement.style.setProperty("--max-width",this.maxWidth)}goBackHref;goBackText;language=null;connectedCallback(){this.mo=new MutationObserver((()=>{n(this.hostElement),this.checkSlots()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.checkSlots(),this.setMaxWidth(),null===this.language&&await d(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]'),this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}getButtonText(){return this.goBackText||l[this.language||c]}render(){return s(i,{key:"cffcb3a6763d13783bad5d6b75f5402cfd92798b"},s("header",{key:"7b6d663687fe12546ed88aaea3b97efd82afac69",class:"pn-header"},s("div",{key:"aec8dbf448077f14036f0cd4885add8bb650d647",class:"pn-header-container"},s("div",{key:"bff188666b4aa2f5df35476eddf17ac4ba5ba182",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"0f2ad8624741de50b2ed1c13cf7cfcae9ad6c223",label:this.getButtonText(),href:this.goBackHref,icon:r,leftIcon:!0}),s("slot",{key:"ece3524aafbff34f28e0d9cc6eafc587e1daeba5",name:"breadcrumb"})),s("div",{key:"1356eb7d669666b327575a00abdf86bbf9a9e38a",class:"pn-header-content"},this.heading&&s("h1",{key:"c3e1419dbf20e789c98ea32bb73a3e5e1021f75a"},this.heading),s("slot",{key:"94491e7af78f2ee44bc45b3a261f2bcc8af81377"})),s("div",{key:"e2db0dcd84f2fbeb58ab793cd4220861c2320433",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"1745323caaf67eb3f316f4ff56451ffefb6d9b7e",name:"buttons"})),s("slot",{key:"17d56ba2c125c766c05ae84eb82839391447dd74",name:"menu"}))))}static get watchers(){return{maxWidth:[{setMaxWidth:0}]}}static get style(){return`${e("pn-header")}{display:block}${e("pn-header")} h1{color:#2d2013;margin:0}${e("pn-header")} p{color:#5e554a;margin:0}${e("pn-header")} .pn-header-breadcrumbs{width:100%}${e("pn-header")} .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}${e("pn-header")} .pn-header-container>${e("pn-text-link")}{display:block}${e("pn-header")} .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}${e("pn-header")} .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}`}},[772,"pn-header",{heading:[1],maxWidth:[1,"max-width"],goBackHref:[1,"go-back-href"],goBackText:[1,"go-back-text"],language:[1]},void 0,{maxWidth:[{setMaxWidth:0}]}]),f=b,m=function(){"undefined"!=typeof customElements&&["pn-header","pn-icon","pn-text-link"].forEach((a=>{switch(a){case"pn-header":customElements.get(e(e(a)))||customElements.define(e(e(a)),b);break;case"pn-icon":customElements.get(e(e(a)))||h();break;case"pn-text-link":customElements.get(e(e(a)))||o()}}))};export{f as PnHeader,m as defineCustomElement}
+import{transformTag as e,proxyCustomElement as a,HTMLElement as t,forceUpdate as n,h as s,Host as i}from"@stencil/core/internal/client";import{k as d,e as c}from"./helpers.js";import{a as r}from"./arrow_left.js";import{d as h}from"./pn-icon2.js";import{d as o}from"./pn-text-link2.js";const l={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"},m=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}mo;hasBreadcrumb=!1;hasButtons=!1;get hostElement(){return this}heading;maxWidth;setMaxWidth(){this.maxWidth&&this.hostElement.style.setProperty("--max-width",this.maxWidth)}goBackHref;goBackText;language=null;connectedCallback(){this.mo=new MutationObserver((()=>{n(this.hostElement),this.checkSlots()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.checkSlots(),this.setMaxWidth(),null===this.language&&await d(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]'),this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}getButtonText(){return this.goBackText||l[this.language||c]}render(){return s(i,{key:"82364cab3b3aece27e10f06e565b8ce0d6597f14"},s("header",{key:"368dfc4db49a8903c8cad81c9b161fe25095e2d1",class:"pn-header"},s("div",{key:"f98b1ba196ed150cc27f9136f25ad46c31d7424e",class:"pn-header-container"},s("div",{key:"6c7465e8060690aa36a4e405f640cd23bfa0c0f2",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"d6dc1b2b5a22e80c95d42fadcd4912de1df35bb8",label:this.getButtonText(),href:this.goBackHref,icon:r,leftIcon:!0}),s("slot",{key:"44f163e4552a10f1340e51752bc2d825d74391ad",name:"breadcrumb"})),s("div",{key:"afb2d897acf67744c1a0eac4d5089f40bec07d40",class:"pn-header-content"},this.heading&&s("h1",{key:"8135619a44048a4072453140f6bd0e4fb5e349aa"},this.heading),s("slot",{key:"c013b74286636fd9ebfe575161ba8829d0eac903"})),s("div",{key:"5942ae47d1426f033565d20f294a9e0906600dbb",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"287ff16c616bf76f832a867ad077d1f62a29d9e0",name:"buttons"})),s("slot",{key:"7e9778bf8258cae60e27ceb3c1638f759ff02e82",name:"menu"}))))}static get watchers(){return{maxWidth:[{setMaxWidth:0}]}}static get style(){return`${e("pn-header")}{display:block}${e("pn-header")} h1{color:#2d2013;margin:0}${e("pn-header")} p{color:#5e554a;margin:0}${e("pn-header")} .pn-header-breadcrumbs{width:100%}${e("pn-header")} .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}${e("pn-header")} .pn-header-container>${e("pn-text-link")}{display:block}${e("pn-header")} .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}${e("pn-header")} .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}`}},[772,"pn-header",{heading:[1],maxWidth:[1,"max-width"],goBackHref:[1,"go-back-href"],goBackText:[1,"go-back-text"],language:[1]},void 0,{maxWidth:[{setMaxWidth:0}]}]),f=m,p=function(){"undefined"!=typeof customElements&&["pn-header","pn-icon","pn-text-link"].forEach((a=>{switch(a){case"pn-header":customElements.get(e(e(a)))||customElements.define(e(e(a)),m);break;case"pn-icon":customElements.get(e(e(a)))||h();break;case"pn-text-link":customElements.get(e(e(a)))||o()}}))};export{f as PnHeader,p as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-input-chip.d.ts

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

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{transformTag as i,proxyCustomElement as n,HTMLElement as p,createEvent as e,h as t,Host as c}from"@stencil/core/internal/client";import{c as a}from"./close_small.js";import{u as o}from"./helpers.js";import{d as l}from"./pn-icon2.js";const h=n(class extends p{constructor(i){super(),!1!==i&&this.__registerHost(),this.pnDelete=e(this,"pnDelete",7)}id="pn-input-chip-"+o();label;value;icon;small=!1;large=!1;disabled=!1;pnDelete;pnId;handleDelete=()=>{this.disabled||this.pnDelete.emit({label:this.label,value:this.value})};getId(){return this.pnId||this.id}render(){return t(c,{key:"38bf6d618ac176e63fc2da44b20aa45b744c3ff8"},t("button",{key:"43a8fa2b75eedefef49ce8881c72e86cf1323486",type:"button",class:"pn-input-chip",id:this.getId(),"data-icon":!!this.icon,"data-small":this.small,"data-large":this.large,disabled:this.disabled,"aria-label":"Remove "+this.label,onClick:this.handleDelete},!!this.icon&&t("pn-icon",{key:"53b015eba2c0a074febc78089bcdefc9cb799ad1",class:"pn-input-chip-icon",icon:this.icon}),t("span",{key:"0baa4ef7ebe84ac5102f295c02ad3f0e08a6516e",class:"pn-input-chip-label"},this.label),!this.disabled&&t("pn-icon",{key:"320c04a05bb38411734a77c085bd536c29296423",color:"blue700",icon:a})))}static get style(){return`${i("pn-input-chip")}{display:inline-block}${i("pn-input-chip")} .pn-input-chip{position:relative;font-size:1em;font-weight:500;text-align:center;display:flex;align-items:center;gap:0.25em;padding:0.5em 0.5em 0.5em 1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;cursor:pointer;transition-property:border-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${i("pn-input-chip")} .pn-input-chip{transition-duration:0s;transition-delay:0s}}${i("pn-input-chip")} .pn-input-chip{outline:0.2rem solid transparent;outline-offset:0.2rem}${i("pn-input-chip")} .pn-input-chip[data-icon]{padding-left:0.75em}${i("pn-input-chip")} .pn-input-chip[data-icon][data-small]{padding-left:0.5em}${i("pn-input-chip")} .pn-input-chip[data-icon][data-large]{padding-left:1em}${i("pn-input-chip")} .pn-input-chip[data-small]{padding:0.25em 0.25em 0.25em 0.75em}${i("pn-input-chip")} .pn-input-chip[data-small] .pn-input-chip-label{line-height:1.25em;font-size:0.875em}${i("pn-input-chip")} .pn-input-chip[data-large]{padding:0.6875em 0.6875em 0.6875em 1.25em}${i("pn-input-chip")} .pn-input-chip:hover{background-color:#effbff;border-color:#005d92}${i("pn-input-chip")} .pn-input-chip:hover .pn-input-chip-label{color:#005d92}${i("pn-input-chip")} .pn-input-chip:hover .pn-input-chip-icon .pn-icon-svg path{fill:#005d92}${i("pn-input-chip")} .pn-input-chip:focus-visible{outline-color:#005d92;border-color:#005d92}${i("pn-input-chip")} .pn-input-chip:active{background-color:#e0f8ff;border-color:#005d92}${i("pn-input-chip")} .pn-input-chip:active .pn-input-chip-label{color:#0d234b}${i("pn-input-chip")} .pn-input-chip:active .pn-input-chip-icon .pn-icon-svg path{fill:#0d234b}${i("pn-input-chip")} .pn-input-chip:disabled{background-color:#f3f2f2;border-color:#f3f2f2;cursor:not-allowed}${i("pn-input-chip")} .pn-input-chip:disabled .pn-input-chip-label{color:#5e554a;margin-right:0.5em}${i("pn-input-chip")} .pn-input-chip:disabled .pn-input-chip-icon .pn-icon-svg path{fill:#5e554a}${i("pn-input-chip")} .pn-input-chip-icon{flex-shrink:0;width:1.5em;height:1.5em}${i("pn-input-chip")} .pn-input-chip-label{color:#005d92;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}${i("pn-input-chip")} .pn-input-chip-close{flex-shrink:0;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}`}},[512,"pn-input-chip",{label:[1],value:[513],icon:[1],small:[4],large:[4],disabled:[4],pnId:[1,"pn-id"]}]),r=h,s=function(){"undefined"!=typeof customElements&&["pn-input-chip","pn-icon"].forEach((n=>{switch(n){case"pn-input-chip":customElements.get(i(i(n)))||customElements.define(i(i(n)),h);break;case"pn-icon":customElements.get(i(i(n)))||l()}}))};export{r as PnInputChip,s as defineCustomElement}