npm - @postnord/pn-marketweb-components - Versions diffs - 3.0.2 → 3.0.4 - Mend

@postnord/pn-marketweb-components 3.0.2 → 3.0.4

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.

Files changed (756) hide show

package/components/pn-pex-pricefinder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-pex-pricefinder.js","mappings":"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","names":["PnPexPricefinder"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n sv: {\n heading: 'Prisindikation med PEX Bud',\n labelFrom: 'Från postkod',\n labelTo: 'Till postkod',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Vikt (i kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'När',\n submitButtonText: 'Beräkna pris',\n },\n en: {\n heading: 'Calculate price with PEX Bud',\n labelFrom: 'From zip',\n labelTo: 'To zip',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Weight (in kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'When',\n submitButtonText: 'Calculate price',\n },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n display: flex;\n align-items: center;\n pn-illustration {\n width: 5.5rem;\n height: 5.5rem;\n margin-right: 1.6rem;\n }\n}\n\n.pex-pricefinder-form {\n margin: 1.6rem 0 0 0;\n padding: 0;\n border: 0;\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n & + fieldset {\n margin-top: 1.6rem;\n }\n > div {\n display: flex;\n align-items: center;\n gap: 1em;\n > * {\n flex-grow: 1;\n width: 100%;\n }\n }\n }\n pn-button {\n align-self: end;\n margin-left: auto;\n }\n .datepicker {\n display: inline-flex;\n flex-direction: column;\n label {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n cursor: pointer;\n transition: color 0.2s;\n }\n pn-date-picker {\n width: 100%;\n }\n }\n}\n\n.pex-pricefinder-response {\n margin-top: 2.4rem;\n text-align: center;\n font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n tag: 'pn-pex-pricefinder',\n styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show component in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Currency (Kr, €)/\n @Prop() currency: string = 'Kr';\n /* API Url */\n @Prop() apiUrl: string = '/api/pex/order';\n\n @State() i18n: PexPriceFinderi18n = translations.sv;\n\n @State() fromzip: number = null;\n @State() tozip: number = null;\n @State() weight: number = 1;\n\n @State() when: string = '';\n\n @State() response: PexPriceFinderResponse = null;\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setInitialTime();\n this.checkParameters();\n this.setLanguage();\n }\n\n setInitialTime() {\n const initialTime = new Date();\n initialTime.setHours(initialTime.getHours() + 1);\n initialTime.setMinutes(0);\n const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n }\n\n checkParameters() {\n const params = new URLSearchParams(window.location.href);\n if (!params) {\n return;\n }\n const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n paramKeys.forEach(key => {\n if (params.get(key)) {\n this[key] = params.get(key);\n }\n });\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as PexPriceFinderi18n;\n }\n }\n\n onSubmit(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n const requestQuery = this.compileRequestQuery(formData);\n this.fetchResult(requestQuery);\n }\n\n compileRequestQuery(formData: FormData) {\n let query = {\n from: formData.get('fromzip'),\n to: formData.get('tozip'),\n weight: formData.get('weight'),\n when: formData.get('when'),\n };\n if (!query.when) {\n query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n }\n if (!formData.get('fromzip') \|\| !formData.get('tozip') \|\| !formData.get('weight')) {\n console.error('Form data is not compliant');\n return;\n }\n return query;\n }\n\n async fetchResult(query: any) {\n this.response = null;\n const params = new URLSearchParams(query);\n const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n },\n }).catch(this.onFetchError.bind(this));\n let response = await req.json().catch(this.onFetchError.bind(this));\n if (!response) {\n response = await (await import('./mockresponse.json')).default;\n }\n if (response) {\n this.response = response as PexPriceFinderResponse;\n }\n }\n\n onFetchError(error) {\n console.error('onFetchError(error', error);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pex-pricefinder-top\">\n <pn-illustration illustration={PEX_truck} />\n <h2>{this.i18n.heading}</h2>\n </div>\n <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n <fieldset>\n <div>\n <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-input\n type=\"number\"\n label={this.i18n.labelWeight}\n inputid=\"weight\"\n name=\"weight\"\n placeholder={this.i18n.weightPlaceholder}\n required\n value={this.weight}\n ></pn-input>\n <div class=\"datepicker\">\n <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n </div>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n </div>\n </fieldset>\n </form>\n {this.response ? (\n <div class=\"pex-pricefinder-response\">\n <strong>\n {this.response.data.value} {this.currency}\n </strong>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-pex-pricefinder.js","mappings":"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","names":["PnPexPricefinder"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n sv: {\n heading: 'Prisindikation med PEX Bud',\n labelFrom: 'Från postkod',\n labelTo: 'Till postkod',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Vikt (i kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'När',\n submitButtonText: 'Beräkna pris',\n },\n en: {\n heading: 'Calculate price with PEX Bud',\n labelFrom: 'From zip',\n labelTo: 'To zip',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Weight (in kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'When',\n submitButtonText: 'Calculate price',\n },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n display: flex;\n align-items: center;\n pn-illustration {\n width: 5.5rem;\n height: 5.5rem;\n margin-right: 1.6rem;\n }\n}\n\n.pex-pricefinder-form {\n margin: 1.6rem 0 0 0;\n padding: 0;\n border: 0;\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n & + fieldset {\n margin-top: 1.6rem;\n }\n > div {\n display: flex;\n align-items: center;\n gap: 1em;\n > * {\n flex-grow: 1;\n width: 100%;\n }\n }\n }\n pn-button {\n align-self: end;\n margin-left: auto;\n }\n .datepicker {\n display: inline-flex;\n flex-direction: column;\n label {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n cursor: pointer;\n transition: color 0.2s;\n }\n pn-date-picker {\n width: 100%;\n }\n }\n}\n\n.pex-pricefinder-response {\n margin-top: 2.4rem;\n text-align: center;\n font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n tag: 'pn-pex-pricefinder',\n styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show component in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Currency (Kr, €)/\n @Prop() currency: string = 'Kr';\n /* API Url */\n @Prop() apiUrl: string = '/api/pex/order';\n\n @State() i18n: PexPriceFinderi18n = translations.sv;\n\n @State() fromzip: number = null;\n @State() tozip: number = null;\n @State() weight: number = 1;\n\n @State() when: string = '';\n\n @State() response: PexPriceFinderResponse = null;\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setInitialTime();\n this.checkParameters();\n this.setLanguage();\n }\n\n setInitialTime() {\n const initialTime = new Date();\n initialTime.setHours(initialTime.getHours() + 1);\n initialTime.setMinutes(0);\n const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n }\n\n checkParameters() {\n const params = new URLSearchParams(window.location.href);\n if (!params) {\n return;\n }\n const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n paramKeys.forEach(key => {\n if (params.get(key)) {\n this[key] = params.get(key);\n }\n });\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as PexPriceFinderi18n;\n }\n }\n\n onSubmit(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n const requestQuery = this.compileRequestQuery(formData);\n this.fetchResult(requestQuery);\n }\n\n compileRequestQuery(formData: FormData) {\n let query = {\n from: formData.get('fromzip'),\n to: formData.get('tozip'),\n weight: formData.get('weight'),\n when: formData.get('when'),\n };\n if (!query.when) {\n query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n }\n if (!formData.get('fromzip') \|\| !formData.get('tozip') \|\| !formData.get('weight')) {\n console.error('Form data is not compliant');\n return;\n }\n return query;\n }\n\n async fetchResult(query: any) {\n this.response = null;\n const params = new URLSearchParams(query);\n const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n },\n }).catch(this.onFetchError.bind(this));\n let response = await req.json().catch(this.onFetchError.bind(this));\n if (!response) {\n response = await (await import('./mockresponse.json')).default;\n }\n if (response) {\n this.response = response as PexPriceFinderResponse;\n }\n }\n\n onFetchError(error) {\n console.error('onFetchError(error', error);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pex-pricefinder-top\">\n <pn-illustration illustration={PEX_truck} />\n <h2>{this.i18n.heading}</h2>\n </div>\n <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n <fieldset>\n <div>\n <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-input\n type=\"number\"\n label={this.i18n.labelWeight}\n inputid=\"weight\"\n name=\"weight\"\n placeholder={this.i18n.weightPlaceholder}\n required\n value={this.weight}\n ></pn-input>\n <div class=\"datepicker\">\n <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n </div>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n </div>\n </fieldset>\n </form>\n {this.response ? (\n <div class=\"pex-pricefinder-response\">\n <strong>\n {this.response.data.value} {this.currency}\n </strong>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-play-on-scroll2.js CHANGED Viewed

@@ -30,22 +30,6 @@ const PnPlayOnScroll = /*@__PURE__*/ proxyCustomElement(class PnPlayOnScroll ext
     constructor() {
         super();
         this.__registerHost();
-        this.testAdditionalParamIntoCallback = true;
-        this.handlePlayPauseClicked = () => {
-            if (this.video.paused || this.video.ended) {
-                this.video.play();
-                this.isManuallyPaused = false;
-                this.isPaused = false;
-            }
-            else {
-                this.video.pause();
-                this.isManuallyPaused = true;
-                this.isPaused = true;
-            }
-        };
-        this.togglePaused = (paused) => {
-            this.isPaused = paused;
-        };
         this.videoSrc = '';
         this.observerOptions = defaultObserverOptions;
         this.showOverlay = false;
@@ -53,6 +37,10 @@ const PnPlayOnScroll = /*@__PURE__*/ proxyCustomElement(class PnPlayOnScroll ext
         this.isManuallyPaused = false;
         this.isPaused = false;
     }
+    get hostElement() { return this; }
+    localObserverOptions;
+    testAdditionalParamIntoCallback = true;
+    video;
     generateUniqueId() {
         return v4();
     }
@@ -64,10 +52,24 @@ const PnPlayOnScroll = /*@__PURE__*/ proxyCustomElement(class PnPlayOnScroll ext
         this.video.addEventListener('click', this.handlePlayPauseClicked);
         this.localObserverOptions = this.observerOptions;
     }
+    handlePlayPauseClicked = () => {
+        if (this.video.paused || this.video.ended) {
+            this.video.play();
+            this.isManuallyPaused = false;
+            this.isPaused = false;
+        }
+        else {
+            this.video.pause();
+            this.isManuallyPaused = true;
+            this.isPaused = true;
+        }
+    };
+    togglePaused = (paused) => {
+        this.isPaused = paused;
+    };
     render() {
         return (h(Host, { key: 'b76be7833abdd0c16b2b865e343a764fb5762466' }, h("pn-scroll", { key: 'c3dbb68e12611706fb4a3cbbbad84287ac3c2e73', intersectFunc: () => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused), notIntersectFunc: () => onNotIntersecting(this.video, this.togglePaused), shouldLoop: true, behaviourClasses: 'some-behaviour-class', observerOptions: this.localObserverOptions }, h("div", { key: '461df9fcf966d409345e945117418eb35d58f540', slot: "scroll-affected" }, h("video", { key: '1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0', playsinline: true, muted: true, autoPlay: true, id: `${this.videoId}` }, h("source", { key: '8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8', src: this.videoSrc, type: "video/mp4" })), h("pn-video-overlay", { key: '21a69fa7ed440704f2e9aa5017f4616322fe9a4b', showOverlay: this.showOverlay, isPaused: this.isManuallyPaused || this.isPaused, onPlayPauseClicked: this.handlePlayPauseClicked })))));
     }
-    get hostElement() { return this; }
     static get style() { return PnPlayOnScrollStyle0; }
 }, [0, "pn-play-on-scroll", {
         "videoSrc": [1, "video-src"],

package/components/pn-play-on-scroll2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-play-on-scroll2.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,sOAAsO,CAAC;AACjQ,6BAAe,iBAAiB;;ACGhC;;;AAIA,MAAM,sBAAsB,GAA6B;IACvD,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,iBAAiB;CAC9B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,cAAuB,EAAE,YAAoC;;IAE5G,IAAI,CAAC,cAAc,EAAE;QACnB,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,YAAoC;;IAEtF,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IACvB,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC;MAMW,cAAc;;;;~~QAUzB~~,~~oCAA+B~~,~~GAAY~~,~~IAAI~~,~~CAAC~~;~~QAiBhD~~,~~2BAAsB~~,~~GAAG~~;~~YACvB~~,~~IAAI~~,IAAI,CAAC,KAAK,~~CAAC~~,~~MAAM~~,~~IAAI~~,~~IAAI~~,~~CAAC~~,~~KAAK,~~CAAC,~~KAAK,EAAE~~;~~gBACzC~~,IAAI,CAAC,~~KAAK~~,~~CAAC~~,IAAI,EAAE,CAAC;~~gBAClB~~,IAAI,CAAC,~~gBAAgB~~,GAAG,~~KAAK~~,CAAC~~;gBAC9B~~,IAAI,CAAC,~~QAAQ~~,~~GAAG~~,~~KAAK,~~CAAC;~~aACvB;iBAAM;gBACL~~,IAAI,CAAC,KAAK,CAAC,~~KAAK~~,EAAE,~~CAAC;gBACnB,~~IAAI,CAAC,~~gBAAgB~~,~~GAAG~~,~~IAAI,~~CAAC;~~gBAC7B~~,IAAI,CAAC,~~QAAQ~~,GAAG,IAAI,CAAC~~;aACtB;SACF~~,CAAC;~~QAEF~~,~~iBAAY~~,GAAG~~,CAAC,MAAe~~;~~YAC7B~~,IAAI,CAAC,~~QAAQ~~,~~GAAG~~,MAAM,~~CAAC;SACxB~~,CAAC~~;wBAvCyB~~,~~EAAE;+BACuB~~,~~sBAAsB;2BAC3C~~,KAAK~~;uBACT~~,EAAE;~~gCACQ~~,~~KAAK;wBACb~~,KAAK~~;;IAMlC~~,~~gBAAgB;QACd~~,~~OAAOA~~,~~EAAM,~~EAAE,CAAC;~~KACjB;IAED~~,~~iBAAiB;QACf,~~IAAI,CAAC,~~OAAO~~,GAAG,IAAI,CAAC,~~gBAAgB~~,~~EAAE~~,CAAC;~~KACxC~~;~~IAED,gBAAgB~~;~~QACd~~,IAAI,CAAC,KAAK,~~GAAG~~,~~QAAQ~~,~~CAAC~~,~~cAAc,~~CAAC,IAAI,CAAC,~~OAAO~~,~~CAAqB~~,CAAC;~~QACvE~~,IAAI,CAAC,~~KAAK~~,~~CAAC~~,~~gBAAgB~~,CAAC,~~OAAO~~,~~EAAE~~,~~IAAI~~,CAAC,~~sBAAsB,CAAC,CAAC~~;~~QAClE~~,IAAI,CAAC,~~oBAAoB~~,GAAG,~~IAAI~~,CAAC,~~eAAe,~~CAAC;~~KAClD;IAkBD~~,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,aAAa,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,EACzF,gBAAgB,EAAE,MAAM,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,EACxE,UAAU,EAAE,IAAI,EAChB,gBAAgB,EAAE,sBAAsB,EACxC,eAAe,EAAE,IAAI,CAAC,oBAAoB,IAE1C,4DAAK,IAAI,EAAC,iBAAiB,IACzB,8DAAO,WAAW,QAAC,KAAK,QAAC,QAAQ,QAAC,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,IACrD,+DAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,CACzC,EACR,yEAAkB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,IAAI,CAAC,sBAAsB,GAAqB,CACnK,CACI,CACP,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["uuidv4"],"sources":["src/components/animation/pn-play-on-scroll/pn-play-on-scroll.scss?tag=pn-play-on-scroll","src/components/animation/pn-play-on-scroll/pn-play-on-scroll.tsx"],"sourcesContent":["pn-play-on-scroll {\n pn-scroll {\n [slot='scroll-affected'] {\n position: relative;\n display: flex;\n\n video {\n width: 100%;\n\n &:hover {\n cursor: pointer;\n }\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/\n play content when scoll observer sees content as inview\n/\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 1,\n rootMargin: '0px 0px 0px 0px',\n};\n\nconst onIntersecting = (video: HTMLVideoElement, isManualPaused: boolean, togglePaused: (arg: boolean) => void) => {\n //what to do when intersecting, eg video.play()\n if (!isManualPaused) {\n video && video.play();\n togglePaused(false);\n }\n};\n\nconst onNotIntersecting = (video: HTMLVideoElement, togglePaused: (arg: boolean) => void) => {\n //what to do when not intersecting, eg video.pause()\n video && video.pause();\n togglePaused(true);\n};\n\n@Component({\n tag: 'pn-play-on-scroll',\n styleUrl: 'pn-play-on-scroll.scss',\n})\nexport class PnPlayOnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() videoSrc: string = '';\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() showOverlay: boolean = false;\n @State() videoId: string = '';\n @State() isManuallyPaused: boolean = false;\n @State() isPaused: boolean = false;\n localObserverOptions: IntersectionObserverInit;\n\n testAdditionalParamIntoCallback: boolean = true;\n video: HTMLVideoElement;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.videoId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n this.video = document.getElementById(this.videoId) as HTMLVideoElement;\n this.video.addEventListener('click', this.handlePlayPauseClicked);\n this.localObserverOptions = this.observerOptions;\n }\n\n handlePlayPauseClicked = () => {\n if (this.video.paused \|\| this.video.ended) {\n this.video.play();\n this.isManuallyPaused = false;\n this.isPaused = false;\n } else {\n this.video.pause();\n this.isManuallyPaused = true;\n this.isPaused = true;\n }\n };\n\n togglePaused = (paused: boolean) => {\n this.isPaused = paused;\n };\n\n render() {\n return (\n <Host>\n <pn-scroll\n intersectFunc={() => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused)}\n notIntersectFunc={() => onNotIntersecting(this.video, this.togglePaused)}\n shouldLoop={true}\n behaviourClasses={'some-behaviour-class'}\n observerOptions={this.localObserverOptions}\n >\n <div slot=\"scroll-affected\">\n <video playsinline muted autoPlay id={`${this.videoId}`}>\n <source src={this.videoSrc} type=\"video/mp4\" />\n </video>\n <pn-video-overlay showOverlay={this.showOverlay} isPaused={this.isManuallyPaused \|\| this.isPaused} onPlayPauseClicked={this.handlePlayPauseClicked}></pn-video-overlay>\n </div>\n </pn-scroll>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-play-on-scroll2.js","mappings":"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","names":["uuidv4"],"sources":["src/components/animation/pn-play-on-scroll/pn-play-on-scroll.scss?tag=pn-play-on-scroll","src/components/animation/pn-play-on-scroll/pn-play-on-scroll.tsx"],"sourcesContent":["pn-play-on-scroll {\n pn-scroll {\n [slot='scroll-affected'] {\n position: relative;\n display: flex;\n\n video {\n width: 100%;\n\n &:hover {\n cursor: pointer;\n }\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/\n play content when scoll observer sees content as inview\n/\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 1,\n rootMargin: '0px 0px 0px 0px',\n};\n\nconst onIntersecting = (video: HTMLVideoElement, isManualPaused: boolean, togglePaused: (arg: boolean) => void) => {\n //what to do when intersecting, eg video.play()\n if (!isManualPaused) {\n video && video.play();\n togglePaused(false);\n }\n};\n\nconst onNotIntersecting = (video: HTMLVideoElement, togglePaused: (arg: boolean) => void) => {\n //what to do when not intersecting, eg video.pause()\n video && video.pause();\n togglePaused(true);\n};\n\n@Component({\n tag: 'pn-play-on-scroll',\n styleUrl: 'pn-play-on-scroll.scss',\n})\nexport class PnPlayOnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() videoSrc: string = '';\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() showOverlay: boolean = false;\n @State() videoId: string = '';\n @State() isManuallyPaused: boolean = false;\n @State() isPaused: boolean = false;\n localObserverOptions: IntersectionObserverInit;\n\n testAdditionalParamIntoCallback: boolean = true;\n video: HTMLVideoElement;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.videoId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n this.video = document.getElementById(this.videoId) as HTMLVideoElement;\n this.video.addEventListener('click', this.handlePlayPauseClicked);\n this.localObserverOptions = this.observerOptions;\n }\n\n handlePlayPauseClicked = () => {\n if (this.video.paused \|\| this.video.ended) {\n this.video.play();\n this.isManuallyPaused = false;\n this.isPaused = false;\n } else {\n this.video.pause();\n this.isManuallyPaused = true;\n this.isPaused = true;\n }\n };\n\n togglePaused = (paused: boolean) => {\n this.isPaused = paused;\n };\n\n render() {\n return (\n <Host>\n <pn-scroll\n intersectFunc={() => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused)}\n notIntersectFunc={() => onNotIntersecting(this.video, this.togglePaused)}\n shouldLoop={true}\n behaviourClasses={'some-behaviour-class'}\n observerOptions={this.localObserverOptions}\n >\n <div slot=\"scroll-affected\">\n <video playsinline muted autoPlay id={`${this.videoId}`}>\n <source src={this.videoSrc} type=\"video/mp4\" />\n </video>\n <pn-video-overlay showOverlay={this.showOverlay} isPaused={this.isManuallyPaused \|\| this.isPaused} onPlayPauseClicked={this.handlePlayPauseClicked}></pn-video-overlay>\n </div>\n </pn-scroll>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-product-pricelist.js CHANGED Viewed

@@ -130,8 +130,7 @@ const PnFindProductPricelist = /*@__PURE__*/ proxyCustomElement(class PnFindProd
         }
     }
     filterItems() {
-        var _a;
-        if (!((_a = this.sourceData) === null || _a === void 0 ? void 0 : _a.data)) {
+        if (!this.sourceData?.data) {
             console.info('Data has not yet been loaded');
             return;
         }
@@ -191,7 +190,7 @@ const PnFindProductPricelist = /*@__PURE__*/ proxyCustomElement(class PnFindProd
             if (weights[this.postagetype.value].length > 6) {
                 labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';
             }
-            return h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {})));
+            return h("option", { value: weightindex, ...(labelText ? { label: labelText } : {}) });
         })))))) : null, h("div", { key: '127647cb62f60930cce591e009f1c19132857407', class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))));
     }
     static get watchers() { return {

package/components/pn-product-pricelist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-product-pricelist.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.ts","src/components/widgets/pn-product-pricelist/pn-product-pricelist.scss?tag=pn-product-pricelist","src/components/widgets/pn-product-pricelist/pn-product-pricelist.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',\n deliveryscopeheading: 'Endast leveranser inom Sverige',\n resultlistheading: 'Några bra alternativ för dig',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp online',\n stampshopcta: 'Köp frimärken',\n message: 'Vid köp hos valfritt ombud',\n servicePointHeader: 'Eller hitta närmaste serviceställe',\n servicePointLink: 'Sök serviceställe eller brevlåda',\n },\n en: {\n componentheading: 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',\n deliveryscopeheading: 'Deliveries within Sweden only',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy Online',\n stampshopcta: 'Buy Stamps',\n message: 'When buying from any agent',\n servicePointHeader: 'Or find nearest service point',\n servicePointLink: 'Search letter-box or service point',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Kun leveringer indenfor Sverige',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Vægt',\n maxweightlabel: 'Max vægt',\n maxmeasurementlabel: 'Maks. Volumen',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n no: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Kun leveranser innen Sverige',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Vekt',\n maxweightlabel: 'Maks vekt',\n maxmeasurementlabel: 'Maks volum',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n fi: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Toimitukset vain Ruotsin sisällä',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Paino',\n maxweightlabel: 'Max paino',\n maxmeasurementlabel: 'Max äänenvoimakkuus',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n};\n\nexport const markets = {\n se: {\n currency: 'kr',\n },\n dk: {\n currency: 'dk',\n },\n fi: {\n currency: ' €',\n },\n no: {\n currency: 'kr',\n },\n};\n","@import '../../../globals/main.scss';\n\npn-product-pricelist {\n pn-spinner {\n margin: 1em auto;\n }\n\n h2,\n .heading {\n text-align: center;\n font-size: 1.5em;\n line-height: 1.1;\n font-weight: bold;\n margin-bottom: 1rem;\n }\n\n .content,\n .weightselection,\n .resultlist {\n max-width: 50em;\n margin: 0 auto 1.6rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1.6rem;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\n display: none;\n\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .weightoption-input-abbreviation {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 1.2em;\n margin-top: 1.55rem;\n font-weight: 500;\n }\n\n .weightoption-range {\n flex-grow: 1;\n align-self: flex-end;\n position: relative;\n top: 0.5em;\n input {\n width: calc(100% - 1.5em);\n }\n datalist {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: 0.75em;\n }\n }\n\n .resultlist:not([data-list-count='0']) {\n margin-top: 2em;\n }\n}\n","import { Component, h, Prop, State, Host, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-product-pricelist-translations';\nimport { FindPriceWeight, PnfindPriceMarket, PnfindPricei18n, FindPriceSizeCategory } from '../pn-find-price/pn-find-price-types';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { ProductPriceListi18n, ProductPriceListMarket, ProductPriceListWeight } from './pn-product-pricelist-types';\nimport { weights } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\n// import { state } from \"./pn-product-pricelist-store\";\nimport { state } from '../pn-find-price/pn-find-price-store';\n\n@Component({\n tag: 'pn-product-pricelist',\n styleUrl: 'pn-product-pricelist.scss',\n})\nexport class PnFindProductPricelist {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n @Prop() productid: string = '';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n @State() gotData: boolean = false;\n @State() loading: boolean = false;\n\n @State() postagetype: any = { value: '' };\n @State() weight: ProductPriceListWeight = { value: 0, name: '' } as ProductPriceListWeight;\n @State() weightvalue: number = 0;\n\n componentWillLoad() {\n this.setState();\n this.getDataSource().then(() => {});\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as ProductPriceListMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindPricei18n;\n }\n }\n\n async getDataSource() {\n if (!this.productid) {\n return;\n }\n this.loading = true;\n const cacheBusting = `?cache=${Math.floor(Math.random() (10000 - 1) + 1)}`;\n const req = await fetch(this.source + cacheBusting);\n const reqbody = await req.blob();\n try {\n const convertedData = await convertFileFromStream(reqbody);\n this.sourceData = convertedData;\n this.filterItems();\n } catch (e) {\n this.loading = false;\n console.warn('Unable to parse data');\n }\n }\n\n @Watch('postagetype')\n @Watch('weightvalue')\n filterItems() {\n if (!this.sourceData?.data) {\n console.info('Data has not yet been loaded');\n return;\n }\n this.loading = false;\n const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);\n if (productIdItems.length === 0) {\n return;\n }\n this.postagetype.value = productIdItems[0].what;\n\n if (!weights[this.postagetype.value] \|\| weights[this.postagetype.value].length === 0) {\n return;\n }\n if (this.weightvalue === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n\n // For letters we use grams. Otherwise we use KG\n const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);\n\n // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n if (weightFilteredData.length === 0) {\n weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);\n if (weightFilteredData.length > 0) {\n // We reverse the result array since the map will take the last unique item instead of the first\n const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n if (uniqueWeightOptions.length > 0) {\n weightFilteredData = uniqueWeightOptions;\n }\n }\n }\n\n this.filteredItems = weightFilteredData;\n\n this.gotData = this.filteredItems.length > 0;\n }\n\n render() {\n return (\n <Host>\n <div class=\"content\">\n <slot />\n </div>\n\n {this.loading ? <pn-spinner></pn-spinner> : null}\n\n {this.postagetype.value && weights[this.postagetype.value] ? (\n <div class=\"weightselection\">\n <div class=\"weightoption\">\n <div class=\"weightoption-input\">\n <pn-input\n inputid=\"weightvalue\"\n name=\"weightvalue\"\n type=\"number\"\n label={state.i18n.weightlabel}\n value={this.weightvalue}\n onChange={e => {\n if (e && e.target && e.target.value) {\n const weightNum = parseInt(e.target.value, 10);\n if (!isNaN(weightNum)) {\n let matchingWeights = (weights[this.postagetype.value] as ProductPriceListWeight[]).filter(x => {\n let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n return weightInGrams >= weightNum;\n });\n if (matchingWeights && matchingWeights.length > 0) {\n this.weight = matchingWeights[0];\n this.weightvalue = this.weight.value;\n }\n }\n }\n }}\n ></pn-input>\n <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n </div>\n <div class=\"weightoption-range\">\n <input\n type=\"range\"\n id=\"weightrange\"\n name=\"weightrange\"\n list=\"weightlist\"\n value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n onChange={e => {\n const value = (e.target as HTMLInputElement).value;\n this.weight = weights[this.postagetype.value][value];\n this.weightvalue = this.weight.value;\n }}\n min=\"0\"\n // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n max={weights[this.postagetype.value].length - 1}\n />\n <datalist id=\"weightlist\">\n {weights[this.postagetype.value].map((weight, weightindex) => {\n let labelText = weight.name;\n if (weights[this.postagetype.value].length > 6) {\n labelText = weightindex % 5 === 0 \|\| weightindex === 0 \|\| weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n }\n return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n })}\n </datalist>\n </div>\n </div>\n </div>\n ) : null}\n\n <div class=\"resultlist\" data-list-count={this.filteredItems.length}>\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n {/* <pn-product-pricelist-result item={item}></pn-product-pricelist-result> */}\n <pn-find-price-result item={item}></pn-find-price-result>\n </div>\n ))}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-product-pricelist.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.ts","src/components/widgets/pn-product-pricelist/pn-product-pricelist.scss?tag=pn-product-pricelist","src/components/widgets/pn-product-pricelist/pn-product-pricelist.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',\n deliveryscopeheading: 'Endast leveranser inom Sverige',\n resultlistheading: 'Några bra alternativ för dig',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp online',\n stampshopcta: 'Köp frimärken',\n message: 'Vid köp hos valfritt ombud',\n servicePointHeader: 'Eller hitta närmaste serviceställe',\n servicePointLink: 'Sök serviceställe eller brevlåda',\n },\n en: {\n componentheading: 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',\n deliveryscopeheading: 'Deliveries within Sweden only',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy Online',\n stampshopcta: 'Buy Stamps',\n message: 'When buying from any agent',\n servicePointHeader: 'Or find nearest service point',\n servicePointLink: 'Search letter-box or service point',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Kun leveringer indenfor Sverige',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Vægt',\n maxweightlabel: 'Max vægt',\n maxmeasurementlabel: 'Maks. Volumen',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n no: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Kun leveranser innen Sverige',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Vekt',\n maxweightlabel: 'Maks vekt',\n maxmeasurementlabel: 'Maks volum',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n fi: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Toimitukset vain Ruotsin sisällä',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Paino',\n maxweightlabel: 'Max paino',\n maxmeasurementlabel: 'Max äänenvoimakkuus',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n};\n\nexport const markets = {\n se: {\n currency: 'kr',\n },\n dk: {\n currency: 'dk',\n },\n fi: {\n currency: ' €',\n },\n no: {\n currency: 'kr',\n },\n};\n","@import '../../../globals/main.scss';\n\npn-product-pricelist {\n pn-spinner {\n margin: 1em auto;\n }\n\n h2,\n .heading {\n text-align: center;\n font-size: 1.5em;\n line-height: 1.1;\n font-weight: bold;\n margin-bottom: 1rem;\n }\n\n .content,\n .weightselection,\n .resultlist {\n max-width: 50em;\n margin: 0 auto 1.6rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1.6rem;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\n display: none;\n\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .weightoption-input-abbreviation {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 1.2em;\n margin-top: 1.55rem;\n font-weight: 500;\n }\n\n .weightoption-range {\n flex-grow: 1;\n align-self: flex-end;\n position: relative;\n top: 0.5em;\n input {\n width: calc(100% - 1.5em);\n }\n datalist {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: 0.75em;\n }\n }\n\n .resultlist:not([data-list-count='0']) {\n margin-top: 2em;\n }\n}\n","import { Component, h, Prop, State, Host, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-product-pricelist-translations';\nimport { FindPriceWeight, PnfindPriceMarket, PnfindPricei18n, FindPriceSizeCategory } from '../pn-find-price/pn-find-price-types';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { ProductPriceListi18n, ProductPriceListMarket, ProductPriceListWeight } from './pn-product-pricelist-types';\nimport { weights } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\n// import { state } from \"./pn-product-pricelist-store\";\nimport { state } from '../pn-find-price/pn-find-price-store';\n\n@Component({\n tag: 'pn-product-pricelist',\n styleUrl: 'pn-product-pricelist.scss',\n})\nexport class PnFindProductPricelist {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n @Prop() productid: string = '';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n @State() gotData: boolean = false;\n @State() loading: boolean = false;\n\n @State() postagetype: any = { value: '' };\n @State() weight: ProductPriceListWeight = { value: 0, name: '' } as ProductPriceListWeight;\n @State() weightvalue: number = 0;\n\n componentWillLoad() {\n this.setState();\n this.getDataSource().then(() => {});\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as ProductPriceListMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindPricei18n;\n }\n }\n\n async getDataSource() {\n if (!this.productid) {\n return;\n }\n this.loading = true;\n const cacheBusting = `?cache=${Math.floor(Math.random() (10000 - 1) + 1)}`;\n const req = await fetch(this.source + cacheBusting);\n const reqbody = await req.blob();\n try {\n const convertedData = await convertFileFromStream(reqbody);\n this.sourceData = convertedData;\n this.filterItems();\n } catch (e) {\n this.loading = false;\n console.warn('Unable to parse data');\n }\n }\n\n @Watch('postagetype')\n @Watch('weightvalue')\n filterItems() {\n if (!this.sourceData?.data) {\n console.info('Data has not yet been loaded');\n return;\n }\n this.loading = false;\n const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);\n if (productIdItems.length === 0) {\n return;\n }\n this.postagetype.value = productIdItems[0].what;\n\n if (!weights[this.postagetype.value] \|\| weights[this.postagetype.value].length === 0) {\n return;\n }\n if (this.weightvalue === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n\n // For letters we use grams. Otherwise we use KG\n const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);\n\n // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n if (weightFilteredData.length === 0) {\n weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);\n if (weightFilteredData.length > 0) {\n // We reverse the result array since the map will take the last unique item instead of the first\n const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n if (uniqueWeightOptions.length > 0) {\n weightFilteredData = uniqueWeightOptions;\n }\n }\n }\n\n this.filteredItems = weightFilteredData;\n\n this.gotData = this.filteredItems.length > 0;\n }\n\n render() {\n return (\n <Host>\n <div class=\"content\">\n <slot />\n </div>\n\n {this.loading ? <pn-spinner></pn-spinner> : null}\n\n {this.postagetype.value && weights[this.postagetype.value] ? (\n <div class=\"weightselection\">\n <div class=\"weightoption\">\n <div class=\"weightoption-input\">\n <pn-input\n inputid=\"weightvalue\"\n name=\"weightvalue\"\n type=\"number\"\n label={state.i18n.weightlabel}\n value={this.weightvalue}\n onChange={e => {\n if (e && e.target && e.target.value) {\n const weightNum = parseInt(e.target.value, 10);\n if (!isNaN(weightNum)) {\n let matchingWeights = (weights[this.postagetype.value] as ProductPriceListWeight[]).filter(x => {\n let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n return weightInGrams >= weightNum;\n });\n if (matchingWeights && matchingWeights.length > 0) {\n this.weight = matchingWeights[0];\n this.weightvalue = this.weight.value;\n }\n }\n }\n }}\n ></pn-input>\n <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n </div>\n <div class=\"weightoption-range\">\n <input\n type=\"range\"\n id=\"weightrange\"\n name=\"weightrange\"\n list=\"weightlist\"\n value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n onChange={e => {\n const value = (e.target as HTMLInputElement).value;\n this.weight = weights[this.postagetype.value][value];\n this.weightvalue = this.weight.value;\n }}\n min=\"0\"\n // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n max={weights[this.postagetype.value].length - 1}\n />\n <datalist id=\"weightlist\">\n {weights[this.postagetype.value].map((weight, weightindex) => {\n let labelText = weight.name;\n if (weights[this.postagetype.value].length > 6) {\n labelText = weightindex % 5 === 0 \|\| weightindex === 0 \|\| weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n }\n return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n })}\n </datalist>\n </div>\n </div>\n </div>\n ) : null}\n\n <div class=\"resultlist\" data-list-count={this.filteredItems.length}>\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n {/* <pn-product-pricelist-result item={item}></pn-product-pricelist-result> */}\n <pn-find-price-result item={item}></pn-find-price-result>\n </div>\n ))}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-modal-customernumber.js CHANGED Viewed

@@ -12,6 +12,8 @@ const PnProfileModalCustomernumber$1 = /*@__PURE__*/ proxyCustomElement(class Pn
         this.customernumber = null;
         this.selected = false;
     }
+    get hostElement() { return this; }
+    urlSelected;
     onCustomerNumberClick() {
         this.selected = true;
         this.urlSelected.emit(this.url);
@@ -19,7 +21,6 @@ const PnProfileModalCustomernumber$1 = /*@__PURE__*/ proxyCustomElement(class Pn
     render() {
         return (h(Host, { key: 'bf305b3a541226f48c8384b4bcff5fe23d630db9' }, h("button", { key: '46d03f22933b2539ab13d84db2a309e5ea49ac64', class: "pn-profile-modal-customernumber-button", onClick: this.onCustomerNumberClick.bind(this) }, h("slot", { key: '98cc7fd67a9267c7bf4b6019eca1bb26fd87b5df' }))));
     }
-    get hostElement() { return this; }
     static get style() { return PnProfileModalCustomernumberStyle0; }
 }, [4, "pn-profile-modal-customernumber", {
         "url": [513],

package/components/pn-profile-modal-customernumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-modal-customernumber.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,0gBAA0gB,CAAC;AACnjB,2CAAe,+BAA+B;;MCIjCA,8BAA4B;;;;;mBAGA,IAAI;8BACO,IAAI;wBACT,KAAK~~;;IAIlD~~,qBAAqB;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACjC;IACD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,KAAK,EAAC,wCAAwC,EAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IACnG,8DAAQ,CACD,CACJ,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileModalCustomernumber"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.scss?tag=pn-profile-modal-customernumber","src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-customernumber {\n}\n.pn-profile-modal-customernumber-button {\n display: block;\n border: 0;\n margin: 0;\n background: #fff;\n cursor: pointer;\n appearance: none;\n border: 0;\n outline: 0;\n padding: 0.8rem;\n font-weight: 400;\n font-size: 1.4rem;\n border-radius: 0.8rem;\n line-height: 1.4;\n\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n}\n","import { Component, Prop, h, Event, EventEmitter, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-profile-modal-customernumber',\n styleUrl: 'pn-profile-modal-customernumber.scss',\n})\nexport class PnProfileModalCustomernumber {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) url: string = null;\n @Prop({ reflect: true }) customernumber: string = null;\n @Prop({ reflect: true }) selected: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n\n onCustomerNumberClick() {\n this.selected = true;\n this.urlSelected.emit(this.url);\n }\n render() {\n return (\n <Host>\n <button class=\"pn-profile-modal-customernumber-button\" onClick={this.onCustomerNumberClick.bind(this)}>\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-modal-customernumber.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,0gBAA0gB,CAAC;AACnjB,2CAAe,+BAA+B;;MCIjCA,8BAA4B;;;;;mBAGA,IAAI;8BACO,IAAI;wBACT,KAAK;;;IAEzC,WAAW,CAAe;IAEnC,qBAAqB;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACjC;IACD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,KAAK,EAAC,wCAAwC,EAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IACnG,8DAAQ,CACD,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnProfileModalCustomernumber"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.scss?tag=pn-profile-modal-customernumber","src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-customernumber {\n}\n.pn-profile-modal-customernumber-button {\n display: block;\n border: 0;\n margin: 0;\n background: #fff;\n cursor: pointer;\n appearance: none;\n border: 0;\n outline: 0;\n padding: 0.8rem;\n font-weight: 400;\n font-size: 1.4rem;\n border-radius: 0.8rem;\n line-height: 1.4;\n\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n}\n","import { Component, Prop, h, Event, EventEmitter, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-profile-modal-customernumber',\n styleUrl: 'pn-profile-modal-customernumber.scss',\n})\nexport class PnProfileModalCustomernumber {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) url: string = null;\n @Prop({ reflect: true }) customernumber: string = null;\n @Prop({ reflect: true }) selected: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n\n onCustomerNumberClick() {\n this.selected = true;\n this.urlSelected.emit(this.url);\n }\n render() {\n return (\n <Host>\n <button class=\"pn-profile-modal-customernumber-button\" onClick={this.onCustomerNumberClick.bind(this)}>\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-modal-profile.js CHANGED Viewed

@@ -20,6 +20,9 @@ const PnProfileModalProfile$1 = /*@__PURE__*/ proxyCustomElement(class PnProfile
         this.visible = false;
         this.identifier = '';
     }
+    get hostElement() { return this; }
+    urlSelected;
+    showCustomerNumbersEvent;
     componentWillLoad() {
         this.identifier = this.heading + this.url;
     }
@@ -40,7 +43,6 @@ const PnProfileModalProfile$1 = /*@__PURE__*/ proxyCustomElement(class PnProfile
                 state.selectedProfile = '';
             } }, state.i18n.toText, " ", state.selectedType), h("div", { key: 'ce711bb6c477bdddfe3a1489cd15ec6122abcd9a', class: "pn-profile-modal-profile-details-company" }, h("div", { key: '915279c6f234c98182481b5e8258a7a5885538e9', class: "pn-profile-modal-profile-details-label" }, state.i18n.choosenCompanyText), h("div", { key: '116f43ff42414f755d6b3951cac4d92c4e116fcf', class: "pn-profile-modal-profile-details-company-heading" }, this.heading), h("div", { key: 'd70e3198965d0af97c1ed34345a2d76df4526e55', class: "pn-profile-modal-profile-details-company-description" }, this.description)), h("div", { key: '1e67f8a3b07770202db2f9811044a71f1bb48a4c', class: "pn-profile-modal-profile-details-list" }, h("div", { key: 'eb894f29c6113d3a6b903691f5c3ee41857f72e3', class: "pn-profile-modal-profile-details-list-label" }, this.pleaseSelectText), h("slot", { key: 'be5c0822d934a5f3e422fd905530294be2873410' })))));
     }
-    get hostElement() { return this; }
     static get style() { return PnProfileModalProfileStyle0; }
 }, [4, "pn-profile-modal-profile", {
         "heading": [513],

package/components/pn-profile-modal-profile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-modal-profile.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,q+DAAq+D,CAAC;AACvgE,oCAAe,wBAAwB;;MCM1BA,uBAAqB;;;;;;uBAGW,IAAI;2BACA,IAAI;mBACZ,IAAI;wBACE,KAAK;mCACM,KAAK;gCAET,EAAE;uBAEK,KAAK;0BAKlC,EAAE~~;;IAEhC~~,iBAAiB;QACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;KAC3C;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;SAEjC;aAAM;;YAEL,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC;SACzC;KACF;IACD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,IAChC,4DAAK,KAAK,EAAC,mCAAmC,iBAAc,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,EAAE,IACtF,+DAAQ,KAAK,EAAC,0CAA0C,EAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,IACpG,4DAAK,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,OAAO,CAAO,EAC3E,4DAAK,KAAK,EAAC,+CAA+C,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,CACL,EACN,4DAAK,KAAK,EAAC,kCAAkC,iBAAc,EAAE,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,IAC1G,kEACE,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAE,UAAU,eACN,MAAM,EAChB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;aAC5B,IAEA,KAAK,CAAC,IAAI,CAAC,MAAM,OAAG,KAAK,CAAC,YAAY,CAC7B,EACZ,4DAAK,KAAK,EAAC,0CAA0C,IACnD,4DAAK,KAAK,EAAC,wCAAwC,IAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAO,EACzF,4DAAK,KAAK,EAAC,kDAAkD,IAAE,IAAI,CAAC,OAAO,CAAO,EAClF,4DAAK,KAAK,EAAC,sDAAsD,IAAE,IAAI,CAAC,WAAW,CAAO,CACtF,EACN,4DAAK,KAAK,EAAC,uCAAuC,IAChD,4DAAK,KAAK,EAAC,6CAA6C,IAAE,IAAI,CAAC,gBAAgB,CAAO,EACtF,8DAAQ,CACJ,CACF,CACD,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileModalProfile"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-profile.scss?tag=pn-profile-modal-profile","src/components/profile/pn-profile-modal/pn-profile-modal-profile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-profile {\n &[selected='false'] {\n pn-profile-modal-type[selected='true']:not([selected-profile='']) & {\n display: none;\n }\n }\n}\n.pn-profile-modal-profile-listitem {\n overflow: hidden;\n max-height: 10rem;\n transition: max-height 0.15s ease;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 0;\n }\n}\n\n.pn-profile-modal-profile-listitem-button {\n padding: 0.8rem;\n margin: 0;\n background: $white;\n outline: 0;\n appearance: none;\n border: 0;\n cursor: pointer;\n border-radius: 0.8rem;\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n .pn-profile-modal-profile-listitem[aria-hidden='true'] & {\n display: none;\n }\n}\n.pn-profile-modal-profile-listitem-heading {\n color: $blue700;\n font-weight: 700;\n font-size: 1.6rem;\n}\n.pn-profile-modal-profile-listitem-description {\n color: $gray700;\n font-weight: 400;\n font-size: 1.2rem;\n}\n\n.pn-profile-modal-profile-details {\n max-height: 300rem;\n transition: max-height 0.15s ease;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n }\n > pn-button {\n position: relative;\n margin-left: -1.2rem;\n\n .pn-button-content {\n font-weight: 500;\n }\n }\n}\n\n.pn-profile-modal-profile-details-company {\n border-top: 1px solid $gray200;\n border-bottom: 1px solid $gray200;\n padding: 0.8rem 0.8rem;\n margin: 1.6rem 0;\n}\n.pn-profile-modal-profile-details-label {\n font-size: 1.4rem;\n font-weight: 500;\n margin-bottom: 1.2rem;\n}\n\n.pn-profile-modal-profile-details-company-heading {\n font-weight: 700;\n font-size: 1.6rem;\n}\n.pn-profile-modal-profile-details-company-description {\n color: $gray700;\n font-weight: 400;\n font-size: 1.2rem;\n}\n\n.pn-profile-modal-profile-details-list {\n display: flex;\n flex-direction: column;\n gap: 1.6rem;\n padding: 0 0;\n}\n\n.pn-profile-modal-profile-details-list-label {\n font-size: 1.4rem;\n font-weight: 500;\n margin: 0 0 0 0.8rem;\n}\n","import { Component, Prop, h, Listen, Event, EventEmitter, Element, Host, State } from '@stencil/core';\nimport state from './pn-profile-modal-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-modal-profile',\n styleUrl: 'pn-profile-modal-profile.scss',\n})\nexport class PnProfileModalProfile {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) heading: string = null;\n @Prop({ reflect: true }) description: string = null;\n @Prop({ reflect: true }) url: string = null;\n @Prop({ mutable: true }) selected: boolean = false;\n @Prop({ reflect: true }) showCustomerNumbers: boolean = false;\n\n @Prop({ reflect: true }) pleaseSelectText: string = '';\n\n @Prop({ mutable: true, reflect: true }) visible: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n @Event() showCustomerNumbersEvent: EventEmitter;\n\n @State() identifier: string = '';\n\n componentWillLoad() {\n this.identifier = this.heading + this.url;\n }\n\n onProfileOptionClick() {\n this.selected = true;\n if (this.url) {\n this.urlSelected.emit(this.url);\n // TODO: emit event with URL to parent\n } else {\n // TODO: Open customer number selection\n state.selectedProfile = this.identifier;\n }\n }\n render() {\n return (\n <Host selected={this.selected + ''}>\n <div class=\"pn-profile-modal-profile-listitem\" aria-hidden={!!state.selectedProfile + ''}>\n <button class=\"pn-profile-modal-profile-listitem-button\" onClick={this.onProfileOptionClick.bind(this)}>\n <div class=\"pn-profile-modal-profile-listitem-heading\">{this.heading}</div>\n <div class=\"pn-profile-modal-profile-listitem-description\">{this.description}</div>\n </button>\n </div>\n <div class=\"pn-profile-modal-profile-details\" aria-hidden={!(state.selectedProfile === this.identifier) + ''}>\n <pn-button\n appearance=\"light\"\n variant=\"borderless\"\n icon={arrow_left}\n left-icon=\"true\"\n small=\"true\"\n onClick={() => {\n this.selected = false;\n state.selectedProfile = '';\n }}\n >\n {state.i18n.toText} {state.selectedType}\n </pn-button>\n <div class=\"pn-profile-modal-profile-details-company\">\n <div class=\"pn-profile-modal-profile-details-label\">{state.i18n.choosenCompanyText}</div>\n <div class=\"pn-profile-modal-profile-details-company-heading\">{this.heading}</div>\n <div class=\"pn-profile-modal-profile-details-company-description\">{this.description}</div>\n </div>\n <div class=\"pn-profile-modal-profile-details-list\">\n <div class=\"pn-profile-modal-profile-details-list-label\">{this.pleaseSelectText}</div>\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-modal-profile.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,q+DAAq+D,CAAC;AACvgE,oCAAe,wBAAwB;;MCM1BA,uBAAqB;;;;;;uBAGW,IAAI;2BACA,IAAI;mBACZ,IAAI;wBACE,KAAK;mCACM,KAAK;gCAET,EAAE;uBAEK,KAAK;0BAKlC,EAAE;;;IAHvB,WAAW,CAAe;IAC1B,wBAAwB,CAAe;IAIhD,iBAAiB;QACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;KAC3C;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;SAEjC;aAAM;;YAEL,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC;SACzC;KACF;IACD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,IAChC,4DAAK,KAAK,EAAC,mCAAmC,iBAAc,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,EAAE,IACtF,+DAAQ,KAAK,EAAC,0CAA0C,EAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,IACpG,4DAAK,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,OAAO,CAAO,EAC3E,4DAAK,KAAK,EAAC,+CAA+C,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,CACL,EACN,4DAAK,KAAK,EAAC,kCAAkC,iBAAc,EAAE,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,IAC1G,kEACE,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAE,UAAU,eACN,MAAM,EAChB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;aAC5B,IAEA,KAAK,CAAC,IAAI,CAAC,MAAM,OAAG,KAAK,CAAC,YAAY,CAC7B,EACZ,4DAAK,KAAK,EAAC,0CAA0C,IACnD,4DAAK,KAAK,EAAC,wCAAwC,IAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAO,EACzF,4DAAK,KAAK,EAAC,kDAAkD,IAAE,IAAI,CAAC,OAAO,CAAO,EAClF,4DAAK,KAAK,EAAC,sDAAsD,IAAE,IAAI,CAAC,WAAW,CAAO,CACtF,EACN,4DAAK,KAAK,EAAC,uCAAuC,IAChD,4DAAK,KAAK,EAAC,6CAA6C,IAAE,IAAI,CAAC,gBAAgB,CAAO,EACtF,8DAAQ,CACJ,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnProfileModalProfile"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-profile.scss?tag=pn-profile-modal-profile","src/components/profile/pn-profile-modal/pn-profile-modal-profile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-profile {\n &[selected='false'] {\n pn-profile-modal-type[selected='true']:not([selected-profile='']) & {\n display: none;\n }\n }\n}\n.pn-profile-modal-profile-listitem {\n overflow: hidden;\n max-height: 10rem;\n transition: max-height 0.15s ease;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 0;\n }\n}\n\n.pn-profile-modal-profile-listitem-button {\n padding: 0.8rem;\n margin: 0;\n background: $white;\n outline: 0;\n appearance: none;\n border: 0;\n cursor: pointer;\n border-radius: 0.8rem;\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n .pn-profile-modal-profile-listitem[aria-hidden='true'] & {\n display: none;\n }\n}\n.pn-profile-modal-profile-listitem-heading {\n color: $blue700;\n font-weight: 700;\n font-size: 1.6rem;\n}\n.pn-profile-modal-profile-listitem-description {\n color: $gray700;\n font-weight: 400;\n font-size: 1.2rem;\n}\n\n.pn-profile-modal-profile-details {\n max-height: 300rem;\n transition: max-height 0.15s ease;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n }\n > pn-button {\n position: relative;\n margin-left: -1.2rem;\n\n .pn-button-content {\n font-weight: 500;\n }\n }\n}\n\n.pn-profile-modal-profile-details-company {\n border-top: 1px solid $gray200;\n border-bottom: 1px solid $gray200;\n padding: 0.8rem 0.8rem;\n margin: 1.6rem 0;\n}\n.pn-profile-modal-profile-details-label {\n font-size: 1.4rem;\n font-weight: 500;\n margin-bottom: 1.2rem;\n}\n\n.pn-profile-modal-profile-details-company-heading {\n font-weight: 700;\n font-size: 1.6rem;\n}\n.pn-profile-modal-profile-details-company-description {\n color: $gray700;\n font-weight: 400;\n font-size: 1.2rem;\n}\n\n.pn-profile-modal-profile-details-list {\n display: flex;\n flex-direction: column;\n gap: 1.6rem;\n padding: 0 0;\n}\n\n.pn-profile-modal-profile-details-list-label {\n font-size: 1.4rem;\n font-weight: 500;\n margin: 0 0 0 0.8rem;\n}\n","import { Component, Prop, h, Listen, Event, EventEmitter, Element, Host, State } from '@stencil/core';\nimport state from './pn-profile-modal-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-modal-profile',\n styleUrl: 'pn-profile-modal-profile.scss',\n})\nexport class PnProfileModalProfile {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) heading: string = null;\n @Prop({ reflect: true }) description: string = null;\n @Prop({ reflect: true }) url: string = null;\n @Prop({ mutable: true }) selected: boolean = false;\n @Prop({ reflect: true }) showCustomerNumbers: boolean = false;\n\n @Prop({ reflect: true }) pleaseSelectText: string = '';\n\n @Prop({ mutable: true, reflect: true }) visible: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n @Event() showCustomerNumbersEvent: EventEmitter;\n\n @State() identifier: string = '';\n\n componentWillLoad() {\n this.identifier = this.heading + this.url;\n }\n\n onProfileOptionClick() {\n this.selected = true;\n if (this.url) {\n this.urlSelected.emit(this.url);\n // TODO: emit event with URL to parent\n } else {\n // TODO: Open customer number selection\n state.selectedProfile = this.identifier;\n }\n }\n render() {\n return (\n <Host selected={this.selected + ''}>\n <div class=\"pn-profile-modal-profile-listitem\" aria-hidden={!!state.selectedProfile + ''}>\n <button class=\"pn-profile-modal-profile-listitem-button\" onClick={this.onProfileOptionClick.bind(this)}>\n <div class=\"pn-profile-modal-profile-listitem-heading\">{this.heading}</div>\n <div class=\"pn-profile-modal-profile-listitem-description\">{this.description}</div>\n </button>\n </div>\n <div class=\"pn-profile-modal-profile-details\" aria-hidden={!(state.selectedProfile === this.identifier) + ''}>\n <pn-button\n appearance=\"light\"\n variant=\"borderless\"\n icon={arrow_left}\n left-icon=\"true\"\n small=\"true\"\n onClick={() => {\n this.selected = false;\n state.selectedProfile = '';\n }}\n >\n {state.i18n.toText} {state.selectedType}\n </pn-button>\n <div class=\"pn-profile-modal-profile-details-company\">\n <div class=\"pn-profile-modal-profile-details-label\">{state.i18n.choosenCompanyText}</div>\n <div class=\"pn-profile-modal-profile-details-company-heading\">{this.heading}</div>\n <div class=\"pn-profile-modal-profile-details-company-description\">{this.description}</div>\n </div>\n <div class=\"pn-profile-modal-profile-details-list\">\n <div class=\"pn-profile-modal-profile-details-list-label\">{this.pleaseSelectText}</div>\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-modal-type.js CHANGED Viewed

@@ -13,6 +13,7 @@ const PnProfileModalType$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileMod
         this.selected = false;
         this.selectedprofile = null;
     }
+    get hostElement() { return this; }
     onSelectedChange() {
         if (this.selected) {
             state.selectedType = this.name;
@@ -25,7 +26,6 @@ const PnProfileModalType$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileMod
     render() {
         return (h(Host, { key: '98952eff6707ccdbd1542211aa27c15a2a4132b3', selected: (state.selectedType === this.name) + '', "selected-profile": state.selectedProfile + '' }, h("slot", { key: '337448f06a943c42e520cfa9cc7a5890eaded9cb' })));
     }
-    get hostElement() { return this; }
     static get watchers() { return {
         "selected": ["onSelectedChange"]
     }; }

package/components/pn-profile-modal-type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-modal-type.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,scAAsc,CAAC;AACre,iCAAe,qBAAqB;;MCKvBA,oBAAkB;;;;sBAGa,EAAE;oBACJ,OAAO;wBACF,KAAK;+BACC,IAAI;;IAGvD,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC;SAChC;QACD,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;QAC3B,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACtE,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;SACrC,CAAC,CAAC;KACJ;IACD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,IAAI,EAAE,sBAAoB,KAAK,CAAC,eAAe,GAAG,EAAE,IACnG,8DAAQ,CACH,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileModalType"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n display: flex;\n width: 100%;\n padding: 3.2rem 0 1.2rem;\n flex-direction: column;\n gap: 1.6rem;\n &:first-of-type {\n margin-top: 2.4rem;\n }\n &:last-of-type {\n border-bottom: 0;\n padding-bottom: 0;\n .profileselectoroption {\n padding-bottom: 0;\n }\n }\n display: none;\n &[selected='true'] {\n display: flex;\n opacity: 1;\n }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n tag: 'pn-profile-modal-type',\n styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) typeid: string = '';\n @Prop({ mutable: true }) name: string = 'false';\n @Prop({ mutable: true }) selected: boolean = false;\n @Prop({ mutable: true }) selectedprofile: string = null;\n\n @Watch('selected')\n onSelectedChange() {\n if (this.selected) {\n state.selectedType = this.name;\n }\n state.selectedProfile = '';\n [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n x.setAttribute('selected', 'false');\n });\n }\n render() {\n return (\n <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-modal-type.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,scAAsc,CAAC;AACre,iCAAe,qBAAqB;;MCKvBA,oBAAkB;;;;sBAGa,EAAE;oBACJ,OAAO;wBACF,KAAK;+BACC,IAAI;;;IAGvD,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC;SAChC;QACD,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;QAC3B,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACtE,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;SACrC,CAAC,CAAC;KACJ;IACD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,IAAI,EAAE,sBAAoB,KAAK,CAAC,eAAe,GAAG,EAAE,IACnG,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnProfileModalType"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n display: flex;\n width: 100%;\n padding: 3.2rem 0 1.2rem;\n flex-direction: column;\n gap: 1.6rem;\n &:first-of-type {\n margin-top: 2.4rem;\n }\n &:last-of-type {\n border-bottom: 0;\n padding-bottom: 0;\n .profileselectoroption {\n padding-bottom: 0;\n }\n }\n display: none;\n &[selected='true'] {\n display: flex;\n opacity: 1;\n }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n tag: 'pn-profile-modal-type',\n styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) typeid: string = '';\n @Prop({ mutable: true }) name: string = 'false';\n @Prop({ mutable: true }) selected: boolean = false;\n @Prop({ mutable: true }) selectedprofile: string = null;\n\n @Watch('selected')\n onSelectedChange() {\n if (this.selected) {\n state.selectedType = this.name;\n }\n state.selectedProfile = '';\n [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n x.setAttribute('selected', 'false');\n });\n }\n render() {\n return (\n <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-modal.js CHANGED Viewed

@@ -16,6 +16,7 @@ const PnProfileModal$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileModal e
         this.chooseCustomerNumberText = null;
         this.isLoading = true;
     }
+    get hostElement() { return this; }
     componentWillLoad() {
         this.populateState();
         this.bindEvents();
@@ -63,7 +64,6 @@ const PnProfileModal$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileModal e
     render() {
         return (h(Host, { key: '8d31699717d53dc7fba0c2cfa987ca2417cbfaf7' }, h("div", { key: 'd80ac112d9aaa208c33ee7859947b511f0875729', class: "profilemodal-container" }, h("div", { key: 'a3b62ce172c4291bddd2d36bcafe43c308f835b5', class: "profilemodal-logo" }, h("svg", { key: 'bebcef4cb95cfec07d35e630b9e3a23654185b80', viewBox: "0 0 133 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "17.1rem", height: "3.2rem" }, h("path", { key: '2d36880b4389dad57a6e87a6c87a8ea11789123f', "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: "profilemodal-heading" }, this.heading), h("div", { key: 'a51c67d4ef30bfb08d5ae3de185bfc8c7930d461', class: "profilemodal-content" }, h("slot", { key: '38733244f30578ff68c367ae1e7801ae4ab5694c' })), this.continueCtaText ? (h("div", { class: "profilemodal-cta", "aria-hidden": !state.selectedUrl + '' }, h("pn-button", { onclick: this.onCTAClick, href: state.selectedUrl, icon: arrow_right }, this.continueCtaText))) : null)));
     }
-    get hostElement() { return this; }
     static get style() { return PnProfileModalStyle0; }
 }, [4, "pn-profile-modal", {
         "heading": [1],

package/components/pn-profile-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-modal.js","mappings":"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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileModal"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n margin: 1em auto;\n display: flex;\n flex-direction: column;\n min-width: 42.4rem;\n max-width: 38.4rem;\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background: $white;\n}\n\n.profilemodal-container {\n padding: 3.2rem;\n border-radius: 8px;\n box-shadow:\n 0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n border: 0.1rem solid $gray50;\n display: flex;\n flex-direction: column;\n}\n\n.profilemodal-logo {\n display: none;\n svg {\n display: block;\n margin: 0 auto 2.4rem;\n }\n}\n\n.profilemodal-heading {\n text-align: center;\n font-weight: 700;\n}\n\n.profilemodal-content {\n margin: 1.6rem 0 0;\n pn-segmented-control {\n transform: translateZ(0) translateX(-50%);\n left: 50%;\n }\n}\n\n.profilemodal-cta {\n margin: 1.6rem 0 0;\n transition:\n max-height 0.15s ease,\n opacity 0.15s ease;\n overflow: hidden;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 1;\n }\n > pn-button {\n width: 100%;\n }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-modal',\n styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n @Element() hostElement: Element;\n\n @Prop() heading: string = null;\n @Prop() continueCtaText: string = null;\n @Prop() choosenCompanyText: string = null;\n @Prop() toText: string = null;\n @Prop() chooseCustomerNumberText: string = null;\n\n @State() isLoading: boolean = true;\n\n componentWillLoad() {\n this.populateState();\n this.bindEvents();\n }\n populateState() {\n state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n state.i18n.choosenCompanyText = this.choosenCompanyText;\n state.i18n.toText = this.toText;\n const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n if (selectedType) {\n state.selectedType = selectedType.getAttribute('name');\n }\n }\n bindEvents() {\n const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n if (segmentControl) {\n segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n }\n }\n onSegmentControlChange(e) {\n const contentId = e.target.value;\n const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n if (content) {\n const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n types.forEach(type => {\n type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n });\n }\n }\n\n onCTAClick() {\n if (!state.selectedUrl) {\n console.log('no Url as been selected, will not continue');\n }\n }\n @Listen('urlSelected')\n onUrlSelected(e) {\n if (!e \|\| !e.detail) {\n return;\n }\n state.selectedUrl = e.detail;\n const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n if (ctaBtn) {\n ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"profilemodal-container\">\n <div class=\"profilemodal-logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n fill=\"#00A0D6\"\n 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\"\n ></path>\n </svg>\n </div>\n\n {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n <div class=\"profilemodal-content\">\n <slot />\n </div>\n {this.continueCtaText ? (\n <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n {this.continueCtaText}\n </pn-button>\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-modal.js","mappings":"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","names":["PnProfileModal"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n margin: 1em auto;\n display: flex;\n flex-direction: column;\n min-width: 42.4rem;\n max-width: 38.4rem;\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background: $white;\n}\n\n.profilemodal-container {\n padding: 3.2rem;\n border-radius: 8px;\n box-shadow:\n 0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n border: 0.1rem solid $gray50;\n display: flex;\n flex-direction: column;\n}\n\n.profilemodal-logo {\n display: none;\n svg {\n display: block;\n margin: 0 auto 2.4rem;\n }\n}\n\n.profilemodal-heading {\n text-align: center;\n font-weight: 700;\n}\n\n.profilemodal-content {\n margin: 1.6rem 0 0;\n pn-segmented-control {\n transform: translateZ(0) translateX(-50%);\n left: 50%;\n }\n}\n\n.profilemodal-cta {\n margin: 1.6rem 0 0;\n transition:\n max-height 0.15s ease,\n opacity 0.15s ease;\n overflow: hidden;\n opacity: 1;\n &[aria-hidden='true'] {\n max-height: 0;\n opacity: 1;\n }\n > pn-button {\n width: 100%;\n }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-modal',\n styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n @Element() hostElement: Element;\n\n @Prop() heading: string = null;\n @Prop() continueCtaText: string = null;\n @Prop() choosenCompanyText: string = null;\n @Prop() toText: string = null;\n @Prop() chooseCustomerNumberText: string = null;\n\n @State() isLoading: boolean = true;\n\n componentWillLoad() {\n this.populateState();\n this.bindEvents();\n }\n populateState() {\n state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n state.i18n.choosenCompanyText = this.choosenCompanyText;\n state.i18n.toText = this.toText;\n const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n if (selectedType) {\n state.selectedType = selectedType.getAttribute('name');\n }\n }\n bindEvents() {\n const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n if (segmentControl) {\n segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n }\n }\n onSegmentControlChange(e) {\n const contentId = e.target.value;\n const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n if (content) {\n const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n types.forEach(type => {\n type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n });\n }\n }\n\n onCTAClick() {\n if (!state.selectedUrl) {\n console.log('no Url as been selected, will not continue');\n }\n }\n @Listen('urlSelected')\n onUrlSelected(e) {\n if (!e \|\| !e.detail) {\n return;\n }\n state.selectedUrl = e.detail;\n const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n if (ctaBtn) {\n ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"profilemodal-container\">\n <div class=\"profilemodal-logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n fill=\"#00A0D6\"\n 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\"\n ></path>\n </svg>\n </div>\n\n {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n <div class=\"profilemodal-content\">\n <slot />\n </div>\n {this.continueCtaText ? (\n <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n {this.continueCtaText}\n </pn-button>\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-selector-option.js CHANGED Viewed

@@ -12,10 +12,10 @@ const PnProfileSelectorOption$1 = /*@__PURE__*/ proxyCustomElement(class PnProfi
         this.description = '';
         this.url = '';
     }
+    get hostElement() { return this; }
     render() {
         return (h(Host, { key: 'b0f288463b8f44943e6760d45b64011685985cfa' }, h("a", { key: 'eb98099d27f62910259d83ae7331a4ce10c5bc50', class: "profileselectoroption", href: this.url }, h("span", { key: '54d197d0214c2a0826c2fc760498d1bd245bae3d', class: "profileselectoroption-text" }, h("span", { key: '2b8a6da767d9169f26f3d45c3e387152b6e5c479', class: "profileselectoroption-title" }, this.heading), h("span", { key: 'eb3f94e8a8a526f76dddd8bef79a0d95268791c5', class: "profileselectoroption-description" }, this.description)), h("pn-icon", { key: '8d898e0e9fd056edcd68ee4d825194d4a87d9c2e', icon: arrow_right, small: "false", color: "blue700" }))));
     }
-    get hostElement() { return this; }
     static get style() { return PnProfileSelectorOptionStyle0; }
 }, [0, "pn-profile-selector-option", {
         "heading": [1],

package/components/pn-profile-selector-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-selector-option.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,6qCAA6qC,CAAC;AACjtC,sCAAe,0BAA0B;;MCK5BA,yBAAuB;;;;uBAGR,EAAE;2BACE,EAAE;mBACV,EAAE;;IAExB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,0DAAG,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAC7C,6DAAM,KAAK,EAAC,4BAA4B,IACtC,6DAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAQ,EAC/D,6DAAM,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,WAAW,CAAQ,CACpE,EACP,gEAAS,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,GAAW,CAClE,CACC,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileSelectorOption"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n display: flex;\n width: 100%;\n border-bottom: 1px solid $gray200;\n padding: 1.2rem 0;\n &:first-of-type {\n margin-top: 2.4rem;\n }\n &:last-of-type {\n border-bottom: 0;\n padding-bottom: 0;\n .profileselectoroption {\n padding-bottom: 0;\n }\n }\n}\n\n.profileselectoroption {\n display: flex;\n width: 100%;\n padding: 1.2rem 0;\n pn-icon {\n align-self: center;\n position: relative;\n transform: translateX(-1rem);\n transition: transform 0.25s linear;\n }\n text-decoration: none;\n &:hover,\n &:focus,\n &:active {\n .profileselectoroption-name {\n text-decoration: underline;\n }\n pn-icon {\n transform: none;\n transition-timing-function: ease;\n }\n }\n}\n\n.profileselectoroption-text {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.profileselectoroption-title {\n font-size: 1em;\n color: $blue700;\n font-weight: 700;\n}\n\n.profileselectoroption-description {\n font-size: 0.75em;\n color: $gray700;\n font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-selector-option',\n styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n @Element() hostElement: Element;\n\n @Prop() heading: string = '';\n @Prop() description: string = '';\n @Prop() url: string = '';\n\n render() {\n return (\n <Host>\n <a class=\"profileselectoroption\" href={this.url}>\n <span class=\"profileselectoroption-text\">\n <span class=\"profileselectoroption-title\">{this.heading}</span>\n <span class=\"profileselectoroption-description\">{this.description}</span>\n </span>\n <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-selector-option.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,6qCAA6qC,CAAC;AACjtC,sCAAe,0BAA0B;;MCK5BA,yBAAuB;;;;uBAGR,EAAE;2BACE,EAAE;mBACV,EAAE;;;IAExB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,0DAAG,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAC7C,6DAAM,KAAK,EAAC,4BAA4B,IACtC,6DAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAQ,EAC/D,6DAAM,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,WAAW,CAAQ,CACpE,EACP,gEAAS,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,GAAW,CAClE,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnProfileSelectorOption"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n display: flex;\n width: 100%;\n border-bottom: 1px solid $gray200;\n padding: 1.2rem 0;\n &:first-of-type {\n margin-top: 2.4rem;\n }\n &:last-of-type {\n border-bottom: 0;\n padding-bottom: 0;\n .profileselectoroption {\n padding-bottom: 0;\n }\n }\n}\n\n.profileselectoroption {\n display: flex;\n width: 100%;\n padding: 1.2rem 0;\n pn-icon {\n align-self: center;\n position: relative;\n transform: translateX(-1rem);\n transition: transform 0.25s linear;\n }\n text-decoration: none;\n &:hover,\n &:focus,\n &:active {\n .profileselectoroption-name {\n text-decoration: underline;\n }\n pn-icon {\n transform: none;\n transition-timing-function: ease;\n }\n }\n}\n\n.profileselectoroption-text {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.profileselectoroption-title {\n font-size: 1em;\n color: $blue700;\n font-weight: 700;\n}\n\n.profileselectoroption-description {\n font-size: 0.75em;\n color: $gray700;\n font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n tag: 'pn-profile-selector-option',\n styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n @Element() hostElement: Element;\n\n @Prop() heading: string = '';\n @Prop() description: string = '';\n @Prop() url: string = '';\n\n render() {\n return (\n <Host>\n <a class=\"profileselectoroption\" href={this.url}>\n <span class=\"profileselectoroption-text\">\n <span class=\"profileselectoroption-title\">{this.heading}</span>\n <span class=\"profileselectoroption-description\">{this.description}</span>\n </span>\n <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-profile-selector.js CHANGED Viewed

@@ -35,6 +35,7 @@ const PnProfileSelector$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileSele
         this.isLoading = true;
         this.numberOfProfiles = 1;
     }
+    get hostElement() { return this; }
     componentWillLoad() {
         this.init();
     }
@@ -49,7 +50,6 @@ const PnProfileSelector$1 = /*@__PURE__*/ proxyCustomElement(class PnProfileSele
     render() {
         return (h(Host, { key: '507afcbe6e54bd1717fe7a43f3919c2c9d4bd6f7' }, h("div", { key: '6c81b92156651080f9c0e65f63310820e9197fb6', class: "profileselector-container" }, h("div", { key: '1dbd6d2c872fc13d6654afa7dcae3704783b09e8', class: "profileselector-logo" }, h("svg", { key: '30a12bec10c160c4d120376251f99bc0de39ce0e', viewBox: "0 0 133 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "17.1rem", height: "3.2rem" }, h("path", { key: '1e0956b44ba531ff5918209cdd8f4c8e6baa8cc2', "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", { key: '0b301901864769b2b4e3fa3e2610c62de2b26de5' }))));
     }
-    get hostElement() { return this; }
     static get style() { return PnProfileSelectorStyle0; }
 }, [4, "pn-profile-selector", {
         "language": [1537],

package/components/pn-profile-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-profile-selector.js","mappings":";;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,YAAY,EAAE,+BAA+B;KAC9C;IACD,EAAE,EAAE;QACF,YAAY,EAAE,oDAAoD;KACnE;IACD,EAAE,EAAE;QACF,YAAY,EAAE,4CAA4C;KAC3D;IACD,EAAE,EAAE;QACF,YAAY,EAAE,iDAAiD;KAChE;IACD,EAAE,EAAE;QACF,YAAY,EAAE,8CAA8C;KAC7D;IACD,EAAE,EAAE;QACF,YAAY,EAAE,mDAAmD;KAClE;CACF;;ACnBD,MAAM,oBAAoB,GAAG,0kBAA0kB,CAAC;AACxmB,gCAAe,oBAAoB;;MCQtBA,mBAAiB;;;;wBAG+B,IAAI;yBACnC,GAAG;uBACL,IAAI;oBAEO,YAAY,CAAC,IAAI,CAAC;yBAEzB,IAAI;gCACE,CAAC;;IAErC,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,IAAI;QACF,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,IACtG,0EACY,SAAS,eACT,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,w8FAAw8F,GACp8F,CACJ,CACF,EAEL,IAAI,CAAC,OAAO,KAAK,EAAE,GAAG,IAAI,GAAG,WAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAO,EAC7I,8DAAQ,CACJ,CACD,EACP;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PnProfileSelector"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n sv: {\n introMessage: `Välj ombud du vill agera som?`,\n },\n en: {\n introMessage: `Which customer number do you want to handle today?`,\n },\n da: {\n introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n },\n no: {\n introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n },\n fi: {\n introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n },\n de: {\n introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n margin: 1em auto;\n display: flex;\n flex-direction: column;\n min-width: 42.4rem;\n max-width: 38.4rem;\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background: $white;\n}\n\n.profileselector-container {\n padding: 3.2rem;\n border-radius: 8px;\n box-shadow:\n 0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n border: 0.1rem solid $gray50;\n display: flex;\n flex-direction: column;\n}\n\n.profileselector-logo {\n svg {\n display: block;\n margin: 0 auto 2.4rem;\n }\n}\n\n.profileselector-intromessage {\n text-align: center;\n font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n tag: 'pn-profile-selector',\n styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n @Prop() returnUrl: string = '/'; //sv\n @Prop() heading: string = null; //sv\n\n @State() i18n: ProfileSelectori18n = translations['en'];\n\n @State() isLoading: boolean = true;\n @State() numberOfProfiles: number = 1;\n\n componentWillLoad() {\n this.init();\n }\n\n init() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"profileselector-container\">\n <div class=\"profileselector-logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n fill=\"#00A0D6\"\n 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\"\n ></path>\n </svg>\n </div>\n\n {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-profile-selector.js","mappings":";;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,YAAY,EAAE,+BAA+B;KAC9C;IACD,EAAE,EAAE;QACF,YAAY,EAAE,oDAAoD;KACnE;IACD,EAAE,EAAE;QACF,YAAY,EAAE,4CAA4C;KAC3D;IACD,EAAE,EAAE;QACF,YAAY,EAAE,iDAAiD;KAChE;IACD,EAAE,EAAE;QACF,YAAY,EAAE,8CAA8C;KAC7D;IACD,EAAE,EAAE;QACF,YAAY,EAAE,mDAAmD;KAClE;CACF;;ACnBD,MAAM,oBAAoB,GAAG,0kBAA0kB,CAAC;AACxmB,gCAAe,oBAAoB;;MCQtBA,mBAAiB;;;;wBAG+B,IAAI;yBACnC,GAAG;uBACL,IAAI;oBAEO,YAAY,CAAC,IAAI,CAAC;yBAEzB,IAAI;gCACE,CAAC;;;IAErC,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,IAAI;QACF,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,IACtG,0EACY,SAAS,eACT,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,w8FAAw8F,GACp8F,CACJ,CACF,EAEL,IAAI,CAAC,OAAO,KAAK,EAAE,GAAG,IAAI,GAAG,WAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAO,EAC7I,8DAAQ,CACJ,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnProfileSelector"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n sv: {\n introMessage: `Välj ombud du vill agera som?`,\n },\n en: {\n introMessage: `Which customer number do you want to handle today?`,\n },\n da: {\n introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n },\n no: {\n introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n },\n fi: {\n introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n },\n de: {\n introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n margin: 1em auto;\n display: flex;\n flex-direction: column;\n min-width: 42.4rem;\n max-width: 38.4rem;\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background: $white;\n}\n\n.profileselector-container {\n padding: 3.2rem;\n border-radius: 8px;\n box-shadow:\n 0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n border: 0.1rem solid $gray50;\n display: flex;\n flex-direction: column;\n}\n\n.profileselector-logo {\n svg {\n display: block;\n margin: 0 auto 2.4rem;\n }\n}\n\n.profileselector-intromessage {\n text-align: center;\n font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n tag: 'pn-profile-selector',\n styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n @Prop() returnUrl: string = '/'; //sv\n @Prop() heading: string = null; //sv\n\n @State() i18n: ProfileSelectori18n = translations['en'];\n\n @State() isLoading: boolean = true;\n @State() numberOfProfiles: number = 1;\n\n componentWillLoad() {\n this.init();\n }\n\n init() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"profileselector-container\">\n <div class=\"profileselector-logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n fill=\"#00A0D6\"\n 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\"\n ></path>\n </svg>\n </div>\n\n {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}