@postnord/pn-marketweb-components 2.0.16 → 2.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-customernumber-selector-option.cjs.entry.js +23 -0
- package/cjs/pn-customernumber-selector.cjs.entry.js +59 -0
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js +4 -4
- package/cjs/pn-profile-selector.cjs.entry.js +3 -2
- package/collection/collection-manifest.json +4 -2
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.css +40 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js +80 -0
- package/collection/components/{navigation/pn-profile-selector/pn-profile-selector-types.js → profile/pn-customernumber-selector/pn-customernumber-selector-types.js} +0 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.css +67 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js +122 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.stories.js +42 -0
- package/collection/components/profile/pn-customernumber-selector/translations.js +20 -0
- package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector-option.css +4 -3
- package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector-option.js +8 -8
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-types.js +1 -0
- package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector.css +0 -0
- package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector.js +20 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.stories.js +26 -0
- package/collection/components/{navigation → profile}/pn-profile-selector/translations.js +1 -1
- package/custom-elements/index.d.ts +12 -0
- package/custom-elements/index.js +84 -9
- package/esm/loader.js +1 -1
- package/esm/pn-customernumber-selector-option.entry.js +19 -0
- package/esm/pn-customernumber-selector.entry.js +55 -0
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-profile-selector-option.entry.js +4 -4
- package/esm/pn-profile-selector.entry.js +3 -2
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-customernumber-selector-option.entry.js +1 -0
- package/esm-es5/pn-customernumber-selector.entry.js +1 -0
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-profile-selector-option.entry.js +1 -1
- package/esm-es5/pn-profile-selector.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/{p-401b57b1.system.entry.js → p-2a7e6d3a.system.entry.js} +1 -1
- package/pn-market-web-components/p-3d7a5469.system.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-80f6f348.entry.js +1 -0
- package/pn-market-web-components/p-8f9f1b71.system.entry.js +1 -0
- package/pn-market-web-components/p-ac8285b4.entry.js +1 -0
- package/pn-market-web-components/p-b27aad85.entry.js +1 -0
- package/pn-market-web-components/p-dbaa2116.entry.js +1 -0
- package/pn-market-web-components/p-fb1b7359.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.d.ts +7 -0
- package/types/components/profile/pn-customernumber-selector/pn-customernumber-selector-types.d.ts +3 -0
- package/types/components/profile/pn-customernumber-selector/pn-customernumber-selector.d.ts +15 -0
- package/types/components/profile/pn-customernumber-selector/translations.d.ts +20 -0
- package/types/components/{navigation → profile}/pn-profile-selector/pn-profile-selector-option.d.ts +2 -2
- package/types/components/{navigation → profile}/pn-profile-selector/pn-profile-selector-types.d.ts +0 -0
- package/types/components/{navigation → profile}/pn-profile-selector/pn-profile-selector.d.ts +1 -0
- package/types/components/{navigation → profile}/pn-profile-selector/translations.d.ts +0 -0
- package/types/components.d.ts +46 -4
- package/umd/pn-marketweb-salesforce.js +1 -1
- package/collection/components/navigation/pn-profile-selector/pn-profile-selector.stories.js +0 -28
- package/pn-market-web-components/p-57cc0679.system.entry.js +0 -1
- package/pn-market-web-components/p-5c41acb2.entry.js +0 -1
- package/pn-market-web-components/p-b4f0228c.entry.js +0 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export const translations = {
|
|
2
|
+
'sv': {
|
|
3
|
+
'toggleLinkTitleText': `Välj kundnummer`,
|
|
4
|
+
},
|
|
5
|
+
'en': {
|
|
6
|
+
'toggleLinkTitleText': `Choose customernumber`,
|
|
7
|
+
},
|
|
8
|
+
'da': {
|
|
9
|
+
'toggleLinkTitleText': `Vælg kundenummer`,
|
|
10
|
+
},
|
|
11
|
+
'no': {
|
|
12
|
+
'toggleLinkTitleText': `Velg kundenummer`,
|
|
13
|
+
},
|
|
14
|
+
'fi': {
|
|
15
|
+
'toggleLinkTitleText': `Valitse asiakasnumero`,
|
|
16
|
+
},
|
|
17
|
+
'de': {
|
|
18
|
+
'toggleLinkTitleText': `Kundennummer auswählen`,
|
|
19
|
+
}
|
|
20
|
+
};
|
|
@@ -41,13 +41,14 @@ pn-profile-selector-option:last-of-type .profileselectoroption {
|
|
|
41
41
|
flex-direction: column;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.profileselectoroption-
|
|
44
|
+
.profileselectoroption-title {
|
|
45
45
|
font-size: 1em;
|
|
46
46
|
color: #005D92;
|
|
47
47
|
font-weight: 700;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.profileselectoroption-
|
|
51
|
-
color: #5E554A;
|
|
50
|
+
.profileselectoroption-description {
|
|
52
51
|
font-size: 0.75em;
|
|
52
|
+
color: #5E554A;
|
|
53
|
+
font-weight: normal;
|
|
53
54
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Component, Prop, h, Element, Host } from "@stencil/core";
|
|
2
2
|
export class PnProfileSelectorOption {
|
|
3
3
|
constructor() {
|
|
4
|
-
this.
|
|
5
|
-
this.
|
|
4
|
+
this.title = "";
|
|
5
|
+
this.description = "";
|
|
6
6
|
this.url = "";
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
9
|
return (h(Host, null,
|
|
10
10
|
h("a", { class: "profileselectoroption", href: this.url },
|
|
11
11
|
h("span", { class: "profileselectoroption-text" },
|
|
12
|
-
h("span", { class: "profileselectoroption-
|
|
13
|
-
h("span", { class: "profileselectoroption-
|
|
12
|
+
h("span", { class: "profileselectoroption-title" }, this.title),
|
|
13
|
+
h("span", { class: "profileselectoroption-description" }, this.description)),
|
|
14
14
|
h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "pn-profile-selector-option"; }
|
|
@@ -21,7 +21,7 @@ export class PnProfileSelectorOption {
|
|
|
21
21
|
"$": ["pn-profile-selector-option.css"]
|
|
22
22
|
}; }
|
|
23
23
|
static get properties() { return {
|
|
24
|
-
"
|
|
24
|
+
"title": {
|
|
25
25
|
"type": "string",
|
|
26
26
|
"mutable": false,
|
|
27
27
|
"complexType": {
|
|
@@ -35,11 +35,11 @@ export class PnProfileSelectorOption {
|
|
|
35
35
|
"tags": [],
|
|
36
36
|
"text": ""
|
|
37
37
|
},
|
|
38
|
-
"attribute": "
|
|
38
|
+
"attribute": "title",
|
|
39
39
|
"reflect": false,
|
|
40
40
|
"defaultValue": "\"\""
|
|
41
41
|
},
|
|
42
|
-
"
|
|
42
|
+
"description": {
|
|
43
43
|
"type": "string",
|
|
44
44
|
"mutable": false,
|
|
45
45
|
"complexType": {
|
|
@@ -53,7 +53,7 @@ export class PnProfileSelectorOption {
|
|
|
53
53
|
"tags": [],
|
|
54
54
|
"text": ""
|
|
55
55
|
},
|
|
56
|
-
"attribute": "
|
|
56
|
+
"attribute": "description",
|
|
57
57
|
"reflect": false,
|
|
58
58
|
"defaultValue": "\"\""
|
|
59
59
|
},
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector.css
RENAMED
|
File without changes
|
package/collection/components/{navigation → profile}/pn-profile-selector/pn-profile-selector.js
RENAMED
|
@@ -4,6 +4,7 @@ export class PnProfileSelector {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.language = "sv"; //sv
|
|
6
6
|
this.returnUrl = "/"; //sv
|
|
7
|
+
this.heading = null; //sv
|
|
7
8
|
this.i18n = translations["en"];
|
|
8
9
|
this.isLoading = true;
|
|
9
10
|
this.numberOfProfiles = 1;
|
|
@@ -25,7 +26,7 @@ export class PnProfileSelector {
|
|
|
25
26
|
h("div", { class: "profileselector-logo" },
|
|
26
27
|
h("svg", { viewBox: "0 0 133 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "17.1rem", height: "3.2rem" },
|
|
27
28
|
h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "#00A0D6", d: "M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z" }))),
|
|
28
|
-
h("div", { class: "profileselector-intromessage" }, this.i18n.introMessage),
|
|
29
|
+
this.heading === "" ? null : (h("div", { class: "profileselector-intromessage" }, this.heading === null ? this.i18n.introMessage : this.heading)),
|
|
29
30
|
h("slot", null))));
|
|
30
31
|
}
|
|
31
32
|
static get is() { return "pn-profile-selector"; }
|
|
@@ -71,6 +72,24 @@ export class PnProfileSelector {
|
|
|
71
72
|
"attribute": "return-url",
|
|
72
73
|
"reflect": false,
|
|
73
74
|
"defaultValue": "\"/\""
|
|
75
|
+
},
|
|
76
|
+
"heading": {
|
|
77
|
+
"type": "string",
|
|
78
|
+
"mutable": false,
|
|
79
|
+
"complexType": {
|
|
80
|
+
"original": "string",
|
|
81
|
+
"resolved": "string",
|
|
82
|
+
"references": {}
|
|
83
|
+
},
|
|
84
|
+
"required": false,
|
|
85
|
+
"optional": false,
|
|
86
|
+
"docs": {
|
|
87
|
+
"tags": [],
|
|
88
|
+
"text": ""
|
|
89
|
+
},
|
|
90
|
+
"attribute": "heading",
|
|
91
|
+
"reflect": false,
|
|
92
|
+
"defaultValue": "null"
|
|
74
93
|
}
|
|
75
94
|
}; }
|
|
76
95
|
static get states() { return {
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import readme from "./readme.md";
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: "Profile/Profile selector",
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'fullscreen'
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const PrimaryTemplate = ({ ...args }) => {
|
|
12
|
+
return `
|
|
13
|
+
<pn-profile-selector heading="">
|
|
14
|
+
<pn-profile-selector-option title="John Doe Karlsson (Privat)" description="john.doe.karlsson@hotmail.com" url="?id=123"></pn-profile-selector-option>
|
|
15
|
+
<pn-profile-selector-option title="Company X" description="Kundnr: 1234321" url="?id=222"></pn-profile-selector-option>
|
|
16
|
+
<pn-profile-selector-option title="Long name company incorporated business practice" description="Kundnr: 1234321" url="?id=123"></pn-profile-selector-option>
|
|
17
|
+
</pn-profile-selector>
|
|
18
|
+
// <hr/>
|
|
19
|
+
// <a href="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=http://localhost:6008/?path=/story/web-components-profile-selector--primary">AT Login </a>
|
|
20
|
+
`;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export const Primary = PrimaryTemplate.bind({});
|
|
24
|
+
Primary.args = {
|
|
25
|
+
|
|
26
|
+
};
|
|
@@ -20,6 +20,18 @@ export const PnChoiceButton: {
|
|
|
20
20
|
new (): PnChoiceButton;
|
|
21
21
|
};
|
|
22
22
|
|
|
23
|
+
interface PnCustomernumberSelector extends Components.PnCustomernumberSelector, HTMLElement {}
|
|
24
|
+
export const PnCustomernumberSelector: {
|
|
25
|
+
prototype: PnCustomernumberSelector;
|
|
26
|
+
new (): PnCustomernumberSelector;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
interface PnCustomernumberSelectorOption extends Components.PnCustomernumberSelectorOption, HTMLElement {}
|
|
30
|
+
export const PnCustomernumberSelectorOption: {
|
|
31
|
+
prototype: PnCustomernumberSelectorOption;
|
|
32
|
+
new (): PnCustomernumberSelectorOption;
|
|
33
|
+
};
|
|
34
|
+
|
|
23
35
|
interface PnFilterCheckbox extends Components.PnFilterCheckbox, HTMLElement {}
|
|
24
36
|
export const PnFilterCheckbox: {
|
|
25
37
|
prototype: PnFilterCheckbox;
|
package/custom-elements/index.js
CHANGED
|
@@ -154,6 +154,76 @@ let PnChoiceButton$1 = class extends HTMLElement {
|
|
|
154
154
|
static get style() { return pnChoiceButtonCss; }
|
|
155
155
|
};
|
|
156
156
|
|
|
157
|
+
const translations$a = {
|
|
158
|
+
'sv': {
|
|
159
|
+
'toggleLinkTitleText': `Välj kundnummer`,
|
|
160
|
+
},
|
|
161
|
+
'en': {
|
|
162
|
+
'toggleLinkTitleText': `Choose customernumber`,
|
|
163
|
+
},
|
|
164
|
+
'da': {
|
|
165
|
+
'toggleLinkTitleText': `Vælg kundenummer`,
|
|
166
|
+
},
|
|
167
|
+
'no': {
|
|
168
|
+
'toggleLinkTitleText': `Velg kundenummer`,
|
|
169
|
+
},
|
|
170
|
+
'fi': {
|
|
171
|
+
'toggleLinkTitleText': `Valitse asiakasnumero`,
|
|
172
|
+
},
|
|
173
|
+
'de': {
|
|
174
|
+
'toggleLinkTitleText': `Kundennummer auswählen`,
|
|
175
|
+
}
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
const pnCustomernumberSelectorCss = ".customernumber-container{position:relative;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;-webkit-transition:border 0.15s ease;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005D92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:-ms-flexbox;display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{-ms-flex-item-align:center;align-self:center}.customernumber-selected{-ms-flex-positive:1;flex-grow:1}.customernumber-selected-title{color:#005D92}.customernumber-selected-description{font-size:0.875em}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005D92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;max-height:500rem}";
|
|
179
|
+
|
|
180
|
+
let PnCustomernumberSelector$1 = class extends HTMLElement {
|
|
181
|
+
constructor() {
|
|
182
|
+
super();
|
|
183
|
+
this.__registerHost();
|
|
184
|
+
this.language = "sv"; //sv
|
|
185
|
+
this.returnUrl = "/"; //sv
|
|
186
|
+
this.selected = ""; //sv
|
|
187
|
+
this.open = true; //sv
|
|
188
|
+
this.i18n = translations$a["en"];
|
|
189
|
+
this.isLoading = true;
|
|
190
|
+
this.numberOfProfiles = 1;
|
|
191
|
+
}
|
|
192
|
+
componentWillLoad() {
|
|
193
|
+
this.init();
|
|
194
|
+
}
|
|
195
|
+
init() {
|
|
196
|
+
this.setTranslations();
|
|
197
|
+
}
|
|
198
|
+
setTranslations() {
|
|
199
|
+
if (this.language && translations$a[this.language]) {
|
|
200
|
+
this.i18n = translations$a[this.language];
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
render() {
|
|
204
|
+
return (h(Host, null, h("div", { class: "customernumber-container" }, h("button", { class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => this.open = !this.open }, h("div", { class: "customernumber-selected" }, h("strong", { class: "customernumber-selected-title" }, "Lorem ipsum"), h("div", { class: "customernumber-selected-description" }, "12312 123123")), h("pn-icon", { symbol: this.open ? 'angle-up' : 'angle-down', small: "false", color: "blue700" })), h("div", { class: "customernumber-options" }, h("slot", null)))));
|
|
205
|
+
}
|
|
206
|
+
get hostElement() { return this; }
|
|
207
|
+
static get style() { return pnCustomernumberSelectorCss; }
|
|
208
|
+
};
|
|
209
|
+
|
|
210
|
+
const pnCustomernumberSelectorOptionCss = "pn-customernumber-selector-option{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}pn-customernumber-selector-option:last-of-type{border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.customernumberoption{overflow:hidden;max-width:100%;text-decoration:none;background:#FFFFFF;-webkit-transition:background 0.15s ease;transition:background 0.15s ease;padding:1.6rem 1rem}.customernumberoption:hover,.customernumberoption:focus,.customernumberoption:active{background:#E0F8FF}.customernumberoption-text{font-weight:700;color:#2D2013}.customernumberoption-title{display:block;font-size:1em;color:#005D92;font-weight:700}.customernumberoption-description{font-size:0.75em;color:#5E554A;font-weight:normal}";
|
|
211
|
+
|
|
212
|
+
let PnProfileSelectorOption$2 = class extends HTMLElement {
|
|
213
|
+
constructor() {
|
|
214
|
+
super();
|
|
215
|
+
this.__registerHost();
|
|
216
|
+
this.title = "";
|
|
217
|
+
this.description = "";
|
|
218
|
+
this.url = "";
|
|
219
|
+
}
|
|
220
|
+
render() {
|
|
221
|
+
return (h(Host, null, h("a", { class: "customernumberoption", href: this.url }, h("span", { class: "customernumberoption-text" }, h("span", { class: "customernumberoption-title" }, this.title), h("span", { class: "customernumberoption-description" }, this.description), h("slot", null)))));
|
|
222
|
+
}
|
|
223
|
+
get hostElement() { return this; }
|
|
224
|
+
static get style() { return pnCustomernumberSelectorOptionCss; }
|
|
225
|
+
};
|
|
226
|
+
|
|
157
227
|
const pnFilterCheckboxCss = ":host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005D92;background:#E0F8FF}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005D92;border:0.1rem solid #005D92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#D3CECB;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";
|
|
158
228
|
|
|
159
229
|
let PnFilterCheckbox$1 = class extends HTMLElement {
|
|
@@ -5267,7 +5337,7 @@ let PnProductTilePrice$1 = class extends HTMLElement {
|
|
|
5267
5337
|
|
|
5268
5338
|
const translations$1 = {
|
|
5269
5339
|
'sv': {
|
|
5270
|
-
'introMessage': `
|
|
5340
|
+
'introMessage': `Välj ombud du vill agera som?`,
|
|
5271
5341
|
},
|
|
5272
5342
|
'en': {
|
|
5273
5343
|
'introMessage': `Which customer number do you want to handle today?`,
|
|
@@ -5291,6 +5361,7 @@ let PnProfileSelector$1 = class extends HTMLElement {
|
|
|
5291
5361
|
this.__registerHost();
|
|
5292
5362
|
this.language = "sv"; //sv
|
|
5293
5363
|
this.returnUrl = "/"; //sv
|
|
5364
|
+
this.heading = null; //sv
|
|
5294
5365
|
this.i18n = translations$1["en"];
|
|
5295
5366
|
this.isLoading = true;
|
|
5296
5367
|
this.numberOfProfiles = 1;
|
|
@@ -5307,24 +5378,24 @@ let PnProfileSelector$1 = class extends HTMLElement {
|
|
|
5307
5378
|
}
|
|
5308
5379
|
}
|
|
5309
5380
|
render() {
|
|
5310
|
-
return (h(Host, null, h("div", { class: "profileselector-container" }, h("div", { class: "profileselector-logo" }, h("svg", { viewBox: "0 0 133 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "17.1rem", height: "3.2rem" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "#00A0D6", d: "M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z" }))), h("div", { class: "profileselector-intromessage" }, this.i18n.introMessage), h("slot", null))));
|
|
5381
|
+
return (h(Host, null, h("div", { class: "profileselector-container" }, h("div", { class: "profileselector-logo" }, h("svg", { viewBox: "0 0 133 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "17.1rem", height: "3.2rem" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "#00A0D6", d: "M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z" }))), this.heading === "" ? null : (h("div", { class: "profileselector-intromessage" }, this.heading === null ? this.i18n.introMessage : this.heading)), h("slot", null))));
|
|
5311
5382
|
}
|
|
5312
5383
|
get hostElement() { return this; }
|
|
5313
5384
|
static get style() { return pnProfileSelectorCss; }
|
|
5314
5385
|
};
|
|
5315
5386
|
|
|
5316
|
-
const pnProfileSelectorOptionCss = "pn-profile-selector-option{display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #D3CECB;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:-ms-flexbox;display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{-ms-flex-item-align:center;align-self:center;position:relative;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear, -webkit-transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{-webkit-transform:none;transform:none;-webkit-transition-timing-function:ease;transition-timing-function:ease}.profileselectoroption-text{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.profileselectoroption-
|
|
5387
|
+
const pnProfileSelectorOptionCss = "pn-profile-selector-option{display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #D3CECB;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:-ms-flexbox;display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{-ms-flex-item-align:center;align-self:center;position:relative;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear, -webkit-transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{-webkit-transform:none;transform:none;-webkit-transition-timing-function:ease;transition-timing-function:ease}.profileselectoroption-text{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005D92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5E554A;font-weight:normal}";
|
|
5317
5388
|
|
|
5318
5389
|
let PnProfileSelectorOption$1 = class extends HTMLElement {
|
|
5319
5390
|
constructor() {
|
|
5320
5391
|
super();
|
|
5321
5392
|
this.__registerHost();
|
|
5322
|
-
this.
|
|
5323
|
-
this.
|
|
5393
|
+
this.title = "";
|
|
5394
|
+
this.description = "";
|
|
5324
5395
|
this.url = "";
|
|
5325
5396
|
}
|
|
5326
5397
|
render() {
|
|
5327
|
-
return (h(Host, null, h("a", { class: "profileselectoroption", href: this.url }, h("span", { class: "profileselectoroption-text" }, h("span", { class: "profileselectoroption-
|
|
5398
|
+
return (h(Host, null, h("a", { class: "profileselectoroption", href: this.url }, h("span", { class: "profileselectoroption-text" }, h("span", { class: "profileselectoroption-title" }, this.title), h("span", { class: "profileselectoroption-description" }, this.description)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
|
|
5328
5399
|
}
|
|
5329
5400
|
get hostElement() { return this; }
|
|
5330
5401
|
static get style() { return pnProfileSelectorOptionCss; }
|
|
@@ -5644,6 +5715,8 @@ let PnTiletag = class extends HTMLElement {
|
|
|
5644
5715
|
const PnBonusProgressbar = /*@__PURE__*/proxyCustomElement(PnBonusProgressbar$1, [4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]);
|
|
5645
5716
|
const PnBonusProgressbarLevel = /*@__PURE__*/proxyCustomElement(PnBonusProgressbarLevel$1, [0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]);
|
|
5646
5717
|
const PnChoiceButton = /*@__PURE__*/proxyCustomElement(PnChoiceButton$1, [4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
|
|
5718
|
+
const PnCustomernumberSelector = /*@__PURE__*/proxyCustomElement(PnCustomernumberSelector$1, [4,"pn-customernumber-selector",{"language":[1537],"returnUrl":[1,"return-url"],"selected":[1537],"open":[1540],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]);
|
|
5719
|
+
const PnCustomernumberSelectorOption = /*@__PURE__*/proxyCustomElement(PnProfileSelectorOption$2, [4,"pn-customernumber-selector-option",{"title":[1],"description":[1],"url":[1]}]);
|
|
5647
5720
|
const PnFilterCheckbox = /*@__PURE__*/proxyCustomElement(PnFilterCheckbox$1, [1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
|
|
5648
5721
|
const PnFindPrice = /*@__PURE__*/proxyCustomElement(PnfindPrice, [0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]);
|
|
5649
5722
|
const PnFindPriceResult = /*@__PURE__*/proxyCustomElement(PnfindPriceResult, [0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"usp":[16],"weightText":[32],"linkId":[32]}]);
|
|
@@ -5670,8 +5743,8 @@ const PnProductPricelistResult = /*@__PURE__*/proxyCustomElement(PnFindProductPr
|
|
|
5670
5743
|
const PnProductTile = /*@__PURE__*/proxyCustomElement(PnProductTile$1, [4,"pn-product-tile"]);
|
|
5671
5744
|
const PnProductTileInfo = /*@__PURE__*/proxyCustomElement(PnProductTileInfo$1, [0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}]);
|
|
5672
5745
|
const PnProductTilePrice = /*@__PURE__*/proxyCustomElement(PnProductTilePrice$1, [0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]);
|
|
5673
|
-
const PnProfileSelector = /*@__PURE__*/proxyCustomElement(PnProfileSelector$1, [4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]);
|
|
5674
|
-
const PnProfileSelectorOption = /*@__PURE__*/proxyCustomElement(PnProfileSelectorOption$1, [0,"pn-profile-selector-option",{"
|
|
5746
|
+
const PnProfileSelector = /*@__PURE__*/proxyCustomElement(PnProfileSelector$1, [4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]);
|
|
5747
|
+
const PnProfileSelectorOption = /*@__PURE__*/proxyCustomElement(PnProfileSelectorOption$1, [0,"pn-profile-selector-option",{"title":[1],"description":[1],"url":[1]}]);
|
|
5675
5748
|
const PnSidenav = /*@__PURE__*/proxyCustomElement(PnSidenav$1, [4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]);
|
|
5676
5749
|
const PnSidenavLevel = /*@__PURE__*/proxyCustomElement(PnSidenavLevel$1, [4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]);
|
|
5677
5750
|
const PnSidenavLink = /*@__PURE__*/proxyCustomElement(PnSidenavLink$1, [4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]);
|
|
@@ -5686,6 +5759,8 @@ const defineCustomElements = (opts) => {
|
|
|
5686
5759
|
PnBonusProgressbar,
|
|
5687
5760
|
PnBonusProgressbarLevel,
|
|
5688
5761
|
PnChoiceButton,
|
|
5762
|
+
PnCustomernumberSelector,
|
|
5763
|
+
PnCustomernumberSelectorOption,
|
|
5689
5764
|
PnFilterCheckbox,
|
|
5690
5765
|
PnFindPrice,
|
|
5691
5766
|
PnFindPriceResult,
|
|
@@ -5730,4 +5805,4 @@ const defineCustomElements = (opts) => {
|
|
|
5730
5805
|
}
|
|
5731
5806
|
};
|
|
5732
5807
|
|
|
5733
|
-
export { PnBonusProgressbar, PnBonusProgressbarLevel, PnChoiceButton, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileSelector, PnProfileSelectorOption, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnTitletag, defineCustomElements };
|
|
5808
|
+
export { PnBonusProgressbar, PnBonusProgressbarLevel, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileSelector, PnProfileSelectorOption, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnTitletag, defineCustomElements };
|
package/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile",[[4,"pn-product-tile"]]],["pn-profile-selector",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option",[[0,"pn-profile-selector-option",{"
|
|
13
|
+
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector",[[4,"pn-customernumber-selector",{"language":[1537],"returnUrl":[1,"return-url"],"selected":[1537],"open":[1540],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-customernumber-selector-option",[[4,"pn-customernumber-selector-option",{"title":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile",[[4,"pn-product-tile"]]],["pn-profile-selector",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option",[[0,"pn-profile-selector-option",{"title":[1],"description":[1],"url":[1]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-service-and-price-result",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"usp":[16],"weightText":[32],"linkId":[32]}]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile-info_2",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"loginManager":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
|
|
2
|
+
|
|
3
|
+
const pnCustomernumberSelectorOptionCss = "pn-customernumber-selector-option{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}pn-customernumber-selector-option:last-of-type{border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.customernumberoption{overflow:hidden;max-width:100%;text-decoration:none;background:#FFFFFF;-webkit-transition:background 0.15s ease;transition:background 0.15s ease;padding:1.6rem 1rem}.customernumberoption:hover,.customernumberoption:focus,.customernumberoption:active{background:#E0F8FF}.customernumberoption-text{font-weight:700;color:#2D2013}.customernumberoption-title{display:block;font-size:1em;color:#005D92;font-weight:700}.customernumberoption-description{font-size:0.75em;color:#5E554A;font-weight:normal}";
|
|
4
|
+
|
|
5
|
+
let PnProfileSelectorOption = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.title = "";
|
|
9
|
+
this.description = "";
|
|
10
|
+
this.url = "";
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return (h(Host, null, h("a", { class: "customernumberoption", href: this.url }, h("span", { class: "customernumberoption-text" }, h("span", { class: "customernumberoption-title" }, this.title), h("span", { class: "customernumberoption-description" }, this.description), h("slot", null)))));
|
|
14
|
+
}
|
|
15
|
+
get hostElement() { return getElement(this); }
|
|
16
|
+
};
|
|
17
|
+
PnProfileSelectorOption.style = pnCustomernumberSelectorOptionCss;
|
|
18
|
+
|
|
19
|
+
export { PnProfileSelectorOption as pn_customernumber_selector_option };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
|
|
2
|
+
|
|
3
|
+
const translations = {
|
|
4
|
+
'sv': {
|
|
5
|
+
'toggleLinkTitleText': `Välj kundnummer`,
|
|
6
|
+
},
|
|
7
|
+
'en': {
|
|
8
|
+
'toggleLinkTitleText': `Choose customernumber`,
|
|
9
|
+
},
|
|
10
|
+
'da': {
|
|
11
|
+
'toggleLinkTitleText': `Vælg kundenummer`,
|
|
12
|
+
},
|
|
13
|
+
'no': {
|
|
14
|
+
'toggleLinkTitleText': `Velg kundenummer`,
|
|
15
|
+
},
|
|
16
|
+
'fi': {
|
|
17
|
+
'toggleLinkTitleText': `Valitse asiakasnumero`,
|
|
18
|
+
},
|
|
19
|
+
'de': {
|
|
20
|
+
'toggleLinkTitleText': `Kundennummer auswählen`,
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
const pnCustomernumberSelectorCss = ".customernumber-container{position:relative;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;-webkit-transition:border 0.15s ease;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005D92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:-ms-flexbox;display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{-ms-flex-item-align:center;align-self:center}.customernumber-selected{-ms-flex-positive:1;flex-grow:1}.customernumber-selected-title{color:#005D92}.customernumber-selected-description{font-size:0.875em}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005D92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;max-height:500rem}";
|
|
25
|
+
|
|
26
|
+
let PnCustomernumberSelector = class {
|
|
27
|
+
constructor(hostRef) {
|
|
28
|
+
registerInstance(this, hostRef);
|
|
29
|
+
this.language = "sv"; //sv
|
|
30
|
+
this.returnUrl = "/"; //sv
|
|
31
|
+
this.selected = ""; //sv
|
|
32
|
+
this.open = true; //sv
|
|
33
|
+
this.i18n = translations["en"];
|
|
34
|
+
this.isLoading = true;
|
|
35
|
+
this.numberOfProfiles = 1;
|
|
36
|
+
}
|
|
37
|
+
componentWillLoad() {
|
|
38
|
+
this.init();
|
|
39
|
+
}
|
|
40
|
+
init() {
|
|
41
|
+
this.setTranslations();
|
|
42
|
+
}
|
|
43
|
+
setTranslations() {
|
|
44
|
+
if (this.language && translations[this.language]) {
|
|
45
|
+
this.i18n = translations[this.language];
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
return (h(Host, null, h("div", { class: "customernumber-container" }, h("button", { class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => this.open = !this.open }, h("div", { class: "customernumber-selected" }, h("strong", { class: "customernumber-selected-title" }, "Lorem ipsum"), h("div", { class: "customernumber-selected-description" }, "12312 123123")), h("pn-icon", { symbol: this.open ? 'angle-up' : 'angle-down', small: "false", color: "blue700" })), h("div", { class: "customernumber-options" }, h("slot", null)))));
|
|
50
|
+
}
|
|
51
|
+
get hostElement() { return getElement(this); }
|
|
52
|
+
};
|
|
53
|
+
PnCustomernumberSelector.style = pnCustomernumberSelectorCss;
|
|
54
|
+
|
|
55
|
+
export { PnCustomernumberSelector as pn_customernumber_selector };
|
|
@@ -53,5 +53,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
patchBrowser().then(options => {
|
|
56
|
-
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile",[[4,"pn-product-tile"]]],["pn-profile-selector",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option",[[0,"pn-profile-selector-option",{"
|
|
56
|
+
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector",[[4,"pn-customernumber-selector",{"language":[1537],"returnUrl":[1,"return-url"],"selected":[1537],"open":[1540],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-customernumber-selector-option",[[4,"pn-customernumber-selector-option",{"title":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile",[[4,"pn-product-tile"]]],["pn-profile-selector",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option",[[0,"pn-profile-selector-option",{"title":[1],"description":[1],"url":[1]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-service-and-price-result",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"usp":[16],"weightText":[32],"linkId":[32]}]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile-info_2",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"loginManager":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
|
|
57
57
|
});
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
|
|
2
2
|
|
|
3
|
-
const pnProfileSelectorOptionCss = "pn-profile-selector-option{display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #D3CECB;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:-ms-flexbox;display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{-ms-flex-item-align:center;align-self:center;position:relative;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear, -webkit-transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{-webkit-transform:none;transform:none;-webkit-transition-timing-function:ease;transition-timing-function:ease}.profileselectoroption-text{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.profileselectoroption-
|
|
3
|
+
const pnProfileSelectorOptionCss = "pn-profile-selector-option{display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #D3CECB;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:-ms-flexbox;display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{-ms-flex-item-align:center;align-self:center;position:relative;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear, -webkit-transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{-webkit-transform:none;transform:none;-webkit-transition-timing-function:ease;transition-timing-function:ease}.profileselectoroption-text{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005D92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5E554A;font-weight:normal}";
|
|
4
4
|
|
|
5
5
|
let PnProfileSelectorOption = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.
|
|
9
|
-
this.
|
|
8
|
+
this.title = "";
|
|
9
|
+
this.description = "";
|
|
10
10
|
this.url = "";
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, null, h("a", { class: "profileselectoroption", href: this.url }, h("span", { class: "profileselectoroption-text" }, h("span", { class: "profileselectoroption-
|
|
13
|
+
return (h(Host, null, h("a", { class: "profileselectoroption", href: this.url }, h("span", { class: "profileselectoroption-text" }, h("span", { class: "profileselectoroption-title" }, this.title), h("span", { class: "profileselectoroption-description" }, this.description)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
|
|
14
14
|
}
|
|
15
15
|
get hostElement() { return getElement(this); }
|
|
16
16
|
};
|