npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.2 → 4.0.0

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 (1186) hide show

package/esm/pn-find-service-and-price.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-find-service-and-price.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Hit eller dit?',\n sizeheading: 'Hur mycket väger det?',\n resultlistheading: 'Några utvalda val',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp frakt via Skicka Direkt',\n stampshopcta: 'Köp frimärken via vår webshop',\n },\n en: {\n componentheading: 'What do you want to send?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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","const postagetypes = [\n { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n letter: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n ],\n parcel: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n ],\n};\n\nconst weights = {\n letter: [\n { name: '50g', abbreviation: 'g', value: 50 },\n { name: '100g', abbreviation: 'g', value: 100 },\n { name: '250g', abbreviation: 'g', value: 250 },\n { name: '500g', abbreviation: 'g', value: 500 },\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n ],\n parcel: [\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n { name: '3kg', abbreviation: 'kg', value: 3 },\n { name: '4kg', abbreviation: 'kg', value: 4 },\n { name: '5kg', abbreviation: 'kg', value: 5 },\n { name: '6kg', abbreviation: 'kg', value: 6 },\n { name: '7Kg', abbreviation: 'kg', value: 7 },\n { name: '8kg', abbreviation: 'kg', value: 8 },\n { name: '9kg', abbreviation: 'kg', value: 9 },\n { name: '10kg', abbreviation: 'kg', value: 10 },\n { name: '11kg', abbreviation: 'kg', value: 11 },\n { name: '12kg', abbreviation: 'kg', value: 12 },\n { name: '13kg', abbreviation: 'kg', value: 13 },\n { name: '14kg', abbreviation: 'kg', value: 14 },\n { name: '15kg', abbreviation: 'kg', value: 15 },\n { name: '16kg', abbreviation: 'kg', value: 16 },\n { name: '17kg', abbreviation: 'kg', value: 17 },\n { name: '18kg', abbreviation: 'kg', value: 18 },\n { name: '20kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n .findprice-form {\n max-width: 50em;\n margin: 0 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 .postagetypes,\n .deliveryscope {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1em;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\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 {\n margin: 3em 0;\n }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n FindServiceAndPricePostageType,\n FindServiceAndPriceWeight,\n FindServiceAndPriceDeliveryScope,\n PnfindServiceAndPriceMarket,\n PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price',\n styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() postagetype: FindServiceAndPricePostageType = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPricePostageType;\n @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n @State() weightvalue: number = 0;\n @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPriceDeliveryScope;\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n componentWillLoad() {\n this.setState();\n this.getDataSource();\n\n // window.setTimeout(() => {\n // this.postagetype = postagetypes[0];\n // this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n // this.weight = weights[this.postagetype.value][0];\n // this.weightvalue = this.weight.value;\n // }, 500)\n }\n\n async getDataSource() {\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 console.log('Unable to parse data');\n }\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n }\n }\n\n @Watch('postagetype')\n @Watch('deliveryscope')\n @Watch('weightvalue')\n filterItems() {\n // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n if (!this.sourceData?.data) {\n console.log('Data has not yet been loaded');\n return;\n }\n if (!this.postagetype) {\n return;\n }\n const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n if (!this.deliveryscope) {\n return;\n }\n const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n if (!this.weight \|\| !this.weight.value) {\n return;\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 = deliveryScopeData.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 = deliveryScopeData.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\n render() {\n return (\n <div>\n <div class=\"findprice-form\">\n {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n <div class=\"postagetypes\">\n {postagetypes.map(postagetype => (\n <pn-choice-button\n choiceid={postagetype.value}\n value={postagetype.value}\n name=\"postagetype\"\n type=\"radio\"\n checked={postagetype.value === this.postagetype.value}\n onChange={() => {\n this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n >\n <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n </pn-choice-button>\n ))}\n </div>\n\n {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n <div>\n {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n <div class=\"deliveryscope\">\n {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n <pn-choice-button\n choiceid={this.postagetype.value + deliveryscope.value}\n value={deliveryscope.value}\n name=\"deliveryscope\"\n type=\"radio\"\n checked={deliveryscope.value === this.deliveryscope.value}\n onChange={() => {\n this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n if (this.weight.value === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n }}\n >\n <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n </pn-choice-button>\n ))}\n </div>\n </div>\n ) : null}\n\n {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n <div>\n {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\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 FindServiceAndPriceWeight[]).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 </div>\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n </div>\n ))}\n </div>\n ) : null}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-find-service-and-price.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Hit eller dit?',\n sizeheading: 'Hur mycket väger det?',\n resultlistheading: 'Några utvalda val',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp frakt via Skicka Direkt',\n stampshopcta: 'Köp frimärken via vår webshop',\n },\n en: {\n componentheading: 'What do you want to send?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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","const postagetypes = [\n { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n letter: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n ],\n parcel: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n ],\n};\n\nconst weights = {\n letter: [\n { name: '50g', abbreviation: 'g', value: 50 },\n { name: '100g', abbreviation: 'g', value: 100 },\n { name: '250g', abbreviation: 'g', value: 250 },\n { name: '500g', abbreviation: 'g', value: 500 },\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n ],\n parcel: [\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n { name: '3kg', abbreviation: 'kg', value: 3 },\n { name: '4kg', abbreviation: 'kg', value: 4 },\n { name: '5kg', abbreviation: 'kg', value: 5 },\n { name: '6kg', abbreviation: 'kg', value: 6 },\n { name: '7Kg', abbreviation: 'kg', value: 7 },\n { name: '8kg', abbreviation: 'kg', value: 8 },\n { name: '9kg', abbreviation: 'kg', value: 9 },\n { name: '10kg', abbreviation: 'kg', value: 10 },\n { name: '11kg', abbreviation: 'kg', value: 11 },\n { name: '12kg', abbreviation: 'kg', value: 12 },\n { name: '13kg', abbreviation: 'kg', value: 13 },\n { name: '14kg', abbreviation: 'kg', value: 14 },\n { name: '15kg', abbreviation: 'kg', value: 15 },\n { name: '16kg', abbreviation: 'kg', value: 16 },\n { name: '17kg', abbreviation: 'kg', value: 17 },\n { name: '18kg', abbreviation: 'kg', value: 18 },\n { name: '20kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n .findprice-form {\n max-width: 50em;\n margin: 0 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 .postagetypes,\n .deliveryscope {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1em;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\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 {\n margin: 3em 0;\n }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n FindServiceAndPricePostageType,\n FindServiceAndPriceWeight,\n FindServiceAndPriceDeliveryScope,\n PnfindServiceAndPriceMarket,\n PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price',\n styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() postagetype: FindServiceAndPricePostageType = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPricePostageType;\n @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n @State() weightvalue: number = 0;\n @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPriceDeliveryScope;\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n componentWillLoad() {\n this.setState();\n this.getDataSource();\n\n // window.setTimeout(() => {\n // this.postagetype = postagetypes[0];\n // this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n // this.weight = weights[this.postagetype.value][0];\n // this.weightvalue = this.weight.value;\n // }, 500)\n }\n\n async getDataSource() {\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 console.log('Unable to parse data');\n }\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n }\n }\n\n @Watch('postagetype')\n @Watch('deliveryscope')\n @Watch('weightvalue')\n filterItems() {\n // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n if (!this.sourceData?.data) {\n console.log('Data has not yet been loaded');\n return;\n }\n if (!this.postagetype) {\n return;\n }\n const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n if (!this.deliveryscope) {\n return;\n }\n const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n if (!this.weight \|\| !this.weight.value) {\n return;\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 = deliveryScopeData.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 = deliveryScopeData.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\n render() {\n return (\n <div>\n <div class=\"findprice-form\">\n {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n <div class=\"postagetypes\">\n {postagetypes.map(postagetype => (\n <pn-choice-button\n choiceid={postagetype.value}\n value={postagetype.value}\n name=\"postagetype\"\n type=\"radio\"\n checked={postagetype.value === this.postagetype.value}\n onChange={() => {\n this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n >\n <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n </pn-choice-button>\n ))}\n </div>\n\n {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n <div>\n {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n <div class=\"deliveryscope\">\n {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n <pn-choice-button\n choiceid={this.postagetype.value + deliveryscope.value}\n value={deliveryscope.value}\n name=\"deliveryscope\"\n type=\"radio\"\n checked={deliveryscope.value === this.deliveryscope.value}\n onChange={() => {\n this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n if (this.weight.value === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n }}\n >\n <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n </pn-choice-button>\n ))}\n </div>\n </div>\n ) : null}\n\n {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n <div>\n {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\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 FindServiceAndPriceWeight[]).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 </div>\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n </div>\n ))}\n </div>\n ) : null}\n </div>\n );\n }\n}\n"],"version":3}

package/esm/pn-hero-block-international.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
-const pnHeroBlockInternationalCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";
+const pnHeroBlockInternationalCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";
 const PnHeroBlockInternationalStyle0 = pnHeroBlockInternationalCss;
 const PnHeroBlockInternational = class {
@@ -33,7 +33,7 @@ const PnHeroBlockInternational = class {
         }
     }
     render() {
-        return (h(Host, { key: 'febccdeed45fdfd3e8f6ae91da584339f34ff574', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, h("div", { key: '5980b48b2c0f1310ef92e1314b1b87cce0bfb560', class: "hero-international__content" }, h("div", { key: '6b7cfa9f6c93ed374288677f0e5fbbd31d94fa57', class: "flex-wrapper" }, h("div", { key: 'e9f8d7c57040ae943a4564c20e0364f7a3bdeea6', class: "content-col" }, h("span", { key: 'a34c11674a6e535dfef5ab3c2f216328979789f9', class: "hero-international__content__site-tag" }, "International"), h("h1", { key: '03b0f086c0dc0d7565a4f9664f330b6e5b1ee786', class: "hero-international__content__heading" }, this.heading, " ", h("span", { key: '5b4d052b5bce78001ac39568c3e7cfdf3ddf6ea8' }, this.subHeading)), h("p", { key: '92bf6edca10040a2fe4dd88eb5dd77da3d375bbc', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (h("div", { key: '35f4800ea79d06346e1a27346d53d5e25cb445f1', class: "hero-international__content__cta" }, h("slot", { key: 'd738b6589da73282378e2544d1198368ece704c8', name: "hero-international-cta" })))), !this.centeredLayout && (h("div", { key: '9412149e00325d7dca22ef29829939b6bae008a5', class: "hero-international__content__logo-col" }, h("div", { key: 'b0bd6c4467d582f9be43840919648287cb77f779', class: "hero-international__content__logo-col__image" }, h("svg", { key: '595df22576f8622525c51637fb0a8b823dbec86c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, h("circle", { key: 'aa1a9e3cb6ae874b10d870cd6666bccf71907b59', class: "cls-1", cx: "168", cy: "168", r: "168" }), h("circle", { key: 'f9212008a51d07ad212c0fa01fa4da12b116c9a1', class: "cls-1", cx: "519", cy: "168", r: "168" }), h("path", { key: 'c13f449f9eb865b974e35863be8656cce3345eed', class: "cls-1", d: "M510 0h409v336H510z" }), h("path", { key: '67bb3f1f4c804e8431837d7feb39f4a99c8563d0', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), h("path", { key: '70013f0febe40cc8ca802957d0ee3f91653a2b30', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (h("div", { key: 'c8ce62511215b868a66f3291743e58b9cddcf56c', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, h("div", { key: '53d8141497503bf7b50b5fe47e1242f8d32af2ce', class: "shape" }))))));
+        return (h(Host, { key: '29a1cbf6af742f1c9a7b5cc3554600c46e8d9385', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, h("div", { key: '80efe44f05675ceaba7533ff198f8697565c5638', class: "hero-international__content" }, h("div", { key: '8a7523d6354528218e36c98ad9445c13b4637f80', class: "flex-wrapper" }, h("div", { key: '9cf9f7758c031b2ff7f54c07c9467894cc5d8ffe', class: "content-col" }, h("span", { key: 'cdca9a270bb61f15cde5da19bf7dda780e4895bf', class: "hero-international__content__site-tag" }, "International"), h("h1", { key: '4068c56efd71f7692ba3341899e6820b77ca12ab', class: "hero-international__content__heading" }, this.heading, " ", h("span", { key: 'dd74bfe566c7225f8f30d786512e23f3b5bdb209' }, this.subHeading)), h("p", { key: 'aeb3a5b81b381c4306aea57b28c9fc32f4e845ad', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (h("div", { key: '3c00c3fbc7fd42a08735f17ba1ef8dc56bc5cb7b', class: "hero-international__content__cta" }, h("slot", { key: '58f9a63a04f29170126425029625c477c31cd73b', name: "hero-international-cta" })))), !this.centeredLayout && (h("div", { key: '0a659dcad26ebd0a6ac1e7d9f86c7968eda41df0', class: "hero-international__content__logo-col" }, h("div", { key: '8261a17c77ee5b18874c56a41361d7d3e4dd772d', class: "hero-international__content__logo-col__image" }, h("svg", { key: 'd404ad512ea0bebc2cc5b5e0df4404c6125dadfa', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, h("circle", { key: '28106848da1e8364bc43fe8d591154342f71e75b', class: "cls-1", cx: "168", cy: "168", r: "168" }), h("circle", { key: '565176e62b896455941315643289d97a39baf62b', class: "cls-1", cx: "519", cy: "168", r: "168" }), h("path", { key: '0da027ee8c90501749291a00b37b2df8879e8632', class: "cls-1", d: "M510 0h409v336H510z" }), h("path", { key: 'cb1637d901d59f116557a9b134929bf0988e3192', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), h("path", { key: '258b567b1f39d98caea0e082ae372336ee19ef59', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (h("div", { key: '63b24b9a3b124781977bd6026511bf5fdb30c105', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, h("div", { key: '17ba19d5ced4d5cf6a000c01742a31cd91a5c877', class: "shape" }))))));
     }
 };
 PnHeroBlockInternational.style = PnHeroBlockInternationalStyle0;

package/esm/pn-hero-block-international.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-hero-block-international.entry.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,i7MAAi7M,CAAC;AACt9M,uCAAe,2BAA2B;;MCK7B,wBAAwB;;;uBAGT,IAAI;0BACD,IAAI;wBACN,IAAI;2BACA,KAAK;8BACF,IAAI;8BACJ,KAAK;;;IAE/B,gBAAgB,GAAY,KAAK,CAAC;IAClC,iBAAiB,GAAY,KAAK,CAAC;IAE3C,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;KAC7F;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,+CAA+C,CAAC,CAAC;YAC9F,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;YAC/F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE9B,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACnC;YACD,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACxC;SACF;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,cAAc,GAAG,qCAAqC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,EAAE,EAAE,IAC5J,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,aAAa,IACtB,6DAAM,KAAK,EAAC,uCAAuC,oBAAqB,EACxE,2DAAI,KAAK,EAAC,sCAAsC,IAC7C,IAAI,CAAC,OAAO,OAAE,+DAAO,IAAI,CAAC,UAAU,CAAQ,CAC1C,EACL,0DAAG,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,QAAQ,CAAK,EAEnE,IAAI,CAAC,gBAAgB,KACpB,4DAAK,KAAK,EAAC,kCAAkC,IAC3C,6DAAM,IAAI,EAAC,wBAAwB,GAAQ,CACvC,CACP,CACG,EAEL,CAAC,IAAI,CAAC,cAAc,KACnB,4DAAK,KAAK,EAAC,uCAAuC,IAChD,4DAAK,KAAK,EAAC,8CAA8C,IACvD,4DAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,IAC3D,+DAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjD,+DAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjD,6DAAM,KAAK,EAAC,OAAO,EAAC,CAAC,EAAC,qBAAqB,GAAE,EAC7C,6DAAM,CAAC,EAAC,koDAAkoD,EAAC,KAAK,EAAC,iBAAiB,GAAE,EACpqD,6DAAM,CAAC,EAAC,47DAA47D,EAAC,KAAK,EAAC,iBAAiB,GAAE,CAC19D,CACF,CACF,CACP,CACG,EAEL,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,KAC1C,4DAAK,KAAK,EAAE,mCAAmC,IAAI,CAAC,iBAAiB,GAAG,0CAA0C,GAAG,EAAE,EAAE,IACvH,4DAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACP,CACG,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n\npn-hero-block-international {\n width: 100%;\n}\n\n.hero-international {\n width: 100%;\n min-height: unset;\n position: relative;\n background: $blue900;\n display: flex;\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 44rem;\n }\n\n .hero-international__content {\n width: 100%;\n margin-bottom: 1.6rem;\n overflow-x: hidden;\n\n @media screen and (min-width: $min-width-xxl) {\n display: grid;\n grid-template-columns: 1fr $max-width-xxl 1fr;\n }\n\n .flex-wrapper {\n @include inner-container;\n grid-column: 2 / 3;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-direction: row;\n height: 100%;\n justify-content: space-between;\n\n @media screen and (min-width: $min-width-xxl) {\n justify-content: unset;\n padding: 0;\n }\n\n .content-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 4rem 0 4rem 0;\n\n @media screen and (min-width: $min-width-md) {\n min-width: 60.2rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n min-width: 100.6rem;\n padding: 5rem 2rem 5rem 0;\n }\n }\n\n .hero-international__content__site-tag {\n display: block;\n color: $blue400;\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n font-size: 1.8rem\n }\n\n @media screen and (min-width: $min-width-xxl) {\n display: none;\n }\n }\n\n .hero-international__content__heading {\n color: $blue400;\n font-size: 3.2rem;\n font-weight: 500;\n line-height: 1.12;\n font-smooth: never;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n margin-bottom: 1rem;\n\n span {\n margin-top: -0.3rem;\n display: block;\n color: white;\n font-weight: 700;\n }\n\n @media screen and (min-width: $min-width-md) {\n font-size: 4rem;\n }\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n margin-bottom: 1.6rem;\n }\n }\n\n .hero-international__content__preamble {\n color: white;\n margin-bottom: 0;\n font-weight: 500;\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n font-size: 1.8rem\n }\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem\n }\n }\n\n .hero-international__content__cta {\n margin-top: 2.4rem;\n\n @media screen and (min-width: $min-width-xxl) {\n margin-top: 3.2rem;\n }\n }\n\n .hero-international__content__logo-col {\n max-width: 60rem;\n display: none;\n\n @media screen and (min-width: $min-width-xxl) {\n max-width: unset;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n }\n\n .hero-international__content__logo-col__image {\n height: 32rem;\n\n svg {\n height: 100%;\n\n .cls-1 {\n fill:#083a67;\n stroke-width:0;\n }\n .svg-path-style1 {\n fill:#00a0d6;\n stroke-width:0;\n }\n .svg-path-style2 {\n fill:#fff;\n stroke-width:0;\n }\n }\n }\n }\n }\n }\n\n .hero-international__side-loader {\n grid-column: 3 / -1;\n display: none;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid transparent;\n padding-left: 8.8rem;\n\n @media screen and (min-width: $min-width-xxl) {\n display: flex;\n }\n\n .shape {\n background-color: $internationalAlternativeBlue;\n height: 32rem;\n }\n }\n\n .hero-international__side-loader--animate {\n transition: transform $animationTransitionTime ease-out;\n transform: translateX(100%);\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n\n.hero-international.hero-international--centered-layout {\n .hero-international__content .flex-wrapper {\n .hero-international__content__site-tag {\n display: block;\n }\n }\n\n .hero-international__content .flex-wrapper .content-col {\n @media screen and (min-width: $min-width-xl) {\n width: 100%;\n display: flex;\n align-items: center;\n padding-right: 0;\n }\n }\n\n .hero-international__content__heading {\n @media screen and (min-width: $min-width-xl) {\n text-align: center;\n }\n }\n}\n\n.hero-international.hero-international--animate {\n .hero-international__content__logo-col__image {\n transform: translateX(100%);\n transition: transform $animationTransitionTime - 0.3 ease-out;\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-hero-block-international',\n styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() subHeading: string = null;\n @Prop() preamble: string = null;\n @Prop() animateLogo: boolean = false;\n @Prop() showSideLoader: boolean = true;\n @Prop() centeredLayout: boolean = false;\n\n private hasCtaButtonSlot: boolean = false;\n private animateSideloader: boolean = false;\n\n async componentWillLoad() {\n this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n }\n\n componentDidLoad() {\n if (this.animateLogo) {\n const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n this.animateSideloader = true;\n\n if (image) {\n image.classList.add('animate-in');\n }\n if (sideLoader) {\n sideLoader.classList.add('animate-in');\n }\n }\n }\n\n render() {\n return (\n <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n <div class=\"hero-international__content\">\n <div class=\"flex-wrapper\">\n <div class=\"content-col\">\n <span class=\"hero-international__content__site-tag\">International</span>\n <h1 class=\"hero-international__content__heading\">\n {this.heading} <span>{this.subHeading}</span>\n </h1>\n <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n {this.hasCtaButtonSlot && (\n <div class=\"hero-international__content__cta\">\n <slot name=\"hero-international-cta\"></slot>\n </div>\n )}\n </div>\n\n {!this.centeredLayout && (\n <div class=\"hero-international__content__logo-col\">\n <div class=\"hero-international__content__logo-col__image\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n </svg>\n </div>\n </div>\n )}\n </div>\n\n {this.showSideLoader && !this.centeredLayout && (\n <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n <div class=\"shape\"></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-hero-block-international.entry.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,0vNAA0vN,CAAC;AAC/xN,uCAAe,2BAA2B;;MCK7B,wBAAwB;;;uBAGT,IAAI;0BACD,IAAI;wBACN,IAAI;2BACA,KAAK;8BACF,IAAI;8BACJ,KAAK;;;IAE/B,gBAAgB,GAAY,KAAK,CAAC;IAClC,iBAAiB,GAAY,KAAK,CAAC;IAE3C,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;KAC7F;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,+CAA+C,CAAC,CAAC;YAC9F,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;YAC/F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE9B,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACnC;YACD,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACxC;SACF;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,cAAc,GAAG,qCAAqC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,EAAE,EAAE,IAC5J,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,aAAa,IACtB,6DAAM,KAAK,EAAC,uCAAuC,oBAAqB,EACxE,2DAAI,KAAK,EAAC,sCAAsC,IAC7C,IAAI,CAAC,OAAO,OAAE,+DAAO,IAAI,CAAC,UAAU,CAAQ,CAC1C,EACL,0DAAG,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,QAAQ,CAAK,EAEnE,IAAI,CAAC,gBAAgB,KACpB,4DAAK,KAAK,EAAC,kCAAkC,IAC3C,6DAAM,IAAI,EAAC,wBAAwB,GAAQ,CACvC,CACP,CACG,EAEL,CAAC,IAAI,CAAC,cAAc,KACnB,4DAAK,KAAK,EAAC,uCAAuC,IAChD,4DAAK,KAAK,EAAC,8CAA8C,IACvD,4DAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,IAC3D,+DAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjD,+DAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjD,6DAAM,KAAK,EAAC,OAAO,EAAC,CAAC,EAAC,qBAAqB,GAAE,EAC7C,6DAAM,CAAC,EAAC,koDAAkoD,EAAC,KAAK,EAAC,iBAAiB,GAAE,EACpqD,6DAAM,CAAC,EAAC,47DAA47D,EAAC,KAAK,EAAC,iBAAiB,GAAE,CAC19D,CACF,CACF,CACP,CACG,EAEL,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,KAC1C,4DAAK,KAAK,EAAE,mCAAmC,IAAI,CAAC,iBAAiB,GAAG,0CAA0C,GAAG,EAAE,EAAE,IACvH,4DAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACP,CACG,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n\npn-hero-block-international {\n width: 100%;\n}\n\n.hero-international {\n width: 100%;\n min-height: unset;\n position: relative;\n background: $blue900;\n display: flex;\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 44rem;\n }\n\n .hero-international__content {\n width: 100%;\n margin-bottom: 1.6rem;\n overflow-x: hidden;\n\n @media screen and (min-width: $min-width-xxl) {\n display: grid;\n grid-template-columns: 1fr $max-width-xxl 1fr;\n }\n\n .flex-wrapper {\n @include inner-container;\n grid-column: 2 / 3;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-direction: row;\n height: 100%;\n justify-content: space-between;\n\n @media screen and (min-width: $min-width-xxl) {\n justify-content: unset;\n padding: 0;\n }\n\n .content-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 4rem 0 4rem 0;\n\n @media screen and (min-width: $min-width-md) {\n min-width: 60.2rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n min-width: 100.6rem;\n padding: 5rem 2rem 5rem 0;\n }\n }\n\n .hero-international__content__site-tag {\n display: block;\n color: $blue400;\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n font-size: 1.8rem\n }\n\n @media screen and (min-width: $min-width-xxl) {\n display: none;\n }\n }\n\n .hero-international__content__heading {\n color: $blue400;\n font-size: 3.2rem;\n font-weight: 500;\n line-height: 1.12;\n font-smooth: never;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n margin-bottom: 1rem;\n\n span {\n margin-top: -0.3rem;\n display: block;\n color: white;\n font-weight: 700;\n }\n\n @media screen and (min-width: $min-width-md) {\n font-size: 4rem;\n }\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n margin-bottom: 1.6rem;\n }\n }\n\n .hero-international__content__preamble {\n color: white;\n margin-bottom: 0;\n font-weight: 500;\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n font-size: 1.8rem\n }\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem\n }\n }\n\n .hero-international__content__cta {\n margin-top: 2.4rem;\n\n @media screen and (min-width: $min-width-xxl) {\n margin-top: 3.2rem;\n }\n }\n\n .hero-international__content__logo-col {\n max-width: 60rem;\n display: none;\n\n @media screen and (min-width: $min-width-xxl) {\n max-width: unset;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n }\n\n .hero-international__content__logo-col__image {\n height: 32rem;\n\n svg {\n height: 100%;\n\n .cls-1 {\n fill:#083a67;\n stroke-width:0;\n }\n .svg-path-style1 {\n fill:#00a0d6;\n stroke-width:0;\n }\n .svg-path-style2 {\n fill:#fff;\n stroke-width:0;\n }\n }\n }\n }\n }\n }\n\n .hero-international__side-loader {\n grid-column: 3 / -1;\n display: none;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid transparent;\n padding-left: 8.8rem;\n\n @media screen and (min-width: $min-width-xxl) {\n display: flex;\n }\n\n .shape {\n background-color: $internationalAlternativeBlue;\n height: 32rem;\n }\n }\n\n .hero-international__side-loader--animate {\n transition: transform $animationTransitionTime ease-out;\n transform: translateX(100%);\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n\n.hero-international.hero-international--centered-layout {\n .hero-international__content .flex-wrapper {\n .hero-international__content__site-tag {\n display: block;\n }\n }\n\n .hero-international__content .flex-wrapper .content-col {\n @media screen and (min-width: $min-width-xl) {\n width: 100%;\n display: flex;\n align-items: center;\n padding-right: 0;\n }\n }\n\n .hero-international__content__heading {\n @media screen and (min-width: $min-width-xl) {\n text-align: center;\n }\n }\n}\n\n.hero-international.hero-international--animate {\n .hero-international__content__logo-col__image {\n transform: translateX(100%);\n transition: transform $animationTransitionTime - 0.3 ease-out;\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-hero-block-international',\n styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() subHeading: string = null;\n @Prop() preamble: string = null;\n @Prop() animateLogo: boolean = false;\n @Prop() showSideLoader: boolean = true;\n @Prop() centeredLayout: boolean = false;\n\n private hasCtaButtonSlot: boolean = false;\n private animateSideloader: boolean = false;\n\n async componentWillLoad() {\n this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n }\n\n componentDidLoad() {\n if (this.animateLogo) {\n const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n this.animateSideloader = true;\n\n if (image) {\n image.classList.add('animate-in');\n }\n if (sideLoader) {\n sideLoader.classList.add('animate-in');\n }\n }\n }\n\n render() {\n return (\n <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n <div class=\"hero-international__content\">\n <div class=\"flex-wrapper\">\n <div class=\"content-col\">\n <span class=\"hero-international__content__site-tag\">International</span>\n <h1 class=\"hero-international__content__heading\">\n {this.heading} <span>{this.subHeading}</span>\n </h1>\n <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n {this.hasCtaButtonSlot && (\n <div class=\"hero-international__content__cta\">\n <slot name=\"hero-international-cta\"></slot>\n </div>\n )}\n </div>\n\n {!this.centeredLayout && (\n <div class=\"hero-international__content__logo-col\">\n <div class=\"hero-international__content__logo-col__image\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n </svg>\n </div>\n </div>\n )}\n </div>\n\n {this.showSideLoader && !this.centeredLayout && (\n <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n <div class=\"shape\"></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-language-selector_9.entry.js CHANGED Viewed

@@ -1,17 +1,15 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-51d67461.js';
-import { s as state$1, o as onChange$1 } from './pn-mainnav-store-9c42bc66.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c311acd6.js';
+import { s as state$1, o as onChange$1 } from './pn-mainnav-store-23387019.js';
 import { b as bars } from './bars-1ff76ce4.js';
+import { c as close } from './close-9e7bd787.js';
 import { a as arrow_left } from './arrow_left-2c8d8857.js';
-import { s as state$2 } from './pn-marketweb-siteheader-store-91f74255.js';
-import { c as createStore } from './index-89124075.js';
+import { s as state$2 } from './pn-marketweb-siteheader-store-f60eb1e4.js';
+import { c as createStore } from './index-ae60ebec.js';
 import { s as search } from './search-36631e55.js';
 import { a as angle_small_down } from './angle_small_down-55a4ab4b.js';
-const icon$3 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';
-const angle_small_right = icon$3;
-const icon$2 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';
-const close = icon$2;
+const icon$2 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';
+const angle_small_right = icon$2;
 const icon$1 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.252 10A8 8 0 0 0 4 12c0 .69.088 1.36.252 2h3.166a13.8 13.8 0 0 1 0-4zm.818-2h2.795a13.6 13.6 0 0 1 1.719-3.629A8.02 8.02 0 0 0 5.07 8M12 4.48A11.7 11.7 0 0 0 9.972 8h4.056A11.7 11.7 0 0 0 12 4.48M14.557 10H9.443a11.8 11.8 0 0 0 0 4h5.114a11.8 11.8 0 0 0 0-4m2.025 4a13.8 13.8 0 0 0 0-4h3.166c.165.64.252 1.31.252 2s-.087 1.36-.252 2zm-2.554 2H9.972A11.7 11.7 0 0 0 12 19.52 11.7 11.7 0 0 0 14.028 16m-4.444 3.629A13.6 13.6 0 0 1 7.864 16H5.07a8.02 8.02 0 0 0 4.514 3.629m4.832 0A13.6 13.6 0 0 0 16.136 16h2.794a8.02 8.02 0 0 1-4.514 3.629M18.93 8h-2.795a13.6 13.6 0 0 0-1.719-3.629A8.02 8.02 0 0 1 18.93 8M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/></svg>';
 const globe = icon$1;
@@ -67,7 +65,7 @@ const translations$1 = {
     },
 };
-const pnLanguageSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-language-selector{max-height:5.2rem}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#ffffff;color:#005d92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0d234b;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:flex;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";
+const pnLanguageSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-language-selector{max-height:5.2rem}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#ffffff;color:#005d92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0d234b;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:flex;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";
 const PnLanguageSelectorStyle0 = pnLanguageSelectorCss;
 const PnlanguageSelector = class {
@@ -151,7 +149,7 @@ const PnlanguageSelector = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f91e9ba30c8927915229c61c1ba43f598f1dafdb', value: this.value }, h("pn-button-dropdown", { key: '97cbfbd22d92977dd9bddf0927d45ccfd27dff06', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless" }, h("div", { key: '4563758488a5db6ac9d14fefc1581638385874fa', class: "languageselector-nav", "aria-label": this.i18n.heading }, h("strong", { key: 'f81995ae5607fae035177b9c342de30230d9c3ac', class: "languageselector-title" }, this.i18n.heading), h("div", { key: 'ae2d0dc93918a3a2817c5848ae2bb2b90fb72736', class: "languageselector-list", role: "list" }, h("slot", { key: 'da75dde68e3c72cab5161e745555df47d39374fc' }))))));
+        return (h(Host, { key: '51c58ba4d9b206480d1439d4dd9fcf12803e299d', value: this.value }, h("pn-button-dropdown", { key: '2dffb2112ec6a67af450c1e3471fbe6f1183b1ad', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless" }, h("div", { key: '40f9c5ea57162c02d64d12249eabd96184d6d506', class: "languageselector-nav", "aria-label": this.i18n.heading }, h("strong", { key: '5c8ea21f8fa63c88e65fb64a1de4b9958c6f498f', class: "languageselector-title" }, this.i18n.heading), h("div", { key: '8308aa54e0201a82ec522e8a55c79aae253ca0d4', class: "languageselector-list", role: "list" }, h("slot", { key: 'ec1c726288ca9098f270ab743e716ef75cdeee47' }))))));
     }
     static get watchers() { return {
         "value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]
@@ -159,7 +157,7 @@ const PnlanguageSelector = class {
 };
 PnlanguageSelector.style = PnLanguageSelectorStyle0;
-const pnLanguageSelectorOptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:flex;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#ffffff;color:#005d92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0d234b;text-decoration:underline;box-shadow:none;background-color:#f3f2f2;color:#005d92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005d92}.languageselector-radio-inner{transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{transform:scale(1)}";
+const pnLanguageSelectorOptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:flex;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#ffffff;color:#005d92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0d234b;text-decoration:underline;box-shadow:none;background-color:#f3f2f2;color:#005d92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005d92}.languageselector-radio-inner{transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{transform:scale(1)}";
 const PnLanguageSelectorOptionStyle0 = pnLanguageSelectorOptionCss;
 const PnlanguageSelectorOption = class {
@@ -189,7 +187,7 @@ const PnlanguageSelectorOption = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ae250a767da3c3d1abcc4ff296f3873357431ce1', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
+        return (h(Host, { key: 'f24941e75c88762e6e8830663ab344efca028dc7', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
     }
 };
 PnlanguageSelectorOption.style = PnLanguageSelectorOptionStyle0;
@@ -281,7 +279,7 @@ const translations = {
     },
 };
-const pnMainnavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav{display:flex;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#ffffff;z-index:2;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;display:flex;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;justify-content:space-between;visibility:visible;transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:flex;align-items:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:flex;align-items:center;background-color:#005d92;color:#ffffff;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";
+const pnMainnavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav{display:flex;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#ffffff;z-index:2;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;display:flex;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;justify-content:space-between;visibility:visible;transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:flex;align-items:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:flex;align-items:center;background-color:#005d92;color:#ffffff;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";
 const PnMainnavStyle0 = pnMainnavCss;
 const PnMainnav = class {
@@ -337,12 +335,12 @@ const PnMainnav = class {
         state$1.openLevel = event.detail;
     }
     render() {
-        return (h(Host, { key: 'd13a34a381811841b527a53ec77262cf82a6ce10' }, h("div", { key: '0569818e4e00f5c61acf668d1cd645dd7ab33502', class: "mainnav-toggle" }, h("button", { key: 'a36870ae996e7e9b628ffb935315c2b19a01e193', "aria-controls": this.navigationId, "aria-expanded": state$1.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, state$1.i18n.mainMenuButton, h("pn-icon", { key: 'f6a892f4e8f98ca072ade0b4524589f928b7af07', icon: state$1.openMenu ? close : bars, color: "white" }))), h("nav", { key: 'e5abd03d559e380c3fedfb71510c64636d5f9e3e', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": state$1.openMenu + '', "data-menu-currentlevel": state$1.currentLevel, id: this.navigationId }, h("slot", { key: 'c61c5e8d90097376256093317ace4619b86821ce' }))));
+        return (h(Host, { key: 'ee45da2d53216a4ce04f5937aa08199ec380b773' }, h("div", { key: '85c581ccf03871ec5f23212732355781797ce243', class: "mainnav-toggle" }, h("button", { key: '52bbbab0a0fba35918944a8fe76779e893446a7f', "aria-controls": this.navigationId, "aria-expanded": state$1.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, state$1.i18n.mainMenuButton, h("pn-icon", { key: 'c1db0acf25dc7a53a091c6e88afeaaea15988b4f', icon: state$1.openMenu ? close : bars, color: "white" }))), h("nav", { key: '11be92d4e831c3f72e7a0e2156b15feec27d4d48', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": state$1.openMenu + '', "data-menu-currentlevel": state$1.currentLevel, id: this.navigationId }, h("slot", { key: 'c4e51df22db53a7789bcf7fb0d986aea3bdb1757' }))));
     }
 };
 PnMainnav.style = PnMainnavStyle0;
-const pnMainnavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#ffffff;z-index:1;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005d92;text-decoration:none}pn-mainnav-level [slot=top]{display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005d92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
+const pnMainnavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#ffffff;z-index:1;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005d92;text-decoration:none}pn-mainnav-level [slot=top]{display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005d92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
 const PnMainnavLevelStyle0 = pnMainnavLevelCss;
 const PnMainnavLevel = class {
@@ -413,10 +411,10 @@ const PnMainnavLevel = class {
         state$1.currentLevel = this.level;
     }
     render() {
-        return (h(Host, { key: '958273aebbba919ab0d6ee0433e52458e8f02154', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state$1.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
+        return (h(Host, { key: '9180729eeb1dcc992e511bd17d22e10ed4b199c4', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state$1.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
                 state$1.openLevel = '';
                 state$1.currentLevel = 1;
-            }, "aria-expanded": (state$1.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state$1.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '735b57f1186701a77f96afdef6fb764c9a340047', name: "top" }), h("slot", { key: '9c3a1c428914201857e0f18400338c16cd7c6735' }), h("slot", { key: '216b4e06d42804bbfa299d6793ee321435eeb804', name: "additional" }), h("slot", { key: '09bae4c5d31896ede61403fef0488688330c6cd1', name: "footer" })));
+            }, "aria-expanded": (state$1.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state$1.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '36c7b3d76ed1a3fcbaa70309d0cf08c1fcc3127e', name: "top" }), h("slot", { key: '23bddc8fbbad8faa5543953305685f37b85f64d4' }), h("slot", { key: '7e7072650fe7e5634281fcd4669c776deb99870b', name: "additional" }), h("slot", { key: 'c309dc0f87c9ba0c24d4d1948fdc72ad5097eca1', name: "footer" })));
     }
     static get watchers() { return {
         "label": ["setState"],
@@ -425,7 +423,7 @@ const PnMainnavLevel = class {
 };
 PnMainnavLevel.style = PnMainnavLevelStyle0;
-const pnMainnavListCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #d3cecb;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level=\"1\"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level=\"1\"]>pn-mainnav-list{height:100%;display:flex;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level=\"2\"]>pn-mainnav-list[data-navlist-showcolumns=true]{column-count:2;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}";
+const pnMainnavListCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #d3cecb;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level=\"1\"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level=\"1\"]>pn-mainnav-list{height:100%;display:flex;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level=\"2\"]>pn-mainnav-list[data-navlist-showcolumns=true]{column-count:2;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}";
 const PnMainnavListStyle0 = pnMainnavListCss;
 const PnMainnavList = class {
@@ -439,7 +437,7 @@ const PnMainnavList = class {
         this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
     }
     render() {
-        return (h(Host, { key: '879e1e8fa18e238e5010c45aa05c8f2649a0418d', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? h("div", { class: "mainnav-list-heading" }, this.heading) : null, h("slot", { key: 'b33603caf23e90392b7a36bf5202d6e2fff5c42b' })));
+        return (h(Host, { key: 'aa63141134ae55bb2515c87a77d8e2dd24a256b7', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? h("div", { class: "mainnav-list-heading" }, this.heading) : null, h("slot", { key: 'db466e8987218b183d39fbd64fb9936545c3015a' })));
     }
 };
 PnMainnavList.style = PnMainnavListStyle0;
@@ -808,7 +806,7 @@ class MarketWebLoginManager {
     };
 }
-const pnMarketwebSiteheaderLoginCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}";
+const pnMarketwebSiteheaderLoginCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}";
 const PnMarketwebSiteheaderLoginStyle0 = pnMarketwebSiteheaderLoginCss;
 const PnMarketwebSiteheaderLogin = class {
@@ -966,7 +964,7 @@ const PnMarketwebSiteheaderLogin = class {
             hostElementAttribute.username = this.username;
             hostElementAttribute.loggedin = this.loggedin + '';
         }
-        return (h(Host, { ...hostElementAttribute }, h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton, useMarketwebLogin: this.useMarketwebLogin, environment: this.environment })), this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && this.loginDialog?.loginInfo && (h("span", { innerHTML: `${this.loginDialog.loginInfo}` })))));
+        return (h(Host, { ...hostElementAttribute }, h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && !this.loggedin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, logInLabel: this.i18n.unifiedLoginButton, useMarketwebLogin: this.useMarketwebLogin, environment: this.environment })), this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && this.loginDialog?.loginInfo && (h("span", { innerHTML: `${this.loginDialog.loginInfo}` })))));
     }
     static get watchers() { return {
         "i18n": ["init"],
@@ -982,7 +980,7 @@ const { state, onChange } = createStore({
     requestAbortController: new AbortController(),
 });
-const pnMarketwebSiteheaderSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#ffffff}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{align-self:center;padding:0;height:2.3em;width:2.4em;line-height:0;min-height:unset;min-width:initial}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search pn-search-field.button-icon pn-button .pn-button-tooltip,.siteheader-search pn-button .pn-button-tooltip{line-height:initial !important}.siteheader-search form{justify-content:flex-end;align-items:stretch;width:auto;flex:none;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
+const pnMarketwebSiteheaderSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#ffffff}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{align-self:center;padding:0;height:2.3em;width:2.4em;line-height:0;min-height:unset;min-width:initial}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search pn-search-field.button-icon pn-button .pn-button-tooltip,.siteheader-search pn-button .pn-button-tooltip{line-height:initial !important}.siteheader-search form{justify-content:flex-end;align-items:stretch;width:auto;flex:none;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
 const PnMarketwebSiteheaderSearchStyle0 = pnMarketwebSiteheaderSearchCss;
 const PnMarketwebSiteheaderSearch = class {
@@ -1098,7 +1096,7 @@ const languageData = {
   },
 };
-const pnSiteSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-selector{display:flex;position:relative;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:flex;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";
+const pnSiteSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-site-selector{display:flex;position:relative;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:flex;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";
 const PnSiteSelectorStyle0 = pnSiteSelectorCss;
 const PnSiteSelector = class {
@@ -1119,12 +1117,12 @@ const PnSiteSelector = class {
         }
     }
     render() {
-        return (h(Host, { key: '92b83d54a7290f46eeb4901af54f301d9c4eb311' }, h("pn-button-dropdown", { key: 'd669b1a641ea99aded2aa26c15bf77fc1367967e', label: this.buttontext, icon: angle_small_down, appearance: "light", variant: "borderless" }, h("div", { key: '58cc511845706c56967bf938619e12316a8cc23a', class: "siteselector-nav", "aria-label": this.i18n.navlabel }, this.heading ? h("strong", { class: "siteselector-heading" }, this.heading) : null, h("div", { key: '537f0dd923d73cf495202c3d2b8f5a768bc40c30', role: "menu", class: "siteselector-list" }, h("slot", { key: '0e83af255ea3867ea828cc2046876bc57bf2a341' }))))));
+        return (h(Host, { key: 'ac59e2962f921acb6e7439517a5344992c33d539' }, h("pn-button-dropdown", { key: '884bffb7024ff896652e9c0df04127b77c12be56', label: this.buttontext, icon: angle_small_down, appearance: "light", variant: "borderless" }, h("div", { key: '2d6cd4f4d959a3fce5c6c6131ddd3c18f4824320', class: "siteselector-nav", "aria-label": this.i18n.navlabel }, this.heading ? h("strong", { class: "siteselector-heading" }, this.heading) : null, h("div", { key: '9a0f90ac531974293f687830e35fe3b61eb51cde', role: "menu", class: "siteselector-list" }, h("slot", { key: 'e7c49e2ceaa9c59559b7e43eee5ec0572ec3f8c0' }))))));
     }
 };
 PnSiteSelector.style = PnSiteSelectorStyle0;
-const pnSiteSelectorItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:flex;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005d92;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none;box-shadow:none}.siteselector-item-link:active{background-color:#f3f2f2;color:#00a0d6;outline:none}.siteselector-item-link>span{flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2d2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#f3f2f2;color:#00a0d6;outline:none}";
+const pnSiteSelectorItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:flex;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005d92;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none;box-shadow:none}.siteselector-item-link:active{background-color:#f3f2f2;color:#00a0d6;outline:none}.siteselector-item-link>span{flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2d2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#f3f2f2;color:#00a0d6;outline:none}";
 const PnSiteSelectorItemStyle0 = pnSiteSelectorItemCss;
 const PnSiteSelectorItem = class {
@@ -1136,7 +1134,7 @@ const PnSiteSelectorItem = class {
         this.newwindow = false;
     }
     render() {
-        return (h(Host, { key: '7b6e6a7c528dbfd2d6278f217c22df982cc48158', role: "menuitem" }, this.url ? (h("a", { class: "siteselector-item-link", href: this.url, target: this.newwindow ? '_blank' : 'self', rel: this.newwindow ? 'nofollow noopener' : '' }, h("span", null, this.heading && h("span", { class: "siteselector-item-title" }, this.heading), this.description && h("small", { class: "siteselector-item-description" }, this.description)), h("pn-icon", { icon: angle_small_right, color: "blue700" }))) : (h("div", null, this.heading && h("span", { class: "siteselector-item-title" }, this.heading), this.description && h("small", { class: "siteselector-item-description" }, this.description)))));
+        return (h(Host, { key: '3ab9a70de23a30212fe3c69f1b7ea043679de7bf', role: "menuitem" }, this.url ? (h("a", { class: "siteselector-item-link", href: this.url, target: this.newwindow ? '_blank' : 'self', rel: this.newwindow ? 'nofollow noopener' : '' }, h("span", null, this.heading && h("span", { class: "siteselector-item-title" }, this.heading), this.description && h("small", { class: "siteselector-item-description" }, this.description)), h("pn-icon", { icon: angle_small_right, color: "blue700" }))) : (h("div", null, this.heading && h("span", { class: "siteselector-item-title" }, this.heading), this.description && h("small", { class: "siteselector-item-description" }, this.description)))));
     }
 };
 PnSiteSelectorItem.style = PnSiteSelectorItemStyle0;