@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

@@ -112,7 +112,7 @@ export class PnSearchField {
         return this.searchSimple() ? 'outlined' : null;
     }
     render() {
-        return (h(Host, { key: '7f985d338f688bf46f4a7ad89ed8e1c170b7fd29' }, h("div", { key: '8f319bf3a49229e92aa3121cb54cd04a95c7cd52', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, h("div", { key: '3945d9f1af74e96e1a1b5215c871305bf904df8d', class: "pn-search-field-container" }, h("input", { key: '38f31fa59f1b3aab1f92eed92305b7f546f78ad7', class: "pn-search-field-input", type: "search", value: this.value, id: this.searchid, name: this.name, "aria-label": this.label, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, list: this.list, ref: el => (this.searchElement = el), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), h("div", { key: '30b5989b74c1719d69290de7a4068a3ed6ca5343', class: "pn-search-field-inline" }, this.searchAuto() && (h("pn-button", { key: '0da6ac29d750d249f89117d19f6219bb5218798d', 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: '936270430558ae499232c2832117d74293b04551', 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: '80a58e2465d79288fd666644d62e02e4c4eb6387', class: "pn-search-field-spinner" }))), !this.searchAuto() && (h("pn-button", { key: '3732ec3ff2a5a29fc4a9ffa6bc65a55e76f0af5e', 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: 'd6e76c457e99f83b3d47a4b0c951168c6b5fc086' }, h("div", { key: '203055449e80dfd9bf19d94f340e4081d358a7b5', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, h("div", { key: 'bb86197c5f7e88c162eac8c899557bb5941ed6c6', class: "pn-search-field-container" }, h("input", { key: 'ba497f96d2afd9554e842010edf8cef656a994fc', class: "pn-search-field-input", type: "search", value: this.value, id: this.searchid, name: this.name, "aria-label": this.label, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, list: this.list, ref: el => (this.searchElement = el), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), h("div", { key: 'bd11b1ec64b10dbc3b93fd0bcc163d5d120766cf', class: "pn-search-field-inline" }, this.searchAuto() && (h("pn-button", { key: 'c8961cb53609cc7d290b528af7e23a363a348833', 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: '45197b884106304f5e3a4dc66b58333d8b79d4cb', 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: 'f681e4d08d66c9658f09b9cd947b70e4cd0f0837', class: "pn-search-field-spinner" }))), !this.searchAuto() && (h("pn-button", { key: '8498355d5d49c64755c58ce4d599938e3e25c84b', 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() {
@@ -272,7 +272,8 @@ export class PnSearchField {
                         "PnLanguages": {
                             "location": "import",
                             "path": "@/globals/types",
-                            "id": "src/globals/types.ts::PnLanguages"
+                            "id": "src/globals/types.ts::PnLanguages",
+                            "referenceLocation": "PnLanguages"
                         }
                     }
                 },
@@ -367,7 +368,8 @@ export class PnSearchField {
                         "PnSearchFieldButton": {
                             "location": "import",
                             "path": "@/globals/types",
-                            "id": "src/globals/types.ts::PnSearchFieldButton"
+                            "id": "src/globals/types.ts::PnSearchFieldButton",
+                            "referenceLocation": "PnSearchFieldButton"
                         }
                     }
                 },
@@ -505,4 +507,3 @@ export class PnSearchField {
             }];
     }
 }
-//# sourceMappingURL=pn-search-field.js.map

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

@@ -18,4 +18,3 @@ export const translations = {
         no: 'Tøm søkefeltet',
     },
 };
-//# sourceMappingURL=translations.js.map

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: '4e889faaf020b421deb8dc7cd2098276be295ece' }, h("div", { key: '037434c996a2348db45822da3e0126b8369eb7db', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, h("slot", { key: 'c1cbcacd7ce972bf3277773e1e7ede8f4f3cd1f1' }), h("div", { key: 'daa1770e104291b3d1b3b1a849ad265e4bac0f22', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), h("div", { key: '7688b1d54b70c83d4c4b022d6565ca5fadbdd901', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), h("div", { key: '85dc1eb4913ed8643ee73defa93f2af45fba26f9', class: this.scrollArrowClasses(), hidden: !this.showScrollArrows }, h("button", { key: '41994d5ac539b8731ebdda7f4c515787e27cf509', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: '200bac894954a3c112b7268c40fc3ff244bad7d3', icon: arrow_left })), h("button", { key: '7c3af4b8f1b99f91e1a4d0fb75b2efbcb06842da', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: 'f149acb5aa30bcb9b8cead4e87e5a9cedd8d473b', icon: arrow_right })))));
+        return (h(Host, { key: '4ff48c9a0556397894d55f7d3dc0a266349ef8fc' }, h("div", { key: '82ef8456eda4724b55705f9a662577eb172df89d', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, h("slot", { key: '9b2949cf6e7976795543f6f8a67c126bee02e59d' }), h("div", { key: '42ab10791de502f48aac3a16766425b435c1c52e', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), h("div", { key: '24060bf183aabe485b7ff66bbad9b44a7704df12', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), h("div", { key: '31790d3f9fccd0c4242b5584ba2ff6ee32df4297', class: this.scrollArrowClasses(), hidden: !this.showScrollArrows }, h("button", { key: '8ffa7498550bc0f052b77f5297b349b84efbccb8', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: '89d4ee843ade39e7264e08c31ad83c2dd32f7931', icon: arrow_left })), h("button", { key: '8f1707b0e2debb84451210d03187b51eba3f2897', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: '4fa0fcd57eb268e3c9cd9e42f5d4e84b433fafee', icon: arrow_right })))));
     }
     static get is() { return "pn-segmented-control"; }
     static get originalStyleUrls() {
@@ -218,4 +218,3 @@ export class PnSegmentedControl {
             }];
     }
 }
-//# sourceMappingURL=pn-segmented-control.js.map

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

@@ -31,7 +31,7 @@ export class PnSegment {
         this.segmentHover.emit(mouse);
     }
     render() {
-        return (h(Host, { key: '3f61494ee25b399c6d2e3fb950d9186438e7c859', onMouseEnter: (event) => this.handleHover(event) }, h("input", { key: '5175e4e6019c1ceace85072fa3f47e24ca269931', class: "pn-segment", id: this.segmentid, name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), h("label", { key: '14a91ed4c8bd59f4a9c7e6f91648e06899fa0db7', htmlFor: this.segmentid, class: "pn-segment-label" }, this.icon && h("pn-icon", { key: '4904d303c05f409392e8d26e70a636dfe4a23408', icon: this.icon, color: "blue700" }), h("span", { key: 'f8a7e4beba96e34e5fbb9ebc661ffa7f2c6547b8', class: "pn-segment-text" }, this.label, h("slot", { key: '12c6641cdf21364f9f9c9c72424bf012ddd068b6' })))));
+        return (h(Host, { key: 'b98bb414de20d14fc2ee9d087be192d5f17bf1f9', onMouseEnter: (event) => this.handleHover(event) }, h("input", { key: '0b6117d85bb547c249a402cc26494355f3dc3e95', class: "pn-segment", id: this.segmentid, name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), h("label", { key: '8570c7c62ccfcfdd5dca9d8e1a6e016ca9c6a304', htmlFor: this.segmentid, class: "pn-segment-label" }, this.icon && h("pn-icon", { key: 'e10a1ea4ca26f71e6caadbeeda6bf5d68cfc266f', icon: this.icon, color: "blue700" }), h("span", { key: '8ec12157e0ca6f62772743e06beefc677f9f9f87', class: "pn-segment-text" }, this.label, h("slot", { key: '6342dfb17f71cae05318a3c19a19fdb6e46bb157' })))));
     }
     static get is() { return "pn-segment"; }
     static get originalStyleUrls() {
@@ -218,4 +218,3 @@ export class PnSegment {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pn-segment.js.map

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

@@ -15,7 +15,7 @@ pn-select .pn-select-label {
   margin: 0 0 0.25em 0;
   gap: 0.5em;
   -webkit-tap-highlight-color: transparent;
-  transition-property: color;
+  transition-property: color, transform;
   transition-duration: 0.2s;
   transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
@@ -25,9 +25,32 @@ pn-select .pn-select-label {
     transition-delay: 0s;
   }
 }
+pn-select .pn-select-label[data-compact] {
+  position: absolute;
+  top: 1.5625em;
+  left: calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);
+  margin: 0;
+  pointer-events: none;
+  align-items: center;
+  height: 1.5em;
+  max-width: calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));
+  transform: translateY(-50%) scale(1) translateZ(0);
+  transform-origin: 0 0;
+  transition-delay: 0.2s;
+}
+pn-select .pn-select-label[data-compact] > span {
+  font-size: 1em;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1.5em;
+}
 pn-select .pn-select-label > span {
   font-size: 0.875em;
 }
+pn-select .pn-select-label[data-compact][data-icon] {
+  --pn-input-offset-left: calc(2em);
+}
 pn-select .pn-select-input {
   position: relative;
 }
@@ -42,19 +65,19 @@ pn-select .pn-select-icon {
   background-color: transparent;
 }
 pn-select .pn-select-icon[data-default] {
-  right: 0.75em;
+  right: 1em;
 }
 pn-select .pn-select-icon[data-custom] {
   left: 0.75em;
 }
 pn-select .pn-select-icon[data-custom] ~ .pn-select-element {
-  padding-left: 3em;
+  padding-left: 2.75em;
 }
 pn-select .pn-select-icon[data-error] {
-  right: 3em;
+  right: 3.5em;
 }
 pn-select .pn-select-icon[data-error] ~ .pn-select-element {
-  padding-right: 5em;
+  padding-right: 5.5em;
 }
 pn-select .pn-select-icon > .pn-icon-svg {
   transition-property: transform;
@@ -69,11 +92,17 @@ pn-select .pn-select-icon > .pn-icon-svg {
 }
 pn-select .pn-select-element {
   cursor: pointer;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   color: #2d2013;
   background-color: #ffffff;
   border: 0.0625em solid #969087;
   border-radius: 0.5em;
-  padding: 0.75em;
+  padding: 0.75em 3em 0.75em 0.75em;
   font-family: inherit;
   font-size: 1em;
   font-weight: 500;
@@ -105,6 +134,19 @@ pn-select .pn-select-element {
     transition-delay: 0s;
   }
 }
+pn-select .pn-select-element[data-compact] {
+  text-align: left;
+  padding-top: 1.125em;
+  padding-bottom: 0.375em;
+  max-width: unset;
+}
+pn-select .pn-select-element[data-compact]::placeholder {
+  color: transparent;
+}
+pn-select .pn-select-element[data-compact]:focus + .pn-select-label, pn-select .pn-select-element[data-compact]:not(:placeholder-shown) + .pn-select-label {
+  transform: translateY(-85%) scale(0.75);
+  transition-delay: 0s;
+}
 pn-select .pn-select-element::placeholder {
   color: #5e554a;
   font-weight: normal;
@@ -117,14 +159,7 @@ pn-select .pn-select-element:disabled {
   background-color: #f3f2f2;
   border-color: #f3f2f2;
 }
-pn-select .pn-select-element {
-  width: 100%;
-  padding-right: 3em;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-pn-select .pn-select-element:open + pn-icon .pn-icon-svg {
+pn-select .pn-select-element:open ~ .pn-select-icon .pn-icon-svg {
   transform: rotate(180deg);
 }
 pn-select .pn-select-element:disabled {
@@ -170,6 +205,10 @@ pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:focus-v
   border-color: #a70707;
   outline-color: #a70707;
 }
+pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:-webkit-autofill, pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:-webkit-autofill:hover, pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:-webkit-autofill:focus, pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 10em #fef7f6 inset;
+  -webkit-text-fill-color: #2d2013;
+}
 pn-select .pn-select[data-error] > .pn-select-input > .pn-select-element:hover {
   background-color: #fdefee;
 }

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

@@ -29,6 +29,8 @@ export class PnSelect {
     selectId = this.id;
     /** Display an icon to the left of the select input. */
     icon;
+    /** Use the compact label variant. @since v7.21.0 */
+    compact = false;
     /** HTML select name. @category HTML */
     name;
     /** HTML form name. @category HTML */
@@ -67,8 +69,13 @@ export class PnSelect {
     hasMessage() {
         return !!this.helpertext || !!this.error;
     }
+    renderLabel() {
+        if (!this.label)
+            return null;
+        return (h("label", { htmlFor: this.selectId, class: "pn-select-label", "data-compact": this.compact, "data-icon": !!this.icon }, h("span", null, this.label)));
+    }
     render() {
-        return (h(Host, { key: 'cc46eb6dc84af1a7361eb2463c0f8d563de06f8b' }, h("div", { key: 'a9b47a287a04a3a21eab78559818816256f91954', class: "pn-select", "data-error": this.hasError() }, this.label && (h("label", { key: '55584541034164f768da54dc7c633202dd0c238b', htmlFor: this.selectId, class: "pn-select-label" }, h("span", { key: '9a459ff694994d43426ecbc911f762d839152934' }, this.label))), h("div", { key: '3326540dbc18b5dd12033aa988b67c5104df5141', class: "pn-select-input" }, this.icon && h("pn-icon", { key: '3e25d5a9f5b0dc2713ded1c71ae2608075a57e6d', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (h("pn-icon", { key: '8faf236ff6ca25b6423b213a409ee6cdacae6083', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), h("select", { key: '4f4f1ae8b084c5f264c43243f181bbf4986191ec', id: this.selectId, class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-describedby": this.hasMessage() && this.idHelpertext, "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-placeholder": this.select?.value === '', ref: el => (this.select = el) }, h("slot", { key: '2c78bb1de994082d336fe115a87ed50a1f3c9c12' })), h("pn-icon", { key: 'fe6b3bd85c20f3c55634c4b5c67cf45022fea677', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), this.hasMessage() && (h("p", { key: '4c4c1b78ec41e11e71c794b22e1b53ea28b1a407', id: this.idHelpertext, class: "pn-select-helper", role: !!this.error ? 'alert' : null }, h("span", { key: '8d6c3bbef9787dece5b4d21ba412ee17c0a3afdf' }, this.error || this.helpertext))))));
+        return (h(Host, { key: '59c8dba79bf97e55cdf0bb63242bab619729e182' }, h("div", { key: '08ee599ef117480e98506e6594bb798931dade58', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), h("div", { key: '4416853996ab6849ef128f3abd7d53861e3d6bbe', class: "pn-select-input" }, this.icon && h("pn-icon", { key: '8af79d8f23f6e7b9853130ca77d2ac00f264afe7', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (h("pn-icon", { key: 'ad674903cc8cefb0864b425a4f6bd6540b5164f3', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), h("select", { key: 'fc84d7571dc544030770dd8ea88c87e3a1d58bc5', id: this.selectId, class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-describedby": this.hasMessage() && this.idHelpertext, "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-placeholder": this.select?.value === '', "data-compact": this.compact, ref: el => (this.select = el) }, h("slot", { key: '1cca39bd8954649b1a558876d31509c3be0f4763' })), this.compact && this.renderLabel(), h("pn-icon", { key: 'a5efd954143ce705d806a1a7a1b37b09714d1657', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), this.hasMessage() && (h("p", { key: '54e7855163fc3c91cb2bdac99aaa7ed9bfd14fc9', id: this.idHelpertext, class: "pn-select-helper", role: !!this.error ? 'alert' : null }, h("span", { key: '21397e124292c51dfe3113b526626059dc9b513d' }, this.error || this.helpertext))))));
     }
     static get is() { return "pn-select"; }
     static get originalStyleUrls() {
@@ -160,6 +167,29 @@ export class PnSelect {
                 "reflect": false,
                 "attribute": "icon"
             },
+            "compact": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "since",
+                            "text": "v7.21.0"
+                        }],
+                    "text": "Use the compact label variant."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "compact",
+                "defaultValue": "false"
+            },
             "name": {
                 "type": "string",
                 "mutable": false,
@@ -321,4 +351,3 @@ export class PnSelect {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pn-select.js.map

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

@@ -32,4 +32,3 @@ export const translations = {
         no: 'Finner ingen alternativer',
     },
 };
-//# sourceMappingURL=translations.js.map

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

@@ -6,6 +6,9 @@ pn-textarea {
   flex-direction: column;
 }
 
+pn-textarea .pn-textarea {
+  position: relative;
+}
 pn-textarea .pn-textarea-label {
   cursor: pointer;
   display: flex;
@@ -16,7 +19,7 @@ pn-textarea .pn-textarea-label {
   margin: 0 0 0.25em 0;
   gap: 0.5em;
   -webkit-tap-highlight-color: transparent;
-  transition-property: color;
+  transition-property: color, transform;
   transition-duration: 0.2s;
   transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
@@ -26,9 +29,33 @@ pn-textarea .pn-textarea-label {
     transition-delay: 0s;
   }
 }
+pn-textarea .pn-textarea-label[data-compact] {
+  position: absolute;
+  top: 1.5625em;
+  left: calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);
+  margin: 0;
+  pointer-events: none;
+  align-items: center;
+  height: 1.5em;
+  max-width: calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));
+  transform: translateY(-50%) scale(1) translateZ(0);
+  transform-origin: 0 0;
+  transition-delay: 0.2s;
+}
+pn-textarea .pn-textarea-label[data-compact] > span {
+  font-size: 1em;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1.5em;
+}
 pn-textarea .pn-textarea-label > span {
   font-size: 0.875em;
 }
+pn-textarea .pn-textarea-label[data-compact] > span {
+  background-color: #ffffff;
+  color: #2d2013;
+}
 pn-textarea .pn-textarea-text {
   color: #5e554a;
   font-size: 0.875em;
@@ -42,6 +69,8 @@ pn-textarea .pn-textarea-text > pn-icon {
   margin-right: 0.25em;
 }
 pn-textarea .pn-textarea-element {
+  width: 100%;
+  resize: none;
   color: #2d2013;
   background-color: #ffffff;
   border: 0.0625em solid #969087;
@@ -78,6 +107,19 @@ pn-textarea .pn-textarea-element {
     transition-delay: 0s;
   }
 }
+pn-textarea .pn-textarea-element[data-compact] {
+  text-align: left;
+  padding-top: 1.125em;
+  padding-bottom: 0.375em;
+  max-width: unset;
+}
+pn-textarea .pn-textarea-element[data-compact]::placeholder {
+  color: transparent;
+}
+pn-textarea .pn-textarea-element[data-compact]:focus + .pn-textarea-label, pn-textarea .pn-textarea-element[data-compact]:not(:placeholder-shown) + .pn-textarea-label {
+  transform: translateY(-85%) scale(0.75);
+  transition-delay: 0s;
+}
 pn-textarea .pn-textarea-element::placeholder {
   color: #5e554a;
   font-weight: normal;
@@ -111,13 +153,12 @@ pn-textarea .pn-textarea-element::-webkit-scrollbar-thumb:hover {
 pn-textarea .pn-textarea-element::-webkit-scrollbar-corner, pn-textarea .pn-textarea-element::-webkit-scrollbar-button {
   display: none;
 }
-pn-textarea .pn-textarea-element {
-  width: 100%;
-  resize: none;
-}
 pn-textarea .pn-textarea-element:read-only {
   border-color: #ffffff;
 }
+pn-textarea .pn-textarea-element:disabled + .pn-textarea-label > span {
+  background-color: #f3f2f2;
+}
 pn-textarea .pn-textarea-element::-webkit-resizer {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2017L17%207M12%2017L17%2012%22%20stroke%3D%22%23005D92%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
   background-repeat: no-repeat;
@@ -137,6 +178,10 @@ pn-textarea .pn-textarea[data-valid] > .pn-textarea-element:focus-visible {
   border-color: #005e41;
   outline-color: #005e41;
 }
+pn-textarea .pn-textarea[data-valid] > .pn-textarea-element:-webkit-autofill, pn-textarea .pn-textarea[data-valid] > .pn-textarea-element:-webkit-autofill:hover, pn-textarea .pn-textarea[data-valid] > .pn-textarea-element:-webkit-autofill:focus, pn-textarea .pn-textarea[data-valid] > .pn-textarea-element:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 10em #edfbf3 inset;
+  -webkit-text-fill-color: #2d2013;
+}
 pn-textarea .pn-textarea[data-error] > .pn-textarea-label {
   color: #a70707;
 }
@@ -151,6 +196,10 @@ pn-textarea .pn-textarea[data-error] > .pn-textarea-element:focus-visible {
   border-color: #a70707;
   outline-color: #a70707;
 }
+pn-textarea .pn-textarea[data-error] > .pn-textarea-element:-webkit-autofill, pn-textarea .pn-textarea[data-error] > .pn-textarea-element:-webkit-autofill:hover, pn-textarea .pn-textarea[data-error] > .pn-textarea-element:-webkit-autofill:focus, pn-textarea .pn-textarea[data-error] > .pn-textarea-element:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 10em #fef7f6 inset;
+  -webkit-text-fill-color: #2d2013;
+}
 pn-textarea .pn-textarea[data-error] > .pn-textarea-text[role=alert] {
   color: #a70707;
 }

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

@@ -14,14 +14,14 @@ export class PnTextarea {
     id = `pn-textarea-${uuidv4()}`;
     idHelper = `${this.id}-text`;
     hostElement;
-    /** The textarea content */
-    content;
     /** The label describing the textarea. */
     label;
     /** The textarea content, do not provide slotted content. */
     value = '';
     /** Helper text that will appear underneath the textarea. Will be overwritten if you set an `error` string */
     helpertext;
+    /** Use the compact label variant. @since v7.21.0 */
+    compact = false;
     /** A unique ID connecting the element to the label. @category HTML Textarea */
     textareaid = this.id;
     /** HTML name. @category HTML Textarea */
@@ -56,10 +56,9 @@ export class PnTextarea {
     disabled = false;
     /** Make the textarea readonly. @category State */
     readonly = false;
-    componentWillLoad() {
-        if (this.textareaid !== this.id) {
-            this.idHelper = `${this.textareaid}-helper`;
-        }
+    handleId() {
+        if (this.textareaid !== this.id)
+            this.idHelper = `${this.getId()}-helper`;
     }
     setVal(event) {
         const value = event.target.value;
@@ -71,8 +70,14 @@ export class PnTextarea {
     hasMessage() {
         return !!(this.helpertext?.length || this.error?.length);
     }
+    getId() {
+        return this.textareaid || this.id;
+    }
+    renderLabel() {
+        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: '69dc09d91e49cc9344ff8d152d861336a7d2153a' }, h("div", { key: '6397773faa3794f273a5c898d1e5b4e3b6c2ba39', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, h("label", { key: 'dfcf4990fe2724375617189c80928bedc97fef11', class: "pn-textarea-label", htmlFor: this.textareaid }, h("span", { key: 'b9eeb630a4af4adbbdc9bd30ab6c4f0119fcee31' }, this.label), this.maxlength >= 1 && h("span", { key: '930e81ce06e851c34559a66c130213e7d50730b0' }, `${this.value?.length || 0}/${this.maxlength}`)), h("textarea", { key: '073f25c41332dc145f8776f104222e480a444f54', class: "pn-textarea-element", id: this.textareaid, name: this.name, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, placeholder: this.placeholder, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-describedby": this.hasMessage() ? this.idHelper : null, "aria-invalid": this.hasError().toString(), onInput: e => this.setVal(e), value: this.value }), this.hasMessage() && (h("p", { key: '4e132b86726785d959a141c054eca0fb756250f2', id: this.idHelper, class: "pn-textarea-text", role: this.error?.length ? 'alert' : null }, h("span", { key: '987eadf4acc627e90a70ea9375e814d1ae11e16b' }, this.error || this.helpertext))))));
+        return (h(Host, { key: '890e6c29daa489bdf44588c91457e71172e40dae' }, h("div", { key: 'c35d279a237c2411faebd0823d3a03f8212c54d0', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), h("textarea", { key: 'f2358babec0d5eb02e1d3ba5c21c33998e9582b3', class: "pn-textarea-element", id: this.getId(), name: this.name, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, maxlength: this.maxlength, value: this.value, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-describedby": this.hasMessage() ? this.idHelper : null, "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), this.hasMessage() && (h("p", { key: 'ccdaed7f958b1ef07da159973690ddd86be791f3', id: this.idHelper, class: "pn-textarea-text", role: this.error?.length ? 'alert' : null }, h("span", { key: '62d9b78ed5370629548e67001689b3d14d40deaa' }, this.error || this.helpertext))))));
     }
     static get is() { return "pn-textarea"; }
     static get originalStyleUrls() {
@@ -108,7 +113,7 @@ export class PnTextarea {
             },
             "value": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
@@ -145,6 +150,29 @@ export class PnTextarea {
                 "reflect": false,
                 "attribute": "helpertext"
             },
+            "compact": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "since",
+                            "text": "v7.21.0"
+                        }],
+                    "text": "Use the compact label variant."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "compact",
+                "defaultValue": "false"
+            },
             "textareaid": {
                 "type": "string",
                 "mutable": false,
@@ -533,11 +561,14 @@ export class PnTextarea {
             }
         };
     }
-    static get states() {
-        return {
-            "content": {}
-        };
-    }
     static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "textareaid",
+                "methodName": "handleId",
+                "handlerOptions": {
+                    "immediate": true
+                }
+            }];
+    }
 }
-//# sourceMappingURL=pn-textarea.js.map

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

@@ -23,7 +23,7 @@ pn-toggle-switch .pn-toggle-label {
   margin: 0;
   gap: 0.5em;
   -webkit-tap-highlight-color: transparent;
-  transition-property: color;
+  transition-property: color, transform;
   transition-duration: 0.2s;
   transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }

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

@@ -57,7 +57,7 @@ export class PnToggleSwitch {
         return this.showHelpertext() ? this.idHelper : null;
     }
     render() {
-        return (h(Host, { key: '611e10ef6b355715811aa4b7c53819f854be90d2' }, h("div", { key: 'f35a023481d4f1ddab5d7ef8c0f8e08be9e06ccd', class: "pn-toggle" }, this.label && (h("div", { key: '2a3e329c1ca012cffe769f9e3b583279d6d07d7f', class: "pn-toggle-content" }, h("label", { key: '76501fa0040c9fa42da90f62d6788fb2641c6c83', htmlFor: this.toggleid, class: "pn-toggle-label" }, h("span", { key: '1503b68b27017186e554583835db95d19f30a634' }, this.label)), h("p", { key: '115560d3daeac5e23f7f703ed30c7ef55d4b742a', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && h("span", { key: 'd1f946240e1f7aee284b085b117f74ba95fde057' }, this.helpertext), h("slot", { key: '1d2595e558540d671b0de40ffc140e32f2111069', name: "helpertext" })))), h("div", { key: '142bad90629f2cfdbb7c30f39324dd95c3c5c200', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, h("input", { key: 'bd17c1bc34a1e0c4a26324b611dfecb613b4246c', id: this.toggleid, class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-describedby": this.describedBy() }), h("div", { key: 'ff295d221220d57ba5d20778f5a40fff9d55b840', class: "pn-toggle-bg" }), h("div", { key: 'f62fd093bb8d8f56020d9875c2d09423a1c03b00', class: "pn-toggle-circle" }, h("svg", { key: '11333cc909a02f6b0091f3a324ccacfb1c0f50ba', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: '8f5f6d65d4da3e8dd8e9c5794f7f9da1c815ad9e', points: "4,12 9,17 20,6", "stroke-width": "3" })), h("pn-spinner", { key: 'efee6adabd965a051efa16f156654895659a56d4', size: 1.125 }))))));
+        return (h(Host, { key: 'b88bbc2385be79dd584ecee5e53dc89832de49c3' }, h("div", { key: '4a413f2b2acf8551dc2852ba0d3a45f4cbf17a4d', class: "pn-toggle" }, this.label && (h("div", { key: '944a36f2018335a283092c909af2f37846850eb8', class: "pn-toggle-content" }, h("label", { key: '2536eaf65117b1c70d1ec31f17faa41f2a6fced4', htmlFor: this.toggleid, class: "pn-toggle-label" }, h("span", { key: 'eae8a38d31f6bc05faa9d56c08517f9302be9a3e' }, this.label)), h("p", { key: '6173ba384459c406eb98fe4318e080b6cd36031a', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && h("span", { key: 'd4a52d7786e7a63ca3f201c3ad7cb8793e377c12' }, this.helpertext), h("slot", { key: '06406382d523b70b8acb094a82794652a4481528', name: "helpertext" })))), h("div", { key: '4676dd88652c903f94d3f887e97841e00bbe09e2', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, h("input", { key: 'd2656b2f8ff8e74bd4d4c2f1c4791e984ec3e50b', id: this.toggleid, class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-describedby": this.describedBy() }), h("div", { key: '93caefd228460120aae22ba48e6c93d6df676fcf', class: "pn-toggle-bg" }), h("div", { key: '03299104835602d126960ad67ab51f94d27cf3c5', class: "pn-toggle-circle" }, h("svg", { key: '5f61f589797b3ca97a66cd42deab3065543679d2', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: 'd974e5cc198d19cf17e42e0b35097f87d11404a0', points: "4,12 9,17 20,6", "stroke-width": "3" })), h("pn-spinner", { key: '6f5c5fb05e0c9fd95b16d45833f50167af22e358', size: 1.125 }))))));
     }
     static get is() { return "pn-toggle-switch"; }
     static get originalStyleUrls() {
@@ -298,4 +298,3 @@ export class PnToggleSwitch {
             }];
     }
 }
-//# sourceMappingURL=pn-toggle-switch.js.map

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: '4ab31c34a28867a03ffb2dcc45bb7a29519e63ab' }, h("header", { key: 'ebb14dabe3e3e9ee97b9e798c2e2c9b3524df4ad', class: "pn-header" }, h("div", { key: 'a3231b114bb081ea58a0b2dba79555b0e8ba00a4', class: "pn-header-container" }, h("div", { key: '3867bd8f5a8d15afdd1ba11ed5b1ab3e7208e052', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (h("pn-text-link", { key: 'baceed637e654109cfea59b4f41d5736f9d1fb68', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), h("slot", { key: '1669aaaaf47b0733fe8675bccd9a4690602c0796', name: "breadcrumb" })), h("div", { key: 'e4c1003567130ad41f9d671b5b132d23714c6092', class: "pn-header-content" }, this.heading && h("h1", { key: 'b5ae2f4914e5461757814c21cb61be94b865d87b' }, this.heading), h("slot", { key: '008a40922dedaa60bd29310a4616ca5fa8869560' })), h("div", { key: 'dfbdfe55b2902c49d217406691730432a19acf59', class: "pn-header-buttons", hidden: !this.hasButtons }, h("slot", { key: '2aac6194d1cb0d338aac7d387a1d5a8acca92a27', name: "buttons" })), h("slot", { key: '992426ed4dc9fd0e202487d79f5f94d562266123', name: "menu" })))));
+        return (h(Host, { key: 'f19310a092999791304499d72c1b8e566949c0d3' }, h("header", { key: 'c6b50a1d93bf18f2050b37a9bdf69d3706b8aea4', class: "pn-header" }, h("div", { key: '7bfa1bd37978daf85d266b7306a71705bdc8cac5', class: "pn-header-container" }, h("div", { key: '09ed187b0f201d435c99b3c6e0f245ca48857d47', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (h("pn-text-link", { key: 'ba657cb77da06d42009738c64d815a23d8dae527', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), h("slot", { key: '278bf254489dbd76f53e047cd16c247bcfd696eb', name: "breadcrumb" })), h("div", { key: 'e9b2e873fb9ed01fabbd669aa7cace973a55cbfa', class: "pn-header-content" }, this.heading && h("h1", { key: 'baec009bf6807009ea53d184be9a8c15ea0253a0' }, this.heading), h("slot", { key: '7a777967b19a19077486d88d775b4a1c4f9d3134' })), h("div", { key: '46fa0cc4120b341e4a03c60bb865e077c6231986', class: "pn-header-buttons", hidden: !this.hasButtons }, h("slot", { key: '8932d6bbb5e1647be6b666d1879b163575dfd760', name: "buttons" })), h("slot", { key: 'afc6e39f45ef72ba762772f84a66cc24fdbcf368', name: "menu" })))));
     }
     static get is() { return "pn-header"; }
     static get originalStyleUrls() {
@@ -170,7 +170,8 @@ export class PnHeader {
                         "PnLanguages": {
                             "location": "import",
                             "path": "@/globals/types",
-                            "id": "src/globals/types.ts::PnLanguages"
+                            "id": "src/globals/types.ts::PnLanguages",
+                            "referenceLocation": "PnLanguages"
                         }
                     }
                 },
@@ -196,4 +197,3 @@ export class PnHeader {
             }];
     }
 }
-//# sourceMappingURL=pn-header.js.map

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: '38ae433a7a9a45051844529a355969adc7609be7' }, h("article", { key: 'f84f5663aaf6b7a5f814c1879e9c43a0c1cea55a', 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: '29d7f3ef72d259417c07bf699dde3eb08174a724', class: "pn-card-image" }, h("picture", { key: '34578663711bbb2f079c1cbbe93a2e1121666743', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: '0daa13f16ef2ec666d9ca9dc9b969f27a0e52b9e', name: "image" }))), h("div", { key: '5d0b8a57c6ecbf58fe98391d7fab74d5dbd626ad', class: "pn-card-content" }, h("header", { key: '1a48800f585c09b14d04c468aba5d621d57be2cd', class: "pn-card-header" }, h("div", { key: '830c5901b52b38fdb6c5ed58786392f2bb1782b7', class: "pn-card-tags" }, h("slot", { key: 'd97dbbeae1763a74d7fbd39e90fa1b31504e0f9f', name: "tags" })), !!this.overline && h("p", { key: 'f88c629311c5a9cbec5f046a0d4c7e622b9fd6f3', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: '585f02ed063d2145ca83e95e007bedd4faf291aa', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: 'd15c587c99db40f1b09df450d017b55323505abf', name: "header" })), h("section", { key: '2ede235cec1f5e97eba9bdebf3582147432d1ecf', class: "pn-card-section" }, !!this.text && h("p", { key: 'a3ef3f6f84c0c4205c4de04fecde5f0b55b9bbc8', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: '7db060522f673aa3f0c0d8cf78d029834a94d11b' })), h("nav", { key: '5cbd93fec3dcd0958f04ba4bc0350ca27295f110', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: 'e872e4d9f36840f3318f606861f8fd850c8dd931', 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: '3a812c2a58573d772b220cce1ee5ef3b0d7aa43e', color: "blue700", icon: this.getIcon() }))), h("slot", { key: '7ef4a0a3e9789e758828bdd5f053338c784e484b', name: "navigation" }))))));
+        return (h(Host, { key: '66bfbab30790857e909606b687989d845eef9c42' }, h("article", { key: 'eb3d30790de5f65da87dc40731b81fb9120c88db', 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: '626daade06dd8b45c47e58cd5fbcef0322e3398f', class: "pn-card-image" }, h("picture", { key: '5f0539bf93afe3a8070c4e31bcabcd6e09f6cd5b', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: 'ead1ab12ad886e48daf022a26afc0deb29998d9e', name: "image" }))), h("div", { key: '79b1e1dcf658daf770ef2038770ad36d827d61fb', class: "pn-card-content" }, h("header", { key: '9b122547f47bace150f3dd17ccbe0ffe17a499b7', class: "pn-card-header" }, h("div", { key: 'eff03ae597d4d47ec6ef78634b9f1e3b3c65d420', class: "pn-card-tags" }, h("slot", { key: 'bce8ed2e135c2f7575923678477c278c82b26664', name: "tags" })), !!this.overline && h("p", { key: '4c5012ffa0d5e4054be3dc99fea4fd3d2d2e4383', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: 'a1a2a9ce01834943f3909a95dd4ac9c12c62fcc5', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: '7e231155db5155d5d4a5a272f845c6822235bb54', name: "header" })), h("section", { key: '118b273cd31a00de1fd16ee297bb206a33e7f977', class: "pn-card-section" }, !!this.text && h("p", { key: '66addec056571f3b511718cc8a4a60f64c3ac62b', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: 'f9ec7149a4e48f59143b81470677be0b24791c8e' })), h("nav", { key: 'bb0ea19f4db135fd1b32496e167b67358df6ada8', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: '182c9afcbb00b56c16b53ad15f12449e5feaf11a', 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: '50ed52dbc3fd815c9d7b37542ad566a607e43da3', color: "blue700", icon: this.getIcon() }))), h("slot", { key: '6204a8a4944a85d522b4522352f67e73bc52792a', name: "navigation" }))))));
     }
     static get is() { return "pn-card"; }
     static get originalStyleUrls() {
@@ -435,4 +435,3 @@ export class PnCard {
             }];
     }
 }
-//# sourceMappingURL=pn-card.js.map

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: 'fe2809c0965931f8c0e827cde6e415cf01647b59' }, h("div", { key: '50aaf97c180a81c6a373ea4dcff6e69a07c02701', class: "pn-footer-row" }, h("p", { key: 'af7b0418191aca29d870e56f8f3ed8f6888dad5f' }, this.getText('questions')), this.renderLink('contact')), h("div", { key: '46d8426977ec05cec03e71813849980325c813c3', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), h("div", { key: '33faf842fdb88c02ac31f2761392dc793bea9a44', class: "pn-footer-row" }, h("p", { key: 'c6dcc1d7958ea94a371253284022ddb8cfdf6470' }, this.getText('info')), this.renderLink('domain'))));
+        return (h(Host, { key: '5ba1e53dd0dc631bf8bbe878a622ec577224a9f3' }, h("div", { key: '530b0e803506fed3cae180d1289535538f64e1bb', class: "pn-footer-row" }, h("p", { key: '47e19b88eb7c6860f0921fdacc79686aff3d2b61' }, this.getText('questions')), this.renderLink('contact')), h("div", { key: '2986a92cb2183d53c871030db72ef34aa08e847b', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), h("div", { key: '550a23c5b872b6dc9c69b4e231ce7634d5f12994', class: "pn-footer-row" }, h("p", { key: '52871c90b92a2a64fc247ac83fdc62215e54a574' }, this.getText('info')), this.renderLink('domain'))));
     }
     static get is() { return "pn-footer"; }
     static get originalStyleUrls() {
@@ -68,7 +68,8 @@ export class PnFooter {
                         "PnMarkets": {
                             "location": "import",
                             "path": "@/globals/types",
-                            "id": "src/globals/types.ts::PnMarkets"
+                            "id": "src/globals/types.ts::PnMarkets",
+                            "referenceLocation": "PnMarkets"
                         }
                     }
                 },
@@ -94,7 +95,8 @@ export class PnFooter {
                         "PnLanguages": {
                             "location": "import",
                             "path": "@/globals/types",
-                            "id": "src/globals/types.ts::PnLanguages"
+                            "id": "src/globals/types.ts::PnLanguages",
+                            "referenceLocation": "PnLanguages"
                         }
                     }
                 },
@@ -114,4 +116,3 @@ export class PnFooter {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=pn-footer.js.map

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

@@ -46,4 +46,3 @@ export const translations = {
         no: 'Betingelser og vilkår',
     },
 };
-//# sourceMappingURL=translations.js.map