@postnord/pn-marketweb-components 4.2.5 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/header-theme-a250bf67.js +245 -0
- package/cjs/header-theme-a250bf67.js.map +1 -0
- package/cjs/index-9a9efa1c.js +24 -16
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-app-banner.cjs.entry.js +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js +1 -1
- package/cjs/pn-chat-message_2.cjs.entry.js +2 -2
- package/cjs/pn-chat.cjs.entry.js +2 -2
- package/cjs/pn-customernumber-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-customernumber-selector.cjs.entry.js +1 -1
- package/cjs/pn-find-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-price.cjs.entry.js +2 -2
- package/cjs/pn-find-service-and-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-service-and-price.cjs.entry.js +1 -1
- package/cjs/pn-hero-block-international.cjs.entry.js +1 -1
- package/cjs/pn-language-selector_13.cjs.entry.js +1519 -0
- package/cjs/pn-language-selector_13.cjs.entry.js.map +1 -0
- package/cjs/pn-level-up-modal.cjs.entry.js +1 -1
- package/cjs/pn-level-up.cjs.entry.js +2 -2
- package/cjs/pn-link-list.cjs.entry.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-header-main-row_2.cjs.entry.js +222 -0
- package/cjs/pn-marketweb-header-main-row_2.cjs.entry.js.map +1 -0
- package/cjs/pn-marketweb-header-skeleton-loader.cjs.entry.js +23 -0
- package/cjs/pn-marketweb-header-skeleton-loader.cjs.entry.js.map +1 -0
- package/cjs/pn-marketweb-header-toggle.cjs.entry.js +46 -0
- package/cjs/pn-marketweb-header-toggle.cjs.entry.js.map +1 -0
- package/cjs/pn-marketweb-header.cjs.entry.js +1043 -0
- package/cjs/pn-marketweb-header.cjs.entry.js.map +1 -0
- package/cjs/pn-marketweb-icon.cjs.entry.js +1 -1
- package/cjs/{pn-marketweb-siteheader-login-linklist.cjs.entry.js → pn-marketweb-siteheader-login-button_2.cjs.entry.js} +44 -2
- package/cjs/pn-marketweb-siteheader-login-button_2.cjs.entry.js.map +1 -0
- package/cjs/pn-marketweb-siteheader-login-mypage-button.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +7 -199
- package/cjs/pn-marketweb-siteheader.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-table.cjs.entry.js +1 -1
- package/cjs/pn-media-block.cjs.entry.js +1 -1
- package/cjs/pn-pex-pricefinder.cjs.entry.js +1 -1
- package/cjs/pn-product-card_3.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist-result.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist.cjs.entry.js +2 -2
- package/cjs/pn-product-tile-info_2.cjs.entry.js +1 -1
- package/cjs/pn-product-tile.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-customernumber.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-profile.cjs.entry.js +2 -2
- package/cjs/pn-profile-modal-type.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice-result.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice.cjs.entry.js +3 -3
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +1 -1
- package/cjs/pn-proxio-productcard_4.cjs.entry.js +3 -3
- package/cjs/pn-qr-code-generator.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-level.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-link.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-togglebutton.cjs.entry.js +1 -1
- package/cjs/pn-sidenav.cjs.entry.js +1 -1
- package/cjs/pn-site-footer_3.cjs.entry.js +3 -3
- package/cjs/pn-titletag.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/cjs/translations-9510f11c.js +198 -0
- package/cjs/translations-9510f11c.js.map +1 -0
- package/collection/collection-manifest.json +5 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.css +204 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.js +658 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-skeleton-loader.css +217 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-skeleton-loader.js +20 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-skeleton-loader.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.css +115 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.js +520 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.js +37 -0
- package/collection/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/mapper/pn-marketweb-header.mapper.js +109 -0
- package/collection/components/layout-components/pn-marketweb-header/mapper/pn-marketweb-header.mapper.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.css +225 -0
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.js +916 -0
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.stories.js +638 -0
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.stories.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/services/pn-marketweb-header.service.js +180 -0
- package/collection/components/layout-components/pn-marketweb-header/services/pn-marketweb-header.service.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.js +2 -0
- package/collection/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-i18n.js +37 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-i18n.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-language.js +46 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-language.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-menu.js +36 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-menu.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-theme.js +48 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-theme.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.js +101 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.storage.js +63 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.storage.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-url.js +91 -0
- package/collection/components/layout-components/pn-marketweb-header/utils/header-url.js.map +1 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css +34 -12
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.css +36 -15
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.css +27 -13
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js +29 -4
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +4 -4
- package/collection/components/media/pn-media-block/pn-media-block.js +1 -1
- package/collection/components/minor/pn-app-banner/pn-app-banner.js +1 -1
- package/collection/components/minor/pn-marketweb-icon/pn-marketweb-icon.js +1 -1
- package/collection/components/minor/pn-swan/pn-swan.js +1 -1
- package/collection/components/minor/pn-titletag/pn-titletag.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.css +25 -12
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector.css +17 -5
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +22 -3
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js.map +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.css +37 -17
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +2 -2
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.css +81 -33
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.css +12 -2
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav.css +35 -22
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js +1 -1
- package/collection/components/navigation/pn-marketweb-header-toggle/pn-marketweb-header-toggle.css +80 -0
- package/collection/components/navigation/pn-marketweb-header-toggle/pn-marketweb-header-toggle.js +147 -0
- package/collection/components/navigation/pn-marketweb-header-toggle/pn-marketweb-header-toggle.js.map +1 -0
- package/collection/components/navigation/pn-sidenav/pn-sidenav-level.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-link.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer-col.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector-item.css +16 -12
- package/collection/components/navigation/pn-site-selector/pn-site-selector-item.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector.css +15 -0
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js +22 -3
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js.map +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-customernumber.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-profile.js +2 -2
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-type.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.js +1 -1
- package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat.js +2 -2
- package/collection/components/widgets/pn-find-price/pn-find-price-result.js +1 -1
- package/collection/components/widgets/pn-find-price/pn-find-price.js +2 -2
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.js +1 -1
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price.js +1 -1
- package/collection/components/widgets/pn-hero-block-international/pn-hero-block-international.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up.js +2 -2
- package/collection/components/widgets/pn-link-list/pn-link-list.js +1 -1
- package/collection/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.js +1 -1
- package/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.js +1 -1
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js +1 -1
- package/collection/components/widgets/pn-product-card/pn-product-card.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-result.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js +2 -2
- package/collection/components/widgets/pn-product-tile/pn-product-tile-info.js +1 -1
- package/collection/components/widgets/pn-product-tile/pn-product-tile.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js +3 -3
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js +1 -1
- package/collection/components/widgets/pn-qr-code-generator/pn-qr-code-generator.js +1 -1
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +1 -1
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.constants.js +105 -0
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.constants.js.map +1 -0
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.service.js +166 -0
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.service.js.map +1 -0
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.types.js +2 -0
- package/collection/services/pn-refined-marketweb-context/pn-refined-marketweb-context.types.js.map +1 -0
- package/components/pn-app-banner.js +1 -1
- package/components/pn-breakpoints.js +1 -1
- package/components/pn-chat-message2.js +1 -1
- package/components/pn-chat.js +2 -2
- package/components/pn-customernumber-selector-option.js +1 -1
- package/components/pn-customernumber-selector.js +1 -1
- package/components/pn-find-price-result2.js +1 -1
- package/components/pn-find-price.js +2 -2
- package/components/pn-find-service-and-price-result2.js +1 -1
- package/components/pn-find-service-and-price.js +1 -1
- package/components/pn-hero-block-international.js +1 -1
- package/components/pn-language-selector-option2.js +2 -2
- package/components/pn-language-selector-option2.js.map +1 -1
- package/components/pn-language-selector2.js +4 -2
- package/components/pn-language-selector2.js.map +1 -1
- package/components/pn-level-up-modal2.js +1 -1
- package/components/pn-level-up.js +2 -2
- package/components/pn-link-list.js +1 -1
- package/components/pn-mainnav-level2.js +3 -3
- package/components/pn-mainnav-level2.js.map +1 -1
- package/components/pn-mainnav-link2.js +2 -2
- package/components/pn-mainnav-link2.js.map +1 -1
- package/components/pn-mainnav-list2.js +2 -2
- package/components/pn-mainnav-list2.js.map +1 -1
- package/components/pn-mainnav2.js +2 -2
- package/components/pn-mainnav2.js.map +1 -1
- package/components/pn-marketweb-carousel2.js +1 -1
- package/components/pn-marketweb-header-main-row.d.ts +11 -0
- package/components/pn-marketweb-header-main-row.js +8 -0
- package/components/pn-marketweb-header-main-row.js.map +1 -0
- package/components/pn-marketweb-header-main-row2.js +281 -0
- package/components/pn-marketweb-header-main-row2.js.map +1 -0
- package/components/pn-marketweb-header-shared.js +192 -0
- package/components/pn-marketweb-header-shared.js.map +1 -0
- package/components/pn-marketweb-header-skeleton-loader.d.ts +11 -0
- package/components/pn-marketweb-header-skeleton-loader.js +37 -0
- package/components/pn-marketweb-header-skeleton-loader.js.map +1 -0
- package/components/pn-marketweb-header-toggle.d.ts +11 -0
- package/components/pn-marketweb-header-toggle.js +8 -0
- package/components/pn-marketweb-header-toggle.js.map +1 -0
- package/components/pn-marketweb-header-toggle2.js +61 -0
- package/components/pn-marketweb-header-toggle2.js.map +1 -0
- package/components/pn-marketweb-header-top-row.d.ts +11 -0
- package/components/pn-marketweb-header-top-row.js +8 -0
- package/components/pn-marketweb-header-top-row.js.map +1 -0
- package/components/pn-marketweb-header-top-row2.js +238 -0
- package/components/pn-marketweb-header-top-row2.js.map +1 -0
- package/components/pn-marketweb-header.d.ts +11 -0
- package/components/pn-marketweb-header.js +1206 -0
- package/components/pn-marketweb-header.js.map +1 -0
- package/components/pn-marketweb-icon.js +1 -1
- package/components/pn-marketweb-siteheader-login-button2.js +1 -1
- package/components/pn-marketweb-siteheader-login-linklist2.js +1 -1
- package/components/pn-marketweb-siteheader-login-linklist2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/components/pn-marketweb-siteheader-login-profileselection2.js +1 -1
- package/components/pn-marketweb-siteheader-login-profileselection2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login2.js +4 -2
- package/components/pn-marketweb-siteheader-login2.js.map +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js +1 -1
- package/components/pn-marketweb-siteheader.js +5 -197
- package/components/pn-marketweb-siteheader.js.map +1 -1
- package/components/pn-marketweb-table.js +1 -1
- package/components/pn-media-block.js +1 -1
- package/components/pn-pex-pricefinder.js +1 -1
- package/components/pn-product-card2.js +1 -1
- package/components/pn-product-pricelist-result.js +1 -1
- package/components/pn-product-pricelist.js +2 -2
- package/components/pn-product-tile-info2.js +1 -1
- package/components/pn-product-tile.js +1 -1
- package/components/pn-profile-modal-customernumber.js +1 -1
- package/components/pn-profile-modal-profile.js +2 -2
- package/components/pn-profile-modal-type.js +1 -1
- package/components/pn-profile-modal.js +1 -1
- package/components/pn-profile-selector-option.js +1 -1
- package/components/pn-profile-selector.js +1 -1
- package/components/pn-proxio-findprice-result2.js +2 -2
- package/components/pn-proxio-findprice.js +3 -3
- package/components/pn-proxio-pricegroup.js +2 -2
- package/components/pn-proxio-productcard-description2.js +1 -1
- package/components/pn-proxio-productcard-information2.js +1 -1
- package/components/pn-proxio-productcard2.js +1 -1
- package/components/pn-qr-code-generator2.js +1 -1
- package/components/pn-sidenav-level.js +1 -1
- package/components/pn-sidenav-link.js +1 -1
- package/components/pn-sidenav-togglebutton.js +1 -1
- package/components/pn-sidenav.js +1 -1
- package/components/pn-site-footer-col2.js +1 -1
- package/components/pn-site-footer2.js +1 -1
- package/components/pn-site-selector-item2.js +2 -2
- package/components/pn-site-selector-item2.js.map +1 -1
- package/components/pn-site-selector2.js +4 -2
- package/components/pn-site-selector2.js.map +1 -1
- package/components/pn-swan2.js +1 -1
- package/components/pn-titletag2.js +1 -1
- package/components/pn-usp-promoter.js +1 -1
- package/components/translations.js +189 -14
- package/components/translations.js.map +1 -1
- package/components/translations2.js +21 -0
- package/components/translations2.js.map +1 -0
- package/esm/header-theme-d09b64c7.js +234 -0
- package/esm/header-theme-d09b64c7.js.map +1 -0
- package/esm/index-c0a4d8bd.js +24 -16
- package/esm/loader.js +1 -1
- package/esm/pn-app-banner.entry.js +1 -1
- package/esm/pn-breakpoints.entry.js +1 -1
- package/esm/pn-chat-message_2.entry.js +2 -2
- package/esm/pn-chat.entry.js +2 -2
- package/esm/pn-customernumber-selector-option.entry.js +1 -1
- package/esm/pn-customernumber-selector.entry.js +1 -1
- package/esm/pn-find-price-result.entry.js +1 -1
- package/esm/pn-find-price.entry.js +2 -2
- package/esm/pn-find-service-and-price-result.entry.js +1 -1
- package/esm/pn-find-service-and-price.entry.js +1 -1
- package/esm/pn-hero-block-international.entry.js +1 -1
- package/esm/{pn-language-selector_9.entry.js → pn-language-selector_13.entry.js} +381 -22
- package/esm/pn-language-selector_13.entry.js.map +1 -0
- package/esm/pn-level-up-modal.entry.js +1 -1
- package/esm/pn-level-up.entry.js +2 -2
- package/esm/pn-link-list.entry.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-header-main-row_2.entry.js +217 -0
- package/esm/pn-marketweb-header-main-row_2.entry.js.map +1 -0
- package/esm/pn-marketweb-header-skeleton-loader.entry.js +19 -0
- package/esm/pn-marketweb-header-skeleton-loader.entry.js.map +1 -0
- package/esm/pn-marketweb-header-toggle.entry.js +42 -0
- package/esm/pn-marketweb-header-toggle.entry.js.map +1 -0
- package/esm/pn-marketweb-header.entry.js +1039 -0
- package/esm/pn-marketweb-header.entry.js.map +1 -0
- package/esm/pn-marketweb-icon.entry.js +1 -1
- package/esm/{pn-marketweb-siteheader-login-linklist.entry.js → pn-marketweb-siteheader-login-button_2.entry.js} +44 -3
- package/esm/pn-marketweb-siteheader-login-button_2.entry.js.map +1 -0
- package/esm/pn-marketweb-siteheader-login-mypage-button.entry.js +1 -1
- package/esm/pn-marketweb-siteheader.entry.js +5 -197
- package/esm/pn-marketweb-siteheader.entry.js.map +1 -1
- package/esm/pn-marketweb-table.entry.js +1 -1
- package/esm/pn-media-block.entry.js +1 -1
- package/esm/pn-pex-pricefinder.entry.js +1 -1
- package/esm/pn-product-card_3.entry.js +1 -1
- package/esm/pn-product-pricelist-result.entry.js +1 -1
- package/esm/pn-product-pricelist.entry.js +2 -2
- package/esm/pn-product-tile-info_2.entry.js +1 -1
- package/esm/pn-product-tile.entry.js +1 -1
- package/esm/pn-profile-modal-customernumber.entry.js +1 -1
- package/esm/pn-profile-modal-profile.entry.js +2 -2
- package/esm/pn-profile-modal-type.entry.js +1 -1
- package/esm/pn-profile-modal.entry.js +1 -1
- package/esm/pn-profile-selector-option.entry.js +1 -1
- package/esm/pn-profile-selector.entry.js +1 -1
- package/esm/pn-proxio-findprice-result.entry.js +1 -1
- package/esm/pn-proxio-findprice.entry.js +3 -3
- package/esm/pn-proxio-pricegroup.entry.js +1 -1
- package/esm/pn-proxio-productcard_4.entry.js +3 -3
- package/esm/pn-qr-code-generator.entry.js +1 -1
- package/esm/pn-sidenav-level.entry.js +1 -1
- package/esm/pn-sidenav-link.entry.js +1 -1
- package/esm/pn-sidenav-togglebutton.entry.js +1 -1
- package/esm/pn-sidenav.entry.js +1 -1
- package/esm/pn-site-footer_3.entry.js +3 -3
- package/esm/pn-titletag.entry.js +1 -1
- package/esm/pn-usp-promoter.entry.js +1 -1
- package/esm/translations-d2f5804e.js +196 -0
- package/esm/translations-d2f5804e.js.map +1 -0
- package/package.json +13 -6
- package/pn-market-web-components/{p-4a164ef8.entry.js → p-03728b0b.entry.js} +2 -2
- package/pn-market-web-components/p-04f51418.js +2 -0
- package/pn-market-web-components/p-04f51418.js.map +1 -0
- package/pn-market-web-components/{p-e43a36e0.entry.js → p-067c1c2f.entry.js} +2 -2
- package/pn-market-web-components/{p-2616cdc1.entry.js → p-191c8cfc.entry.js} +2 -2
- package/pn-market-web-components/{p-ca003c1f.entry.js → p-1a91c313.entry.js} +2 -2
- package/pn-market-web-components/{p-ab1e3dc2.entry.js → p-1f8304be.entry.js} +2 -2
- package/pn-market-web-components/{p-a3f601cb.entry.js → p-24ffac0a.entry.js} +2 -2
- package/pn-market-web-components/p-3239c36b.entry.js +2 -0
- package/pn-market-web-components/p-3239c36b.entry.js.map +1 -0
- package/pn-market-web-components/{p-12cafd55.entry.js → p-3aa74418.entry.js} +2 -2
- package/pn-market-web-components/p-3d27faee.entry.js +2 -0
- package/pn-market-web-components/{p-9d0ca27b.entry.js.map → p-3d27faee.entry.js.map} +1 -1
- package/pn-market-web-components/p-3e25f431.entry.js +2 -0
- package/pn-market-web-components/p-3e25f431.entry.js.map +1 -0
- package/pn-market-web-components/{p-64f6691d.entry.js → p-42da7c5f.entry.js} +2 -2
- package/pn-market-web-components/{p-f0d423d0.entry.js → p-43748ca2.entry.js} +2 -2
- package/pn-market-web-components/{p-1c644b91.entry.js → p-466958a8.entry.js} +2 -2
- package/pn-market-web-components/{p-150da889.entry.js → p-4ab53d5d.entry.js} +2 -2
- package/pn-market-web-components/{p-118fe47d.entry.js → p-4d595345.entry.js} +2 -2
- package/pn-market-web-components/{p-0f6f715b.entry.js → p-4dac1980.entry.js} +2 -2
- package/pn-market-web-components/{p-a13f1f73.entry.js → p-4fcce83d.entry.js} +2 -2
- package/pn-market-web-components/{p-89fbca3b.entry.js → p-5a51d0b0.entry.js} +2 -2
- package/pn-market-web-components/{p-f4d2d0d3.entry.js → p-61346425.entry.js} +2 -2
- package/pn-market-web-components/{p-6e693269.entry.js → p-6b557670.entry.js} +2 -2
- package/pn-market-web-components/{p-e6d6a752.entry.js → p-70a71854.entry.js} +2 -2
- package/pn-market-web-components/p-75311d67.js +2 -0
- package/pn-market-web-components/p-75311d67.js.map +1 -0
- package/pn-market-web-components/p-756d8d95.entry.js +2 -0
- package/pn-market-web-components/p-756d8d95.entry.js.map +1 -0
- package/pn-market-web-components/{p-c0315c45.entry.js → p-76fb0c21.entry.js} +2 -2
- package/pn-market-web-components/{p-b2b2bae0.entry.js → p-81210644.entry.js} +2 -2
- package/pn-market-web-components/p-81e4d75b.entry.js +2 -0
- package/pn-market-web-components/p-81e4d75b.entry.js.map +1 -0
- package/pn-market-web-components/{p-d0f27361.entry.js → p-8382794b.entry.js} +2 -2
- package/pn-market-web-components/{p-8f25176b.entry.js → p-8519e39e.entry.js} +2 -2
- package/pn-market-web-components/p-8c26c1f2.entry.js +2 -0
- package/pn-market-web-components/p-8c26c1f2.entry.js.map +1 -0
- package/pn-market-web-components/{p-461c8792.entry.js → p-92b6477c.entry.js} +2 -2
- package/pn-market-web-components/{p-0d4d9d90.entry.js → p-9eab8192.entry.js} +2 -2
- package/pn-market-web-components/{p-40e632cc.entry.js → p-a3beee11.entry.js} +2 -2
- package/pn-market-web-components/{p-01fbf1ce.entry.js → p-a6935dc2.entry.js} +2 -2
- package/pn-market-web-components/{p-af646091.entry.js → p-a6dd3e4f.entry.js} +2 -2
- package/pn-market-web-components/{p-6d77e747.entry.js → p-af89c95a.entry.js} +2 -2
- package/pn-market-web-components/p-b318ff19.entry.js +2 -0
- package/pn-market-web-components/{p-0700cb4c.entry.js.map → p-b318ff19.entry.js.map} +1 -1
- package/pn-market-web-components/{p-c89f3d6b.entry.js → p-ba14b0ef.entry.js} +2 -2
- package/pn-market-web-components/{p-c7965104.entry.js → p-ba680948.entry.js} +2 -2
- package/pn-market-web-components/{p-11c6e458.entry.js → p-ba75bfdb.entry.js} +2 -2
- package/pn-market-web-components/{p-4149e715.entry.js → p-c186ec41.entry.js} +2 -2
- package/pn-market-web-components/{p-66c0c8dc.entry.js → p-c38707f9.entry.js} +2 -2
- package/pn-market-web-components/{p-671a8129.entry.js → p-c89cdd5a.entry.js} +2 -2
- package/pn-market-web-components/{p-4d848e18.entry.js → p-e8cd1608.entry.js} +2 -2
- package/pn-market-web-components/{p-4517a3d4.entry.js → p-ef090656.entry.js} +2 -2
- package/pn-market-web-components/p-f23ed5d2.entry.js +2 -0
- package/pn-market-web-components/p-f23ed5d2.entry.js.map +1 -0
- package/pn-market-web-components/{p-bd8ec517.entry.js → p-f3b4c13d.entry.js} +2 -2
- package/pn-market-web-components/{p-ff38b9a5.entry.js → p-f710445f.entry.js} +2 -2
- package/pn-market-web-components/{p-2e585ed5.entry.js → p-fcefe4a4.entry.js} +2 -2
- package/pn-market-web-components/p-fded22b7.entry.js +2 -0
- package/pn-market-web-components/p-fded22b7.entry.js.map +1 -0
- package/pn-market-web-components/{p-32bd2ff8.entry.js → p-ff6118f8.entry.js} +2 -2
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js.map +1 -1
- package/types/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.d.ts +40 -0
- package/types/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-skeleton-loader.d.ts +3 -0
- package/types/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.d.ts +30 -0
- package/types/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.d.ts +48 -0
- package/types/components/layout-components/pn-marketweb-header/mapper/pn-marketweb-header.mapper.d.ts +34 -0
- package/types/components/layout-components/pn-marketweb-header/pn-marketweb-header.d.ts +121 -0
- package/types/components/layout-components/pn-marketweb-header/pn-marketweb-header.stories.d.ts +99 -0
- package/types/components/layout-components/pn-marketweb-header/services/pn-marketweb-header.service.d.ts +108 -0
- package/types/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.d.ts +103 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-i18n.d.ts +16 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-language.d.ts +20 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-menu.d.ts +16 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-theme.d.ts +6 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.d.ts +49 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-toggle-menu.storage.d.ts +25 -0
- package/types/components/layout-components/pn-marketweb-header/utils/header-url.d.ts +41 -0
- package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.d.ts +2 -0
- package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types.d.ts +1 -0
- package/types/components/navigation/pn-language-selector/pn-language-selector.d.ts +1 -0
- package/types/components/navigation/pn-marketweb-header-toggle/pn-marketweb-header-toggle.d.ts +25 -0
- package/types/components/navigation/pn-site-selector/pn-site-selector.d.ts +1 -0
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +1 -1
- package/types/components.d.ts +532 -2
- package/types/services/pn-refined-marketweb-context/pn-refined-marketweb-context.constants.d.ts +7 -0
- package/types/services/pn-refined-marketweb-context/pn-refined-marketweb-context.service.d.ts +24 -0
- package/types/services/pn-refined-marketweb-context/pn-refined-marketweb-context.types.d.ts +16 -0
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +1 -1
- package/vscode-data.json +421 -0
- package/cjs/pn-language-selector_9.cjs.entry.js +0 -1156
- package/cjs/pn-language-selector_9.cjs.entry.js.map +0 -1
- package/cjs/pn-mainnav-link.cjs.entry.js +0 -45
- package/cjs/pn-mainnav-link.cjs.entry.js.map +0 -1
- package/cjs/pn-mainnav-store-13aaa243.js +0 -22
- package/cjs/pn-mainnav-store-13aaa243.js.map +0 -1
- package/cjs/pn-marketweb-siteheader-login-button_4.cjs.entry.js +0 -366
- package/cjs/pn-marketweb-siteheader-login-button_4.cjs.entry.js.map +0 -1
- package/cjs/pn-marketweb-siteheader-login-linklist.cjs.entry.js.map +0 -1
- package/esm/pn-language-selector_9.entry.js.map +0 -1
- package/esm/pn-mainnav-link.entry.js +0 -41
- package/esm/pn-mainnav-link.entry.js.map +0 -1
- package/esm/pn-mainnav-store-c98d831e.js +0 -19
- package/esm/pn-mainnav-store-c98d831e.js.map +0 -1
- package/esm/pn-marketweb-siteheader-login-button_4.entry.js +0 -359
- package/esm/pn-marketweb-siteheader-login-button_4.entry.js.map +0 -1
- package/esm/pn-marketweb-siteheader-login-linklist.entry.js.map +0 -1
- package/pn-market-web-components/p-022780ab.entry.js +0 -2
- package/pn-market-web-components/p-022780ab.entry.js.map +0 -1
- package/pn-market-web-components/p-0700cb4c.entry.js +0 -2
- package/pn-market-web-components/p-4bc6d49f.entry.js +0 -2
- package/pn-market-web-components/p-4bc6d49f.entry.js.map +0 -1
- package/pn-market-web-components/p-4c8bda8f.entry.js +0 -2
- package/pn-market-web-components/p-4c8bda8f.entry.js.map +0 -1
- package/pn-market-web-components/p-5090bb1d.entry.js +0 -2
- package/pn-market-web-components/p-5090bb1d.entry.js.map +0 -1
- package/pn-market-web-components/p-9d0ca27b.entry.js +0 -2
- package/pn-market-web-components/p-a30de538.entry.js +0 -2
- package/pn-market-web-components/p-a30de538.entry.js.map +0 -1
- package/pn-market-web-components/p-e3b2486a.js +0 -2
- package/pn-market-web-components/p-e3b2486a.js.map +0 -1
- /package/pn-market-web-components/{p-4a164ef8.entry.js.map → p-03728b0b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e43a36e0.entry.js.map → p-067c1c2f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-2616cdc1.entry.js.map → p-191c8cfc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ca003c1f.entry.js.map → p-1a91c313.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ab1e3dc2.entry.js.map → p-1f8304be.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a3f601cb.entry.js.map → p-24ffac0a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-12cafd55.entry.js.map → p-3aa74418.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-64f6691d.entry.js.map → p-42da7c5f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f0d423d0.entry.js.map → p-43748ca2.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-1c644b91.entry.js.map → p-466958a8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-150da889.entry.js.map → p-4ab53d5d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-118fe47d.entry.js.map → p-4d595345.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0f6f715b.entry.js.map → p-4dac1980.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a13f1f73.entry.js.map → p-4fcce83d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-89fbca3b.entry.js.map → p-5a51d0b0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f4d2d0d3.entry.js.map → p-61346425.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6e693269.entry.js.map → p-6b557670.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e6d6a752.entry.js.map → p-70a71854.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c0315c45.entry.js.map → p-76fb0c21.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b2b2bae0.entry.js.map → p-81210644.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d0f27361.entry.js.map → p-8382794b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-8f25176b.entry.js.map → p-8519e39e.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-461c8792.entry.js.map → p-92b6477c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0d4d9d90.entry.js.map → p-9eab8192.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-40e632cc.entry.js.map → p-a3beee11.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-01fbf1ce.entry.js.map → p-a6935dc2.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-af646091.entry.js.map → p-a6dd3e4f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6d77e747.entry.js.map → p-af89c95a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c89f3d6b.entry.js.map → p-ba14b0ef.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c7965104.entry.js.map → p-ba680948.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-11c6e458.entry.js.map → p-ba75bfdb.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4149e715.entry.js.map → p-c186ec41.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-66c0c8dc.entry.js.map → p-c38707f9.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-671a8129.entry.js.map → p-c89cdd5a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4d848e18.entry.js.map → p-e8cd1608.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4517a3d4.entry.js.map → p-ef090656.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-bd8ec517.entry.js.map → p-f3b4c13d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ff38b9a5.entry.js.map → p-f710445f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-2e585ed5.entry.js.map → p-fcefe4a4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-32bd2ff8.entry.js.map → p-ff6118f8.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<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="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='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-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<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="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='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-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"627721ae04a62c2a16152447d638316a51294458",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"a880e891b1b492de3aab6ddbe545813d7f19bc36",...i,...n==="button"&&{...a}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"b7af868d3e176625ca8257a776c47a51aecf190f"},this.name),this.hasChildren&&n==="button"?e("div",{class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null),this.hasChildren&&n==="a"?e("button",{...a,class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null,e("slot",{key:"f51e68801df4dc3214b1e4d1da801c15a056a9f6"}))}};p.style=d;export{p as pn_sidenav_link};
|
|
2
|
+
//# sourceMappingURL=p-3aa74418.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,d as n}from"./p-b3a13b6a.js";import{a as i}from"./p-aca71066.js";import{o as d}from"./p-c40f1e9a.js";const o='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-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:"" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:"" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}';const r=o;const a=class{constructor(t){e(this,t)}render(){return t(n,{key:"5116432bd6fc1d3fcd8d53d896077b1f997a645a"},t("slot",{key:"cd0044824355251b16c50cad0ebe5955e9b72073",name:"illustration"}),t("div",{key:"8d7d58ec7366d581a8d47440a93d82817e5ef0e6",class:"cardcontent"},t("div",{key:"223029dec3be53bb0611c234f5ca9bd07b76eaf7",class:"details"},t("slot",{key:"2f5162824e79101ecc72a57e4d700009fdc09188",name:"title"}),t("slot",{key:"f4a70b5241d3f5ba5f0cb50420a7a6aef1887a2b",name:"content"}),t("div",{key:"d52f2dca6d2c1e030ceb856e96d9322ea328097d",class:"info"},t("slot",{key:"8da36dc8a10cdca8b71c1665d6a2ba932dfb6180"})),t("slot",{key:"59434ede8cc1c9d964577d11452032c88897ad17",name:"note"}),t("slot",{key:"f44fe8694fa6b9e35347173b7f29e1f768e3ccaa",name:"additionalUSP"})),t("div",{key:"4e843e67e507f14a5056378f38f196e4e9462ea7",class:"cardprice"},t("slot",{key:"13a0e375c5cdbfdd93658e8999db9bc5cb90f822",name:"cardprice"}),t("slot",{key:"81c53d1c9b6386c5dd2cfe337cd44803cd8a17fb",name:"mobiledownload"}),t("slot",{key:"f7c12c602e72ba15efea2a673554810172b3e129",name:"servicepoint"}))))}};a.style=r;const c='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-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:"PostNordSans", "Verdana";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}';const p=c;const l=class{constructor(t){e(this,t);this.rulle=undefined;this.paket=undefined;this.label=undefined;this.text=undefined}render(){return this.label?t(n,null,t("div",{class:"cardinfocontent"},this.text?t("pre",{slot:"formatPre"},this.text):null)):t(n,null,t("div",{class:"cardinfocontent"},this.paket?t("div",{class:"cardinfocontent-item"},t("strong",null,"Maxmått"),this.paket.split("/").map((e=>e.split(":").length>1?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null,this.rulle?t("div",{class:"cardinfocontent-item"},t("strong",null,"Rulle"),this.rulle.split("/").map((e=>e.split(":").length>0?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null))}};t("pn-icon",{icon:i,small:"false",color:"black"});l.style=p;const s="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-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";const m=s;const f=class{constructor(t){e(this,t);this.label=undefined;this.amount=undefined;this.currency=undefined;this.note=undefined;this.url=undefined;this.service=undefined;this.linkid=undefined}render(){if(!this.amount){return}return this.url?t(n,{id:this.linkid},t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null," "+this.currency):null),this.note?t("p",null,this.note):null,this.label?t("pn-button",{id:"pricecta-"+this.linkid,small:"true",icon:d,appearance:"light",href:this.url,target:"_blank"},this.label):null):t(n,null,t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null,this.currency):null))}};f.style=m;export{a as pn_product_card,l as pn_product_card_info,f as pn_product_card_price};
|
|
2
|
+
//# sourceMappingURL=p-3d27faee.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n border: 0.1rem solid $gray200;\n outline: none;\n background: $white;\n box-shadow:\n 0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n display: flex;\n word-break: break-word;\n text-decoration: none;\n border-radius: 0.8rem;\n position: relative;\n padding: 11rem 2.4rem 2.4rem;\n margin-bottom: 1.6rem;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n padding: 2.4rem;\n }\n\n [slot='title'] {\n display: flex;\n width: 100%;\n margin-bottom: 0.8rem;\n gap: 1.6rem;\n flex-direction: column;\n align-items: center;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n align-items: inherit;\n }\n h2 {\n width: 100%;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n width: auto;\n }\n\n > a {\n color: $black;\n &::after {\n content: '' !important;\n }\n }\n }\n }\n\n [slot='note'] {\n margin-top: 1em;\n margin-bottom: 1em;\n font-size: 0.8em;\n }\n\n [slot='additionalUSP'] {\n display: flex;\n\n :first-child {\n margin-left: 0em;\n }\n\n span {\n margin-left: 1em;\n background: $gray200;\n color: $gray900;\n border-radius: 0.25em;\n width: fit-content;\n padding: 0.3em;\n margin-top: 0.5em;\n font-size: 0.75em;\n }\n }\n\n > pn-illustration {\n min-width: 8rem;\n width: 8rem;\n height: 8rem;\n align-self: center;\n position: absolute;\n top: 1.6rem;\n transform: translateX(-50%);\n left: 50%;\n box-shadow:\n 0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n border-radius: 100%;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n box-shadow: none;\n top: 1.6rem;\n right: 1.6rem;\n left: auto;\n transform: none;\n }\n @media screen and (min-width: $productcard-media-tablet) {\n position: static;\n top: auto;\n right: auto;\n margin-right: 3rem;\n }\n }\n\n .cardcontent {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: row;\n gap: 1.6rem;\n }\n }\n\n [slot='cardprice'] {\n display: flex;\n // flex-wrap: wrap;\n flex-direction: column;\n justify-content: center;\n padding: 0.6em;\n flex-grow: 1;\n\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n justify-content: space-between;\n }\n\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n }\n }\n\n [slot='mobiledownload'] {\n margin-top: 1rem;\n white-space: nowrap;\n text-align: center;\n\n display: flex;\n flex-direction: column;\n\n #riktiga {\n order: 4;\n margin-top: 1em;\n\n > div {\n > a {\n &::after {\n content: '' !important;\n }\n }\n }\n }\n .riktigaAndroidImg {\n width: 6em;\n margin: 0.5em;\n }\n\n .riktigaAppleImg {\n width: 5.6em;\n margin: 0.5em;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n h3 {\n text-decoration: underline;\n }\n }\n }\n [slot='servicepoint'] {\n // flex-wrap: wrap;\n flex-direction: column;\n justify-content: center;\n flex-grow: 2;\n align-items: flex-end;\n text-align: center;\n\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n justify-content: space-between;\n }\n\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n }\n }\n\n .details {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .info {\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n flex-flow: wrap;\n\n > * {\n min-width: 6em;\n margin: 0.5em 1em 0.5em 0;\n }\n\n padding: 0 1em 0 0;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pn-product-card',\n styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n render() {\n return (\n <Host>\n <slot name=\"illustration\" />\n <div class=\"cardcontent\">\n <div class=\"details\">\n <slot name=\"title\" />\n <slot name=\"content\" />\n <div class=\"info\">\n <slot />\n </div>\n <slot name=\"note\" />\n <slot name=\"additionalUSP\" />\n </div>\n <div class=\"cardprice\">\n <slot name=\"cardprice\" />\n <slot name=\"mobiledownload\"></slot>\n <slot name=\"servicepoint\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n align-self: center;\n}\n\n.cardinfocontent {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n font-size: 0.875em;\n gap: 1.6rem;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n }\n > div p {\n margin: 0.25em 0.25em 0 0;\n }\n}\n\n.cardinfocontent-item {\n margin-top: 0.5em;\n}\n[slot='formatPre'] {\n font-family: 'PostNordSans', 'Verdana';\n > strong {\n font-weight: bold;\n }\n margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n display: flex;\n font-size: 1em;\n flex-direction: row;\n justify-content: center;\n flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-product-card-info',\n styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n @Prop() rulle: string;\n @Prop() paket: string;\n @Prop() label: string;\n @Prop() text: string;\n\n render() {\n return this.label ? (\n <Host>\n <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n </Host>\n ) : (\n <Host>\n <div class=\"cardinfocontent\">\n {this.paket ? (\n <div class=\"cardinfocontent-item\">\n <strong>Maxmått</strong>\n {this.paket.split('/').map(item =>\n item.split(':').length > 1 ? (\n <p>\n <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n </p>\n ) : (\n <p>{item}</p>\n ),\n )}\n </div>\n ) : null}\n {this.rulle ? (\n <div class=\"cardinfocontent-item\">\n <strong>Rulle</strong>\n {this.rulle.split('/').map(item =>\n item.split(':').length > 0 ? (\n <p>\n <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n </p>\n ) : (\n <p>{item}</p>\n ),\n )}\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n margin-top: 1rem;\n white-space: nowrap;\n text-align: center;\n\n display: flex;\n flex-direction: column;\n\n span:last-child {\n display: inline-block;\n margin-left: 0.2em;\n }\n & + pn-product-card-price {\n margin-right: 0;\n }\n\n pn-icon {\n display: inline-block;\n align-self: center;\n }\n\n .price {\n font-size: 2.5em;\n font-weight: bold;\n order: 1;\n }\n pn-button {\n min-width: 12.8em;\n font-size: 1.25;\n order: 2;\n\n @media screen and (min-width: $productcard-media-tablet) {\n order: 3;\n margin-bottom: 1.6rem;\n }\n }\n\n p {\n font-weight: lighter;\n font-size: 0.875em;\n align-self: center;\n margin-top: 0.8rem;\n order: 3;\n @media screen and (min-width: $productcard-media-tablet) {\n order: 2;\n }\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-product-card-price',\n styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n @Prop() label: string;\n @Prop() amount: string;\n @Prop() currency: string;\n @Prop() note: string;\n @Prop() url: string;\n @Prop() service: string;\n @Prop() linkid: string;\n\n render() {\n if (!this.amount) {\n return;\n }\n return this.url ? (\n <Host id={this.linkid}>\n <div class=\"price\">\n {this.amount ? <span>{this.amount}</span> : null}\n {this.currency ? <span>{' ' + this.currency}</span> : null}\n </div>\n {this.note ? <p>{this.note}</p> : null}\n {this.label ? (\n <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n {this.label}\n </pn-button>\n ) : null}\n </Host>\n ) : (\n <Host>\n <div class=\"price\">\n {this.amount ? <span>{this.amount}</span> : null}\n {this.currency ? <span>{this.currency}</span> : null}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAmB,02HACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,k7BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,qnCAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n border: 0.1rem solid $gray200;\n outline: none;\n background: $white;\n box-shadow:\n 0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n display: flex;\n word-break: break-word;\n text-decoration: none;\n border-radius: 0.8rem;\n position: relative;\n padding: 11rem 2.4rem 2.4rem;\n margin-bottom: 1.6rem;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n padding: 2.4rem;\n }\n\n [slot='title'] {\n display: flex;\n width: 100%;\n margin-bottom: 0.8rem;\n gap: 1.6rem;\n flex-direction: column;\n align-items: center;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n align-items: inherit;\n }\n h2 {\n width: 100%;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n width: auto;\n }\n\n > a {\n color: $black;\n &::after {\n content: '' !important;\n }\n }\n }\n }\n\n [slot='note'] {\n margin-top: 1em;\n margin-bottom: 1em;\n font-size: 0.8em;\n }\n\n [slot='additionalUSP'] {\n display: flex;\n\n :first-child {\n margin-left: 0em;\n }\n\n span {\n margin-left: 1em;\n background: $gray200;\n color: $gray900;\n border-radius: 0.25em;\n width: fit-content;\n padding: 0.3em;\n margin-top: 0.5em;\n font-size: 0.75em;\n }\n }\n\n > pn-illustration {\n min-width: 8rem;\n width: 8rem;\n height: 8rem;\n align-self: center;\n position: absolute;\n top: 1.6rem;\n transform: translateX(-50%);\n left: 50%;\n box-shadow:\n 0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n border-radius: 100%;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n box-shadow: none;\n top: 1.6rem;\n right: 1.6rem;\n left: auto;\n transform: none;\n }\n @media screen and (min-width: $productcard-media-tablet) {\n position: static;\n top: auto;\n right: auto;\n margin-right: 3rem;\n }\n }\n\n .cardcontent {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: row;\n gap: 1.6rem;\n }\n }\n\n [slot='cardprice'] {\n display: flex;\n // flex-wrap: wrap;\n flex-direction: column;\n justify-content: center;\n padding: 0.6em;\n flex-grow: 1;\n\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n justify-content: space-between;\n }\n\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n }\n }\n\n [slot='mobiledownload'] {\n margin-top: 1rem;\n white-space: nowrap;\n text-align: center;\n\n display: flex;\n flex-direction: column;\n\n #riktiga {\n order: 4;\n margin-top: 1em;\n\n > div {\n > a {\n &::after {\n content: '' !important;\n }\n }\n }\n }\n .riktigaAndroidImg {\n width: 6em;\n margin: 0.5em;\n }\n\n .riktigaAppleImg {\n width: 5.6em;\n margin: 0.5em;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n h3 {\n text-decoration: underline;\n }\n }\n }\n [slot='servicepoint'] {\n // flex-wrap: wrap;\n flex-direction: column;\n justify-content: center;\n flex-grow: 2;\n align-items: flex-end;\n text-align: center;\n\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n justify-content: space-between;\n }\n\n @media screen and (min-width: $productcard-media-tablet) {\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n }\n }\n\n .details {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .info {\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n flex-flow: wrap;\n\n > * {\n min-width: 6em;\n margin: 0.5em 1em 0.5em 0;\n }\n\n padding: 0 1em 0 0;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pn-product-card',\n styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n render() {\n return (\n <Host>\n <slot name=\"illustration\" />\n <div class=\"cardcontent\">\n <div class=\"details\">\n <slot name=\"title\" />\n <slot name=\"content\" />\n <div class=\"info\">\n <slot />\n </div>\n <slot name=\"note\" />\n <slot name=\"additionalUSP\" />\n </div>\n <div class=\"cardprice\">\n <slot name=\"cardprice\" />\n <slot name=\"mobiledownload\"></slot>\n <slot name=\"servicepoint\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n align-self: center;\n}\n\n.cardinfocontent {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n font-size: 0.875em;\n gap: 1.6rem;\n @media screen and (min-width: $productcard-media-oversmallmobile) {\n flex-direction: row;\n }\n > div p {\n margin: 0.25em 0.25em 0 0;\n }\n}\n\n.cardinfocontent-item {\n margin-top: 0.5em;\n}\n[slot='formatPre'] {\n font-family: 'PostNordSans', 'Verdana';\n > strong {\n font-weight: bold;\n }\n margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n display: flex;\n font-size: 1em;\n flex-direction: row;\n justify-content: center;\n flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-product-card-info',\n styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n @Prop() rulle: string;\n @Prop() paket: string;\n @Prop() label: string;\n @Prop() text: string;\n\n render() {\n return this.label ? (\n <Host>\n <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n </Host>\n ) : (\n <Host>\n <div class=\"cardinfocontent\">\n {this.paket ? (\n <div class=\"cardinfocontent-item\">\n <strong>Maxmått</strong>\n {this.paket.split('/').map(item =>\n item.split(':').length > 1 ? (\n <p>\n <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n </p>\n ) : (\n <p>{item}</p>\n ),\n )}\n </div>\n ) : null}\n {this.rulle ? (\n <div class=\"cardinfocontent-item\">\n <strong>Rulle</strong>\n {this.rulle.split('/').map(item =>\n item.split(':').length > 0 ? (\n <p>\n <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n </p>\n ) : (\n <p>{item}</p>\n ),\n )}\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n margin-top: 1rem;\n white-space: nowrap;\n text-align: center;\n\n display: flex;\n flex-direction: column;\n\n span:last-child {\n display: inline-block;\n margin-left: 0.2em;\n }\n & + pn-product-card-price {\n margin-right: 0;\n }\n\n pn-icon {\n display: inline-block;\n align-self: center;\n }\n\n .price {\n font-size: 2.5em;\n font-weight: bold;\n order: 1;\n }\n pn-button {\n min-width: 12.8em;\n font-size: 1.25;\n order: 2;\n\n @media screen and (min-width: $productcard-media-tablet) {\n order: 3;\n margin-bottom: 1.6rem;\n }\n }\n\n p {\n font-weight: lighter;\n font-size: 0.875em;\n align-self: center;\n margin-top: 0.8rem;\n order: 3;\n @media screen and (min-width: $productcard-media-tablet) {\n order: 2;\n }\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-product-card-price',\n styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n @Prop() label: string;\n @Prop() amount: string;\n @Prop() currency: string;\n @Prop() note: string;\n @Prop() url: string;\n @Prop() service: string;\n @Prop() linkid: string;\n\n render() {\n if (!this.amount) {\n return;\n }\n return this.url ? (\n <Host id={this.linkid}>\n <div class=\"price\">\n {this.amount ? <span>{this.amount}</span> : null}\n {this.currency ? <span>{' ' + this.currency}</span> : null}\n </div>\n {this.note ? <p>{this.note}</p> : null}\n {this.label ? (\n <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n {this.label}\n </pn-button>\n ) : null}\n </Host>\n ) : (\n <Host>\n <div class=\"price\">\n {this.amount ? <span>{this.amount}</span> : null}\n {this.currency ? <span>{this.currency}</span> : null}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,02HACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,k7BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,qnCAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,g as a,h as r,d as n}from"./p-b3a13b6a.js";import{F as d}from"./p-3478f368.js";import{M as i}from"./p-6b1d045c.js";import{s as h}from"./p-8c42f598.js";import{t as o}from"./p-75311d67.js";import"./p-2132ad75.js";const p='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}}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}@media screen and (max-width: 48em){pn-marketweb-siteheader .siteheader-row:last-child{justify-content:flex-end}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level="2"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:flex;color:#0d234b;flex-direction:column;gap:0.5rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 768px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text{color:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}';const s=p;const l=class{constructor(a){e(this,a);this.changeLanguage=t(this,"changeLanguage",7);this.changeMarket=t(this,"changeMarket",7);this.market=null;this.language=null;this.siteid=null;this.environment=null;this.userToken="";this.userFullname="";this.userLoggedin=false;this.endpoint=null;this.hideSiteSelector=false;this.hideHomeMenuItem=false;this.hideLanguageSelector=false;this.hideSearch=false;this.hideLogin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.siteDomainInUrls=false;this.AutocompleteEndpoint="";this.sessionForward=false;this.cache=false;this.searchPlaceholder="";this.spaMode=false;this.checkUserLoggedInStateInterval=0;this.useMarketwebLogin=false;this.pageId="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:"",home:"Home"};this.gotData=false;this.fetchingData=false;this.homePageLink="/";this.menuItems=[];this.siteDefinition=undefined;this.search={AutocompleteEndpoint:this.AutocompleteEndpoint};this.siteSelector=null;this.languageSelector=null;this.languageOptions=[];this.loginDialog=null;this.minimizeSearch=false;this.loggedIn=false}get hostElement(){return a(this)}endpointPath="/api/navigation/header";fetchHelper=new d("siteheader");changeLanguage;changeMarket;componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(e=window.location.href){const t=new i(e);if(!this.market){const e=await t.getMarket();this.market=e}if(!this.language){const e=await t.getLanguage();this.language=e}if(!this.environment){this.environment=await t.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await t.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}async init(){this.setTranslations();await this.fetchData();window.setTimeout((()=>{this.checkMenuOverflow()}),50)}setTranslations(){if(this.language&&o[this.language]){this.i18n=o[this.language]}if(this.searchPlaceholder){this.i18n.searchplaceholder=this.searchPlaceholder}}onLanguageSelectorChange(e){this.language=e.detail;window.dispatchEvent(new CustomEvent("marketweb-languagechange",{detail:this.language}))}onLanguageChange(){this.setTranslations();this.changeLanguage.emit(this.language);this.fetchData()}onMarketChange(){this.changeMarket.emit(this.market);this.fetchData()}async fetchData(){if(this.endpoint===null||!this.market||!this.language){return}this.fetchingData=true;const e=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${e}${this.endpointPath}?market=${this.market}&language=${this.language}¤tPage=${this.pageId}`;const a=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache);await this.setStateFromData(a)}getLanguageVersionUrl(e){if(this.spaMode){return null}const t=document.querySelector(`link[rel="alternate"][hreflang="${e.twoLetterISOLanguageName}"]`);if(t){return t.getAttribute("href")}const a=this.siteDefinition.url;return a+(a.lastIndexOf("/")!==a.length-1?"/":"")+e.twoLetterISOLanguageName}async setStateFromData(e){if(typeof e!=="object"){console.warn("Data was not valid",e)}this.siteDefinition=e.sitedefinition;if(h.loginManager){h.loginManager.setSiteUrl(this.siteDefinition.url)}let t=[];if(this.siteDomainInUrls){t=e.mainMenu.menuItems.map((e=>this.adjustMenuItemUrls(e)))}else{t=e.mainMenu.menuItems}if((!t[0]||t[0]?.name!==this.i18n.menuHomeButton)&&!this.hideHomeMenuItem){t.unshift({href:this.siteDefinition.url,name:this.i18n.menuHomeButton,id:"homelink",open:false,selected:false,children:[]})}this.menuItems=t;this.search={...e.search,...{AutocompleteEndpoint:this.AutocompleteEndpoint}};this.siteSelector=e.siteSelectorViewModel;this.languageSelector=e.languageSelectorViewModel;this.setLanguageOptions();let a=e.loginViewModel;if(a&&this.siteDomainInUrls){a.loggedInLinks=a.loggedInLinks.map((e=>{e.href=this.adjustHref(e.href);return e}));a.loginMenuLinks=a.loginMenuLinks.map((e=>{e.href=this.adjustHref(e.href);return e}))}this.loginDialog=a;await this.spaModeAdjustments();this.gotData=true;this.fetchingData=true;this.homePageLink=this.siteDefinition?.url??document.location.hostname;window.setTimeout((()=>{this.checkMenuOverflow()}),100)}adjustMenuItemUrls(e){e.href=this.adjustHref(e.href);if(e.children&&e.children.length>0){let t=e.children.map((e=>this.adjustMenuItemUrls(e)));e.children=t}return e}adjustHref(e){if(e.indexOf("http")===0){return e}const t=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;return this.removeDoubleLanguage(t+e)}removeDoubleLanguage(e){let t=this.language.toLocaleLowerCase()+"/";let a="/"+t+t;if(e.includes(a)){return e.replace(a,"/"+t)}return e}setLanguageOptions(){if(!this.languageSelector||!this.languageSelector.languages){return}const e=Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))??[];const t=e.map((e=>{let t=e.getAttribute("hreflang");if(t.indexOf("en-")!==-1||t.indexOf("en_")!==-1){t=t.substring(0,2)}return t}));let a=[];this.languageSelector.languages.map((e=>{if(t&&t.length>0){if(t.includes(e.twoLetterISOLanguageName)){a.push(e)}}else{a.push(e)}}));this.languageOptions=a}async spaModeAdjustments(){if(!this.spaMode){return}return}onLoginStateChange(e){if(e.detail?.loggedIn&&e.detail?.token){this.loggedIn=e.detail?.loggedIn===true}}promotedItemId(e){return"promo-"+e.linkText.replace(/[^A-Za-z0-9.\\\/]/gim,"")}handleResize(){requestAnimationFrame((()=>{this.checkMenuOverflow()}))}checkMenuOverflow(){const e=this.hostElement.querySelectorAll(".siteheader-row")[1];if(!e){return}const t=e.querySelector("pn-mainnav-level");if(!t){return}const a=t.parentElement;if(a.tagName.toLocaleLowerCase()!=="nav"){return}const r=a.scrollWidth;const n=t.clientWidth;const d=r<n;if(d&&this.minimizeSearch===false){this.minimizeSearch=true}}adjustSiteSelectorUrl(e){if(!this.loggedIn){return e}const t=["portal.postnord.com"];const a=t.filter((t=>e.indexOf(t)!==-1));if(a.length===0){return e}if(h.loginManager){return h.loginManager.getLoginUrl(e)}return e}getFallbackValue(e,t){return e&&e.trim()!==""?e:t}render(){const e={...this.i18n,home:this.getFallbackValue(this.i18n.home,"Home")};return r(n,{key:"1f054ec291a20842a832bbc7e690513de6c0df58",language:this.language,market:this.market,environment:this.environment},r("header",{key:"875cf76536eda3202524dea10e4ed49329adc11f"},r("div",{key:"5be98546a0d165e47d7d6d9500687f4be3449109",class:"siteheader-row"},r("div",{key:"bf98312f9f2d6fa3a3859bcbdaebd15d25d43c63",class:"siteheader-topleft"},r("slot",{key:"6901c9e9fca43fc16348d0ee523fc78c91e3edd8",name:"topleft"}),this.gotData&&this.siteSelector&&!this.hideSiteSelector&&r("pn-site-selector",{key:"dbf6fd9cf00674954e0ef27f2d540fb83439c0d0",language:this.language,buttontext:this.siteSelector?.currentSiteTitle??"postnord"},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"521ea504e4e1a93aed231dd6497cc50cf605f18c",heading:this.siteSelector.currentSiteTitle+" ",description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText+" ",description:e.linkDescription,url:this.adjustSiteSelectorUrl(e.href),newwindow:e.openInNewWindow}))))),r("div",{key:"a02133c3e31e6e1aaad598923dd313a28b5ce30b",class:"siteheader-logocontainer"},r("a",{key:"69423fe6002c15e7c97cac36ca85f2055920fd99",href:this.homePageLink,title:e.home,"aria-label":e.home,class:"siteheader-logolink"},r("slot",{key:"ce029f3810f8bd65b95f329cf7cc289656697c6a",name:"logo"},r("svg",{key:"a15e5f8ba556b3f4c0bb398e605f11f8bfb1cbab",class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},r("path",{key:"8962ad2c448ebcf97cdc2a1658f1e110bfe04583",d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"#00A0D6",transform:"translate(0 0)"}))))),r("div",{key:"a1fb600aeabe67c59d4600aedc1f60b3c6d1e967",class:"siteheader-topright"},r("slot",{key:"5ddcbba836f69a4e29458afe6a1571c27875c2b0",name:"toprightstart"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"29a9f3c57259315937b21c44786db1568f8eca4f",token:this.userToken,siteUrl:this.siteDefinition.url,fullname:this.userFullname,loggedin:this.userLoggedin,loginDialog:this.loginDialog,endpoint:this.endpoint,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"345f186a503d9fcbf85d61653bfee6a03dba912e",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),r("slot",{key:"120298ea8a9b42a014c472a314ba07f371ef3079",name:"toprightend"}),r("div",{key:"0caab32e11a1c5dcea8c2911209abb97e0dde78b",class:"siteheader-menu-top-search"},r("pn-marketweb-siteheader-search",{key:"4a5d617dbb6602b70f6a91563bce94cc2f110246",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true})))),r("slot",{key:"47f1ecc2c0bf47f0bb35aab9e80fd986454e72a9",name:"siteheader-menu-top-button"}),r("div",{key:"f1b5459d1222866182b5bbc9af44bd9e7c41092b",class:"siteheader-row"},r("div",{key:"618ea2a3815cada3360f105a738f4df94be2c9e0",class:"siteheader-menu"},this.gotData&&this.menuItems&&r("pn-mainnav",{key:"8ba6bcf7191844b7e32db9c6ff25fd51223cc094",market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",e.detail+"")}},r("pn-mainnav-level",{key:"fa427a4f605ee93a112c7a65c8227a77b67801ba"},r("pn-mainnav-list",{key:"f71ec86dc885a19d6ec9173daddb20c7626c44a8"},this.menuItems.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,itemid:e.id,target:e.linkTarget??"_self",linkid:e.trackingId},(e.promotedMenuItems&&e.promotedMenuItems.length>0||e.children&&e.children.length>0)&&r("pn-mainnav-level",{label:e.name},e.children.length>0&&r("pn-mainnav-list",{heading:e.navigationHeading??""},e.children.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,target:e.linkTarget??"_self",linkid:e.trackingId})))),e.promotedMenuItems&&e.promotedMenuItems.length>0&&r("pn-mainnav-list",{heading:e.promotedMenuItemsHeader},e.promotedMenuItems.map((t=>r("pn-mainnav-link",{href:t.href,name:t.linkText,target:t.openInNewWindow?"_blank":"_self",linkid:this.promotedItemId(t)+e.id}))))))))),r("div",{key:"967be5bd7079d7f30c63f53bbe01900d8fe7781c",slot:"footer",class:"siteheader-menu-footer"},r("slot",{key:"70977ef91346746c37278a047c4ef08430ea909f",name:"menu-footer-cta"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"0f76a415d972a8d8bb1ccbd5f6e3ffad275266c9",token:this.userToken,siteUrl:this.siteDefinition.url,loginDialog:this.loginDialog,endpoint:this.endpoint,fullname:this.userFullname,loggedin:this.userLoggedin,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,environment:this.environment,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"753455de04be8f330db91e13301f9813dd102b59",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),!this.hideSiteSelector&&r("pn-site-selector",{key:"01d022ce5b7dcb6d1b77be7a1b078b1c4ae18585",language:this.language},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"ae9c264ec51c8fe26a71d61cb35f5ad66c43856b",heading:this.siteSelector.currentSiteTitle,description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText,description:e.linkDescription,url:e.pageLink,newwindow:e.openInNewWindow}))))),r("div",{key:"8c5f81339f33dfc08ac6bd217653842b6a35d89c",slot:"top",class:"siteheader-menu-top"},r("pn-marketweb-siteheader-search",{key:"f430db3db7d7e0c1dd6236874c843d326f5e98b9",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n}))))),r("pn-marketweb-siteheader-search",{key:"9be1903b5fdd5ed63782c5c1886ea7bcfcc48c2f",language:this.language,siteid:this.siteid,primary:true,search:this.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),r("slot",{key:"7113c40cedddeddb2a6d78e792c74d225ea0567a",name:"header-bottom-button"}))))}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};l.style=s;export{l as pn_marketweb_siteheader};
|
|
2
|
+
//# sourceMappingURL=p-3e25f431.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["pnMarketwebSiteheaderCss","PnMarketwebSiteheaderStyle0","PnMarketwebSiteheader","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","unifiedLoginButton","unifiedMyPagesButton","home","AutocompleteEndpoint","this","endpointPath","fetchHelper","FetchHelper","changeLanguage","changeMarket","componentWillLoad","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","setTimeout","checkMenuOverflow","translations","i18n","searchPlaceholder","onLanguageSelectorChange","e","detail","dispatchEvent","CustomEvent","onLanguageChange","emit","onMarketChange","fetchingData","endpointBase","lastIndexOf","length","substring","fetchUrl","pageId","data","fetchJson","mode","cache","setStateFromData","getLanguageVersionUrl","item","spaMode","alternativeTag","document","querySelector","twoLetterISOLanguageName","getAttribute","siteUrl","siteDefinition","url","console","warn","sitedefinition","headerState","loginManager","setSiteUrl","updatedMenuItems","siteDomainInUrls","mainMenu","menuItems","map","adjustMenuItemUrls","name","hideHomeMenuItem","unshift","id","open","selected","children","search","siteSelector","siteSelectorViewModel","languageSelector","languageSelectorViewModel","setLanguageOptions","loginDialog","loginViewModel","loggedInLinks","adjustHref","loginMenuLinks","spaModeAdjustments","gotData","homePageLink","hostname","adjustedItems","domainUrl","removeDoubleLanguage","languageSegment","toLocaleLowerCase","doubleLanguageSegment","includes","replace","languages","hrefLangsTags","Array","prototype","slice","call","querySelectorAll","hrefLangs","tag","hrefLangValue","languageOptions","languageOption","push","onLoginStateChange","loggedIn","token","promotedItemId","linkText","handleResize","requestAnimationFrame","row","hostElement","firstMenuLevel","parent","parentElement","tagName","parentWidth","scrollWidth","elmWidth","clientWidth","isOverFlowed","minimizeSearch","adjustSiteSelectorUrl","loginDomains","matchedHref","filter","domain","getLoginUrl","getFallbackValue","value","fallback","trim","render","h","Host","key","class","hideSiteSelector","buttontext","currentSiteTitle","heading","description","currentSiteDescription","siteSelections","site","linkDescription","newwindow","openInNewWindow","title","xmlns","width","height","viewBox","role","d","fill","transform","hideLogin","userToken","fullname","userFullname","loggedin","userLoggedin","showProfileSelection","showUnifiedLogin","checkUserLoggedInStateInterval","useMarketwebLogin","hideLanguageSelector","nativeName","code","isCurrent","siteid","hideSearch","icononly","onMenuOpenChange","body","setAttribute","itemid","target","linkTarget","linkid","trackingId","promotedMenuItems","label","navigationHeading","childitem","promotedMenuItemsHeader","slot","pageLink","primary"],"sources":["src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.scss?tag=pn-marketweb-siteheader","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n@import \"./pn-marketweb-siteheader-common.scss\";\n\nbody[data-siteheader-menuopen=\"true\"] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-marketweb-siteheader {\n display: block;\n background: $white;\n header {\n position: relative;\n z-index: 1000;\n display: flex;\n flex-flow: column;\n box-shadow: $siteheader-shadow-elevation8;\n flex-direction: row;\n justify-content: space-between;\n @media screen and (min-width: $siteheader-media-tablet) {\n flex-direction: column;\n justify-content: initial;\n }\n }\n\n .siteheader-row {\n display: flex;\n flex-flow: row;\n align-items: center;\n\n width: 100%;\n padding: 0 1.6rem;\n\n min-height: 2em;\n &:not(:last-child) {\n border-bottom: 0.1rem solid $gray50;\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n justify-content: space-between;\n min-height: 3.2em;\n }\n\n @media screen and (max-width: $siteheader-media-tablet) {\n &:last-child {\n justify-content: flex-end;\n }\n }\n }\n\n .siteheader-topright {\n display: flex;\n flex-direction: row;\n }\n\n .siteheader-logocontainer {\n display: flex;\n align-items: center;\n position: relative;\n min-height: 3em;\n background: $white;\n z-index: 1;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n .siteheader-logolink {\n height: 100%;\n max-height: 6.4rem;\n display: flex;\n align-items: center;\n &:hover,\n &:focus,\n &:active {\n box-shadow: none;\n }\n }\n\n .siteheader-row > pn-marketweb-siteheader-search {\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n max-width: 30rem;\n min-width: 23.3rem;\n width: 100%;\n }\n }\n\n .siteheader-row pn-button {\n button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue50;\n }\n }\n }\n\n pn-spinner {\n display: none;\n }\n\n pn-button-dropdown:not(.hydrated) {\n .pn-button-dropdown-container {\n display: none;\n }\n }\n\n pn-button {\n button {\n font-weight: 400 !important;\n padding: 0.5rem !important;\n\n .pn-button-bg:after {\n border-radius: 0.8rem !important;\n }\n }\n }\n}\n\n.siteheader-topleft {\n pn-site-selector {\n padding: 1rem 0;\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.3rem;\n }\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n.siteheader-topright {\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-right: 1.6rem;\n }\n > pn-language-selector,\n > pn-marketweb-siteheader-login,\n > a {\n //pn-language-selector {\n padding: 1rem 0;\n display: none;\n align-self: center;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n margin-left: 1rem;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.6rem;\n }\n\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n\n.siteheader-menu {\n max-width: 100%;\n overflow: visible;\n overflow-x: clip;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-top: auto;\n overflow: visible;\n }\n pn-mainnav-link a[target] {\n &::after {\n content: none;\n }\n }\n\n pn-marketweb-siteheader-search {\n padding: 0.3rem 1.6rem;\n width: 100%;\n }\n [slot=\"top\"] pn-search-field {\n width: 100%;\n }\n}\n\n.siteheader-menu-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n > * {\n margin: 1.6rem;\n }\n}\n\n.header-wrapper[data-header-theme=\"dotcom\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n & > header {\n background-color: $blue900;\n box-shadow: none;\n\n .siteheader-row:not(:last-child) {\n border-bottom: 0.1rem solid $blue900;\n }\n\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue400;\n }\n &:focus {\n background-color: $blue400;\n }\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n svg.siteheader-logo > path {\n fill: $blue400;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n }\n\n [slot=\"toprightend\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n align-self: center;\n margin-left: 1rem;\n }\n }\n\n .siteheader-menu {\n .mainnav-toggle {\n button {\n background-color: $blue700;\n }\n }\n .first-level_icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n border: 0.1rem solid $white;\n padding: 0.65rem 1.5rem;\n\n &:hover {\n border-color: $white;\n }\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n //main-nav-level\n nav.mainnav {\n background-color: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n top: 6.4em;\n }\n\n pn-mainnav-level {\n [slot=\"top\"].siteheader-menu-top {\n pn-marketweb-siteheader-search {\n padding-bottom: 0.5rem;\n background-color: $blue900;\n\n .button-container {\n border-top: 1px solid $white;\n border-bottom: 1px solid $white;\n border-right: 1px solid $white;\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n\n button.clear {\n border: 2px solid $white;\n border-radius: 50%;\n padding: 0.5rem;\n }\n }\n }\n }\n\n .mainnav-level-header {\n .secondlevel-backbtn {\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"2\"] {\n .mainnav-level-header {\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n }\n }\n }\n }\n\n pn-mainnav-list > pn-mainnav-link {\n button,\n a {\n background-color: $blue900;\n border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);\n &:hover {\n text-decoration: none;\n }\n @media screen and (min-width: 1024px) {\n border-bottom: none;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"1\"] {\n pn-mainnav-list > pn-mainnav-link {\n @media screen and (max-width: 1023px) {\n &:first-child {\n border-top: 0.1rem solid rgba(0, 93, 146, 0.5);\n }\n }\n\n & a,\n & button {\n color: $white;\n &:focus {\n outline: none;\n }\n }\n }\n }\n pn-mainnav-level:not([data-level=\"1\"]) {\n background-color: $blue900;\n pn-mainnav-list {\n color: $white;\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n text-decoration: none;\n }\n }\n }\n }\n\n pn-marketweb-siteheader-login-linklist {\n ul li a:not(.pn-button) {\n color: $blue700;\n }\n ul li a:hover {\n color: $white;\n }\n }\n }\n\n [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow {\n svg > path {\n fill: $white;\n }\n }\n\n .siteheader-menu-footer {\n button {\n color: $white;\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n\n.siteheader-menu-top-search {\n display: none;\n}\n\n.header-wrapper[data-header-theme=\"tpl\"],\n.header-wrapper[data-header-theme=\"dotcom\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n pn-site-selector .pn-button-dropdown-label {\n border-radius: 48px;\n }\n }\n\n .siteheader-row pn-button.pn-button-dropdown-label {\n .pn-button[data-variant=\"borderless\"][data-appearance=\"light\"] .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n\n .pn-button[data-appearance=\"light\"] pn-icon .pn-icon-svg path {\n fill: $white !important;\n }\n\n button {\n .pn-button-text {\n color: $white !important;\n }\n }\n\n\n }\n}\n\n.header-wrapper[data-header-theme=\"tpl\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n [slot=\"header-bottom-button\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n display: flex;\n gap: 1rem;\n align-items: center;\n\n a {\n color: $blue900;\n font-weight: 500;\n font-size: 1.6rem;\n padding: 0.8rem 2.4rem;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue900;\n transition: initial;\n }\n }\n }\n\n & > header {\n .siteheader-row:not(:last-child) {\n background-color: $blue900;\n border-bottom: 0.1rem solid $blue900;\n }\n\n @media screen and (max-width: $siteheader-media-tablet) {\n .siteheader-row:last-child {\n background-color: $blue900;\n }\n }\n\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n [data-level=\"1\"] pn-mainnav-link > button::before,\n [data-level=\"1\"] pn-mainnav-link > a::before {\n background-color: $coral200;\n }\n }\n\n [slot=\"siteheader-menu-top-button\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n\n @media screen and (max-width: 415px) {\n display: none;\n }\n\n background: $blue900;\n display: flex;\n align-items: center;\n\n a {\n color: $blue900;\n font-weight: 500;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n\n a {\n color: $blue900;\n }\n\n pn-mainnav-link button {\n color: $blue900;\n\n pn-icon svg path {\n fill: $blue900;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n\n &:hover {\n background: $blue400;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue900;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n background-color: $blue900;\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n\n svg.siteheader-logo > path {\n fill: $blue400;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue400;\n }\n\n &:active,\n &:focus {\n background-color: $blue900;\n }\n }\n\n margin-right: 0;\n align-self: center;\n margin-left: 1rem;\n }\n\n div.siteheader-menu-top-search {\n display: inline-block;\n margin-top: auto;\n margin-bottom: auto;\n width: fit-content;\n\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n pn-search-field {\n justify-content: flex-end;\n min-width: inherit;\n }\n\n form {\n margin-right: 0;\n }\n\n form:not(:focus-within) .input-container {\n position: absolute;\n width: 100%;\n\n input {\n cursor: pointer;\n background-color: transparent;\n color: transparent;\n border: none;\n position: relative;\n z-index: 3;\n border-radius: 0;\n\n &::placeholder {\n color: transparent;\n }\n }\n }\n\n .input-container:focus-within {\n margin-left: 2rem;\n\n input {\n background-color: $white;\n color: $blue900;\n }\n }\n\n .siteheader-search pn-button button {\n width: fit-content;\n padding: 1rem 1.9rem;\n\n .pn-button-bg {\n background: $blue900;\n }\n }\n }\n\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row:last-child pn-marketweb-siteheader-search {\n display: none;\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n\n &:hover {\n border-color: $white;\n }\n\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n .siteheader-menu-footer {\n [slot=\"menu-footer-cta\"] {\n display: none;\n }\n\n\n\n @media screen and (max-width: $min-width-md) {\n [slot=\"menu-footer-cta\"] {\n display: flex;\n color: $blue900;\n flex-direction: column;\n gap: 0.5rem;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content {\n font-weight: 500;\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n }\n\n a:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n\n .pn-button-text {\n color: $white;\n }\n }\n }\n }\n\n @media screen and (max-width: 1024px) {\n pn-button-dropdown button:focus,\n pn-button-dropdown button:hover {\n color: $white;\n background-color: $blue400;\n box-shadow:\n 0 0 0 0.2rem $white,\n 0 0 0 0.4rem $blue400;\n\n svg > path {\n fill: $white;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue400;\n }\n\n &:focus {\n background-color: $blue400;\n }\n\n svg > path {\n fill: $white;\n }\n\n @media screen and (max-width: 1024px) {\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n }\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n LanguageSelector,\n LanguageSelectorItem,\n LoginDialog,\n MenuItem,\n MenuSiteDefinition,\n PromotedMenuItem,\n SiteHeaderI18N,\n SiteHeaderSearch,\n SiteSelector,\n} from './pn-marketweb-siteheader-types';\nimport { translations } from './translations';\n\n/**\n * @slot topleft - Text\n * @slot logo - Text\n * @slot toprightstart - Text\n * @slot toprightend - Text\n * @slot siteheader-menu-top-button - Text\n * @slot menu-footer-cta - Text\n * @slot header-bottom-button - Text\n */\n@Component({\n tag: 'pn-marketweb-siteheader',\n styleUrl: 'pn-marketweb-siteheader.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n endpointPath = '/api/navigation/header';\n\n /** Specifies which market we want to show (se,dk,fi,no,com) */\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /** Specifies which language we want to show (sv,da,fi,no,en) */\n @Prop({ mutable: true, reflect: true }) language: string = null; //sv\n /** Specifies the current site id (guid) */\n @Prop() siteid: string = null;\n /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n /** Access token passed from backend */\n @Prop() userToken: string = '';\n /** User Fullname */\n @Prop() userFullname: string = '';\n /** User Logged in state from the backend */\n @Prop({ reflect: true }) userLoggedin: boolean = false;\n /** Specifies which endpoint domain we should load from */\n @Prop() endpoint: string = null;\n /** Hides the site selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSiteSelector: boolean = false;\n /** Hides the \"home\" menu item in the navigation if set to true*/\n @Prop({ mutable: true, reflect: true }) hideHomeMenuItem: boolean = false;\n /** Hides the language selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLanguageSelector: boolean = false;\n /** Hides the search form if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSearch: boolean = false;\n /** Hides the login if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLogin: boolean = false;\n /** If this is selected we will show the new profile selection dropdown instead of the login version */\n @Prop({ mutable: true, reflect: true }) showProfileSelection: boolean = false;\n /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */\n @Prop() showUnifiedLogin: boolean = false;\n\n /** Adjusts the menus URLs */\n @Prop() siteDomainInUrls: boolean = false;\n\n /** Autocomplete endpoint */\n @Prop() AutocompleteEndpoint: string = '';\n /** Forward session to backend */\n @Prop() sessionForward: boolean = false;\n /** If the component should use cached requests */\n @Prop() cache: boolean = false;\n /** Header search placeholder */\n @Prop() searchPlaceholder: string = '';\n\n /** Event based only language switch */\n @Prop({}) spaMode: boolean = false;\n\n /** Continiously check if a user is logged in **/\n @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n @Prop({}) useMarketwebLogin: boolean = false;\n\n @Prop({}) pageId?: string = '';\n\n @State() i18n: SiteHeaderI18N = {\n searchlabel: '',\n searchplaceholder: '',\n searchbuttontext: '',\n menuHomeButton: '',\n menuGoBackButton: '',\n mainMenuButton: '',\n menuStartButton: '',\n profileSelectionFlyoutHeading: '',\n unifiedLoginButton: '',\n unifiedMyPagesButton: '',\n home: 'Home'\n } as SiteHeaderI18N;\n\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n @State() homePageLink: string = '/';\n\n // Menu state\n @State() menuItems: MenuItem[] = [];\n @State() siteDefinition: MenuSiteDefinition;\n\n // Search\n @State() search: SiteHeaderSearch = { AutocompleteEndpoint: this.AutocompleteEndpoint };\n\n // Site selector\n @State() siteSelector: SiteSelector = null;\n\n // Language Selector\n @State() languageSelector: LanguageSelector = null;\n @State() languageOptions: LanguageSelectorItem[] = [];\n\n // Login dialog\n @State() loginDialog: LoginDialog = null;\n\n @State() minimizeSearch: boolean = false;\n\n @State() loggedIn: boolean = false;\n\n // FetchHelper\n fetchHelper = new FetchHelper('siteheader');\n\n // // Login manager\n // @State() loginManager: MarketWebLoginManager = null;\n\n // Events\n @Event() changeLanguage: EventEmitter;\n // Events\n @Event() changeMarket: EventEmitter;\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 50);\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n if (this.searchPlaceholder) {\n this.i18n.searchplaceholder = this.searchPlaceholder;\n }\n }\n\n @Listen('setLanguage')\n onLanguageSelectorChange(e) {\n this.language = e.detail;\n window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.changeLanguage.emit(this.language);\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.changeMarket.emit(this.market);\n this.fetchData();\n }\n\n async fetchData() {\n if (this.endpoint === null || !this.market || !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}¤tPage=${this.pageId}`;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n )) as any;\n\n // const data2 = JSON.parse('{\"query\":{\"market\":\"se\",\"language\":\"sv\",\"currentPage\":\"\"},\"sitedefinition\":{\"name\":\"Postnord Sweden\",\"url\":\"https://localhost:51547/\"},\"search\":{\"formActionUrl\":\"https://localhost:51547/sok/\",\"useAutocompleteInHeaderSearch\":true,\"hideSearchFromHeader\":false,\"preferredSiteId\":\"06bb4e57-cf10-4374-9e4d-34ae987eff2e\"},\"languageSelectorViewModel\":{\"currentLanguageNativeName \":\"Svenska\",\"languages\":[{\"twoLetterISOLanguageName\":\"en\",\"nativeName\":\"English\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"sv\",\"nativeName\":\"Svenska\",\"isCurrent\":true},{\"twoLetterISOLanguageName\":\"da\",\"nativeName\":\"Dansk\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"tr\",\"nativeName\":\"Türkçe\",\"isCurrent\":false}],\"hideLanguageSelectorFromHeader\":false},\"siteSelectorViewModel\":{\"siteSelectorButtonText\":\"postnord.se\",\"siteSelectorTitle\":\"PostNord\",\"currentSiteTitle\":\"postnord.se\",\"currentSiteDescription\":\"Tjänster och verktyg för att skicka och ta emot din post\",\"siteSelections\":[{\"linkText\":\"Portal\",\"linkDescription\":\"Hantera dina försändelser\",\"pageLink\":\"https://portal.postnord.com/\",\"openInNewWindow\":false,\"href\":\"https://portal.postnord.com/\"},{\"linkText\":\"postnord.com\",\"linkDescription\":\"Information om PostNord Koncernen\",\"pageLink\":\"/link/7d10839b295946bbb54bebcb289f3aff.aspx\",\"openInNewWindow\":false,\"href\":\"https://com-inte.postnord.com/sv/\"}],\"hideSiteSelectorFromHeader\":false},\"loginViewModel\":{\"loginMenuLinks\":[{\"linkText\":\"Handla online\",\"pageLink\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\"},{\"linkText\":\"Business portal\",\"pageLink\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\"},{\"linkText\":\"Ombudsbutiken\",\"pageLink\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\"}],\"loggedInLinks\":[{\"linkText\":\"Logga ut\",\"pageLink\":\"http://window.location.href/?logout\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":null,\"href\":\"http://window.location.href/?logout\"}],\"overrideLoginMenu\":false,\"loginMenuLinkText\":\"Logga in\",\"countryCode\":\"SE\",\"locale\":\"sv\",\"loginUrl\":\"https://portal.postnord.com/login?language=sv\",\"registerUrl\":\"https://portal.postnord.com/createaccount?market=SE\",\"loggedInButtonText\":\"My PostNord\",\"loginTitle\":\"Logga in direkt på:\",\"loginLinkText\":\"Logga in\",\"createLoginLinkText\":\"Skapa nytt konto\",\"hideLoginFromHeader\":false,\"showProfileSelection\":true,\"checkUserLoginStateInterval\":20000,\"showUnifiedLogin\":true,\"loginInfo\":\"\",\"eshopStartPageUrl\":\"/handla-online/\"},\"mainMenu\":{\"menuItems\":[{\"name\":\"Privat\",\"href\":\"/privat2/\",\"id\":\"102118\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/privat2/skicka/\",\"id\":\"102119\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102119\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/privat2/ta-emot/\",\"id\":\"102135\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102135\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/privat2/priser-och-villkor/\",\"id\":\"102162\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102162\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/privat2/forberedelser/\",\"id\":\"102173\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102173\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"PostNord App\",\"pageLink\":\"/link/05dcebb0c20b4b56806f4736d83b773d.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-app/\",\"openInNewWindow\":false},{\"linkText\":\"Digitalt frimärke\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"href\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/\",\"href\":\"https://portal.postnord.com/skickadirekt/m/\",\"openInNewWindow\":false},{\"linkText\":\"Sök utdelningsdag\",\"pageLink\":\"/link/701d85d2a8924b7a8da0dd86f049debe.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/sok-utdelningsdag/\",\"openInNewWindow\":false},{\"linkText\":\"Paketbox\",\"pageLink\":\"/link/aca5b66a6f6c45ae97ecd7d5f176d512.aspx\",\"href\":\"https://localhost:51547/privat/ta-emot/hamta/hamta-paket-i-paketbox/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/8b60c612e9824ccb905fc260c50f69f5.aspx\",\"href\":\"https://localhost:51547/privat/skicka/brev-och-paket/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"privat102118\",\"level\":1},{\"name\":\"Företag\",\"href\":\"/foretag2/\",\"id\":\"102743\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/foretag2/skicka/\",\"id\":\"102744\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102744\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/foretag2/ta-emot/\",\"id\":\"102826\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102826\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/foretag2/priser-och-villkor/\",\"id\":\"102845\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102845\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/foretag2/forberedelser/\",\"id\":\"102855\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102855\",\"level\":2},{\"name\":\"Företagslösningar\",\"href\":\"/foretag2/foretagslosningar/\",\"id\":\"102883\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"fretagslsningar102883\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"Bli avtalskund\",\"pageLink\":\"/link/1fb879eb737747f2afc442df11ff99b5.aspx\",\"href\":\"https://localhost:51547/kundservice/bli-avtalskund/\",\"openInNewWindow\":false},{\"linkText\":\"PEX Bud\",\"pageLink\":\"/link/b1209ba46788420a8e9b5c7f06e570ad.aspx?productId=800\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/pex-bud/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/shippingtoolpro\",\"href\":\"https://portal.postnord.com/shippingtoolpro\",\"openInNewWindow\":true},{\"linkText\":\"Portal Business\",\"pageLink\":\"/link/c97df117dc9c427f90b1e95c1fa8caae.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-portal/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/a65c6b42681f4230b927f776bfc8662a.aspx\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/brev-och-vykort/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"fretag102743\",\"level\":1},{\"name\":\"Handla online\",\"href\":\"/handla-online/\",\"id\":\"57674\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonline57674\",\"level\":1},{\"name\":\"Kundservice\",\"href\":\"/kundservice-faq/\",\"id\":\"167\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"kundservice167\",\"level\":1},{\"name\":\"Handla online temp redirect\",\"href\":\"/handla-online-new/\",\"id\":\"74849\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonlinetempredirect74849\",\"level\":1}]}}');\n // console.log(data2);\n await this.setStateFromData(data);\n }\n\n getLanguageVersionUrl(item: LanguageSelectorItem) {\n if (this.spaMode) {\n return null;\n }\n const alternativeTag = document.querySelector(`link[rel=\"alternate\"][hreflang=\"${item.twoLetterISOLanguageName}\"]`);\n\n if (alternativeTag) {\n return alternativeTag.getAttribute('href');\n }\n const siteUrl = this.siteDefinition.url;\n // Add trailing slash to domain if it's missing\n return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;\n }\n\n async setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n // Set site definition\n this.siteDefinition = data.sitedefinition;\n if (headerState.loginManager) {\n headerState.loginManager.setSiteUrl(this.siteDefinition.url);\n }\n\n let updatedMenuItems = [];\n // Set navigation information\n if (this.siteDomainInUrls) {\n updatedMenuItems = (data.mainMenu.menuItems as MenuItem[]).map(item => {\n return this.adjustMenuItemUrls(item);\n });\n } else {\n updatedMenuItems = data.mainMenu.menuItems as MenuItem[];\n }\n\n // Create the \"Home\" link\n if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {\n updatedMenuItems.unshift({\n href: this.siteDefinition.url,\n name: this.i18n.menuHomeButton,\n id: 'homelink',\n open: false,\n selected: false,\n children: [],\n } as MenuItem);\n }\n this.menuItems = updatedMenuItems;\n // Set search\n this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };\n\n // Set site selector\n this.siteSelector = data.siteSelectorViewModel;\n\n // Set language selector\n this.languageSelector = data.languageSelectorViewModel;\n this.setLanguageOptions();\n\n let loginDialog = data.loginViewModel as LoginDialog;\n\n if (loginDialog && this.siteDomainInUrls) {\n loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n }\n\n this.loginDialog = loginDialog;\n\n await this.spaModeAdjustments();\n this.gotData = true;\n this.fetchingData = true;\n this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;\n\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 100);\n }\n\n adjustMenuItemUrls(item: MenuItem) {\n item.href = this.adjustHref(item.href);\n if (item.children && item.children.length > 0) {\n let adjustedItems = item.children.map(item => {\n return this.adjustMenuItemUrls(item);\n });\n item.children = adjustedItems;\n }\n return item as MenuItem;\n }\n\n adjustHref(href: string) {\n if (href.indexOf('http') === 0) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n\n return this.removeDoubleLanguage(domainUrl + href);\n }\n\n removeDoubleLanguage(url: string) {\n let languageSegment = this.language.toLocaleLowerCase() + \"/\";\n let doubleLanguageSegment = \"/\" + languageSegment + languageSegment;\n\n if(url.includes(doubleLanguageSegment)){\n return url.replace(doubleLanguageSegment, \"/\" + languageSegment);\n }\n\n return url;\n }\n\n setLanguageOptions() {\n if (!this.languageSelector || !this.languageSelector.languages) {\n return;\n }\n const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')) ?? [];\n const hrefLangs = hrefLangsTags.map(tag => {\n let hrefLangValue = tag.getAttribute('hreflang');\n if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {\n hrefLangValue = hrefLangValue.substring(0, 2);\n }\n return hrefLangValue;\n });\n let languageOptions = []; // Reset language options\n\n this.languageSelector.languages.map((languageOption: LanguageSelectorItem) => {\n // In case there are language links present on the page we only show languages that have those tags\n if (hrefLangs && hrefLangs.length > 0) {\n if (hrefLangs.includes(languageOption.twoLetterISOLanguageName)) {\n languageOptions.push(languageOption);\n }\n } else {\n languageOptions.push(languageOption);\n }\n });\n this.languageOptions = languageOptions; // Replace existing language options so we don't trigger a event change on every push.\n }\n\n async spaModeAdjustments() {\n if (!this.spaMode) {\n return;\n }\n\n return;\n }\n\n @Listen('loginStateChange')\n onLoginStateChange(e) {\n if (e.detail?.loggedIn && e.detail?.token) {\n this.loggedIn = e.detail?.loggedIn === true;\n if (this.sessionForward) {\n try {\n //fetch('/api/userprofile/sync?token=' + e.detail.token);\n } catch (e) {}\n }\n }\n }\n\n promotedItemId(item: PromotedMenuItem) {\n return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n requestAnimationFrame(() => {\n this.checkMenuOverflow();\n });\n }\n\n checkMenuOverflow() {\n const row = this.hostElement.querySelectorAll('.siteheader-row')[1] as HTMLElement;\n if (!row) {\n return;\n }\n const firstMenuLevel = row.querySelector('pn-mainnav-level') as HTMLElement;\n if (!firstMenuLevel) {\n return;\n }\n const parent = firstMenuLevel.parentElement;\n\n if (parent.tagName.toLocaleLowerCase() !== 'nav') {\n return;\n }\n const parentWidth = parent.scrollWidth;\n const elmWidth = firstMenuLevel.clientWidth;\n const isOverFlowed = parentWidth < elmWidth;\n\n if (isOverFlowed && this.minimizeSearch === false) {\n this.minimizeSearch = true;\n }\n }\n\n adjustSiteSelectorUrl(href: string) {\n if (!this.loggedIn) {\n return href;\n }\n const loginDomains = ['portal.postnord.com'];\n const matchedHref = loginDomains.filter(domain => {\n return href.indexOf(domain) !== -1;\n });\n if (matchedHref.length === 0) {\n return href;\n }\n if (headerState.loginManager) {\n return headerState.loginManager.getLoginUrl(href);\n }\n return href;\n }\n\n private getFallbackValue(value: string, fallback: string): string {\n return value && value.trim() !== '' ? value : fallback;\n } \n\n render() {\n const i18n = {\n ...this.i18n,\n home: this.getFallbackValue(this.i18n.home, 'Home')\n };\n\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <header>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-topleft\">\n <slot name=\"topleft\"></slot>\n {this.gotData && this.siteSelector && !this.hideSiteSelector && (\n <pn-site-selector language={this.language} buttontext={this.siteSelector?.currentSiteTitle ?? 'postnord'}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle + ' '} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText + ' '}\n description={site.linkDescription}\n url={this.adjustSiteSelectorUrl(site.href)}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div class=\"siteheader-logocontainer\">\n <a href={this.homePageLink} title={i18n.home} aria-label={i18n.home} class=\"siteheader-logolink\">\n <slot name=\"logo\">\n <svg class=\"siteheader-logo\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.7rem\" height=\"2.4rem\" viewBox=\"0 0 141.73 26.65\" role=\"img\" aria-label=\"PostNord\">\n <path\n d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n fill=\"#00A0D6\"\n transform=\"translate(0 0)\"\n ></path>\n </svg>\n </slot>\n </a>\n </div>\n <div class=\"siteheader-topright\">\n <slot name=\"toprightstart\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n token={this.userToken}\n siteUrl={this.siteDefinition.url}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n useMarketwebLogin={this.useMarketwebLogin}\n environment={this.environment}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n <slot name=\"toprightend\"></slot>\n <div class=\"siteheader-menu-top-search\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n icononly={true}\n ></pn-marketweb-siteheader-search>\n </div>\n </div>\n </div>\n <slot name=\"siteheader-menu-top-button\"></slot>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-menu\">\n {this.gotData && this.menuItems && (\n <pn-mainnav\n market={this.market}\n language={this.language}\n onMenuOpenChange={e => {\n document.body.setAttribute('data-siteheader-menuopen', e.detail + '');\n }}\n >\n <pn-mainnav-level>\n <pn-mainnav-list>\n {this.menuItems.map(item => (\n <pn-mainnav-link name={item.name} href={item.href} itemid={item.id} target={item.linkTarget ?? '_self'} linkid={item.trackingId}>\n {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n <pn-mainnav-level label={item.name}>\n {item.children.length > 0 && (\n <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n {item.children.map(childitem => (\n <pn-mainnav-link\n name={childitem.name}\n href={childitem.href}\n target={childitem.linkTarget ?? '_self'}\n linkid={childitem.trackingId}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n {item.promotedMenuItems && item.promotedMenuItems.length > 0 && (\n <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n {item.promotedMenuItems.map(childitem => (\n <pn-mainnav-link\n href={childitem.href}\n name={childitem.linkText}\n target={childitem.openInNewWindow ? '_blank' : '_self'}\n linkid={this.promotedItemId(childitem) + item.id}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n </pn-mainnav-level>\n )}\n </pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n <div slot=\"footer\" class=\"siteheader-menu-footer\">\n <slot name=\"menu-footer-cta\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n token={this.userToken}\n siteUrl={this.siteDefinition.url}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n environment={this.environment}\n check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n useMarketwebLogin = {this.useMarketwebLogin}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n {!this.hideSiteSelector && (\n <pn-site-selector language={this.language}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText}\n description={site.linkDescription}\n url={site.pageLink}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div slot=\"top\" class=\"siteheader-menu-top\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n </div>\n </pn-mainnav-level>\n </pn-mainnav>\n )}\n </div>\n\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n primary={true}\n search={this.search}\n hide-search={this.hideSearch}\n show-only-link={this.minimizeSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n <slot name=\"header-bottom-button\"></slot>\n </div>\n </header>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,g as o,h as n,d as r}from"./p-b3a13b6a.js";const i="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-profile-modal-customernumber-button{display:block;border:0;margin:0;background:#fff;cursor:pointer;appearance:none;border:0;outline:0;padding:0.8rem;font-weight:400;font-size:1.4rem;border-radius:0.8rem;line-height:1.4;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-customernumber-button:hover,.pn-profile-modal-customernumber-button:focus,.pn-profile-modal-customernumber-button:active{background:#effbff}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,g as o,h as n,d as r}from"./p-b3a13b6a.js";const i="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-profile-modal-customernumber-button{display:block;border:0;margin:0;background:#fff;cursor:pointer;appearance:none;border:0;outline:0;padding:0.8rem;font-weight:400;font-size:1.4rem;border-radius:0.8rem;line-height:1.4;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-customernumber-button:hover,.pn-profile-modal-customernumber-button:focus,.pn-profile-modal-customernumber-button:active{background:#effbff}";const s=i;const d=class{constructor(o){e(this,o);this.urlSelected=t(this,"urlSelected",7);this.url=null;this.customernumber=null;this.selected=false}get hostElement(){return o(this)}urlSelected;onCustomerNumberClick(){this.selected=true;this.urlSelected.emit(this.url)}render(){return n(r,{key:"0ce49acb378d4d897e7fa35991d4f992bcba5223"},n("button",{key:"eba57653d03333dedd9ec97eeb7e48e128f4178c",class:"pn-profile-modal-customernumber-button",onClick:this.onCustomerNumberClick.bind(this)},n("slot",{key:"d9fd9594f8f5edf4f38b7eca7b0f150ae1e8e777"})))}};d.style=s;export{d as pn_profile_modal_customernumber};
|
|
2
|
+
//# sourceMappingURL=p-42da7c5f.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as o,d as i}from"./p-b3a13b6a.js";import{s as p}from"./p-70a9d4eb.js";import"./p-2132ad75.js";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as o,d as i}from"./p-b3a13b6a.js";import{s as p}from"./p-70a9d4eb.js";import"./p-2132ad75.js";const n="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-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";const r=n;const a=class{constructor(t){e(this,t);this.typeid="";this.name="false";this.selected=false;this.selectedprofile=null}get hostElement(){return t(this)}onSelectedChange(){if(this.selected){p.selectedType=this.name}p.selectedProfile="";[...this.hostElement.querySelectorAll("pn-profile-modal-profile")].map((e=>{e.setAttribute("selected","false")}))}render(){return o(i,{key:"508c07126e8162c837f8e5f4e1f5c18b715ec6af",selected:(p.selectedType===this.name)+"","selected-profile":p.selectedProfile+""},o("slot",{key:"85585a1afb75ca92ab2f1d19b8eec9f1a89d9d93"}))}static get watchers(){return{selected:["onSelectedChange"]}}};a.style=r;export{a as pn_profile_modal_type};
|
|
2
|
+
//# sourceMappingURL=p-43748ca2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as i}from"./p-ae5756dd.js";import{b as a}from"./p-7e3afa8c.js";import{c as d}from"./p-cfaf2eec.js";import"./p-2132ad75.js";const s="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-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=s;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){i.openMenu=!i.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",i.openMenu+"")}render(){return n(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as i}from"./p-ae5756dd.js";import{b as a}from"./p-7e3afa8c.js";import{c as d}from"./p-cfaf2eec.js";import"./p-2132ad75.js";const s="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-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=s;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){i.openMenu=!i.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",i.openMenu+"")}render(){return n(o,{key:"e39123bb8b589294d9190b083236960502422680"},n("pn-button",{key:"38aefe40e4697812e49c31a2d957e5551e074902",appearance:"light",icon:i.openMenu?d:a,"left-icon":true,small:true,onclick:this.onClick.bind(this),label:this.label},n("slot",{key:"d75dfec55fabbf91058c7df754451392abed85fa"})))}};r.style=p;export{r as pn_sidenav_togglebutton};
|
|
2
|
+
//# sourceMappingURL=p-466958a8.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='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-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='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-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"2bdbbc5c06f8fc7946c22dd151fdf725b971a47f"},(this.heading||this.preamble)&&n("div",{key:"ae7e816a4b35d9736eca631594bf8dd4a402096b",class:"link-list__header"},this.heading&&n("h2",{key:"4f71745dfbc20fc0422bccae0e2fa40873bd0921",class:"link-list__heading"},this.heading),this.preamble&&n("p",{key:"d90f91362ec62ce07f5c7fe52f9555be516a592b",class:"link-list__preamble"},this.preamble)),n("div",{key:"320c142dd6a699e1ca05c93c4d9af11843d5d168",class:"link-list"},n("div",{key:"65bf6f7c2339e6c48a6f0a30b04b8685ae1f19e2",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"76fc2f53fb5273c3e90b05dbf697be55e98d58cc",class:"link-list__scrollable"},n("slot",{key:"13ef92532b590781ecd5b1d6fa9ccf07295c78b0",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
|
|
2
|
+
//# sourceMappingURL=p-4ab53d5d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as i,h as o}from"./p-b3a13b6a.js";import{H as a}from"./p-885d59e8.js";const n="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-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:flex;align-items:center;justify-content:center;transition:opacity 1s;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container picture{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:flex !important;clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:flex !important;height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;animation:overlayBackgroundAnimation 20s ease infinite}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";const t=n;const c=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel="h2";this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");const o=this.customOverlayBackground?.trim();if(i&&o&&o!=="undefined"&&o!=="null"){i.style.background=o}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:n,scrollSnapBlock:t,hasButtonSlot:c,hasVideo:d,hasImage:l,animateOverlayBackground:m,marginBottom:b}=this;const h=d;const r=l;const k=["media-block",n?`media-block--height-${n}`:"",e?"media-block--with-overlay":"",m?`media-block--animate-overlay-background`:"",h?"media-block--video":"",t?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",b?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"da0d5287214fdaf6bfbeb3959b74f2b27f307fec",class:k},o("div",{key:"e7bcb991eb8d0f180b75adc19fd1c2a5f9f5332a",class:"media-block__block-container"},o("div",{key:"1583cfd0df2bafad5538a45d834f1934b91079b1",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("img",{src:this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc,alt:this.imageAltText!=="undefined"?this.imageAltText:"",role:this.imageAltText!=="undefined"?"img":"presentation","aria-hidden":this.imageAltText!=="undefined"?"false":"true"})):null),!h&&o("div",{key:"1e2dd7afa6e98983f96c2268cd5154b3b5afedd6",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"4738c1c2eace3365078011b10f44967f1b6ee230",class:"media-block__content-container"},this.blockHeading&&o(a,{key:"8399e4c5ff4c0b0442ea99ff90b86c3b548ac77f",level:this.blockHeadingLevel,cssClass:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"7c0943e4991728bbd7eb028f1a64a8597ab6f613",class:"media-block__preamble"},this.blockPreamble),c&&o("div",{key:"d2db3e84ef94e28d3c2857a3e6f0362bcd39bdcc",class:"media-block__cta-link"},o("slot",{key:"c88e64726536929e7fccf6b0cd7af8df6dc605de",name:"cta-button"})))),o("div",{key:"886b3c5c1c71d7a0c36db654e0d700e294757889",id:"scroll-trigger"}))}};c.style=t;export{c as pn_media_block};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as i,h as o}from"./p-b3a13b6a.js";import{H as a}from"./p-885d59e8.js";const n="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-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:flex;align-items:center;justify-content:center;transition:opacity 1s;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container picture{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:flex !important;clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:flex !important;height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;animation:overlayBackgroundAnimation 20s ease infinite}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";const t=n;const c=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel="h2";this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");const o=this.customOverlayBackground?.trim();if(i&&o&&o!=="undefined"&&o!=="null"){i.style.background=o}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:n,scrollSnapBlock:t,hasButtonSlot:c,hasVideo:d,hasImage:l,animateOverlayBackground:m,marginBottom:b}=this;const h=d;const r=l;const k=["media-block",n?`media-block--height-${n}`:"",e?"media-block--with-overlay":"",m?`media-block--animate-overlay-background`:"",h?"media-block--video":"",t?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",b?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"640c29be03a5126ece3696e7585395944bca693e",class:k},o("div",{key:"7fc3c4548da4b51da26e1a0e16e0340733ad5d7d",class:"media-block__block-container"},o("div",{key:"7ba57312f9c5799694dc36847102aa0b8751449d",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("img",{src:this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc,alt:this.imageAltText!=="undefined"?this.imageAltText:"",role:this.imageAltText!=="undefined"?"img":"presentation","aria-hidden":this.imageAltText!=="undefined"?"false":"true"})):null),!h&&o("div",{key:"cba6cfd1e89eeb64e49eb5e02d0f34034140f015",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"b5abedd54cb406df6190ee7ac1259c7dfb77071a",class:"media-block__content-container"},this.blockHeading&&o(a,{key:"4759750900cc13ae6e32858751ae0d551c854abe",level:this.blockHeadingLevel,cssClass:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"76815be9328af4661e9477ec45abfe7277ac34db",class:"media-block__preamble"},this.blockPreamble),c&&o("div",{key:"79acaefcc3aa0c311b44c17edcd8863040fd4085",class:"media-block__cta-link"},o("slot",{key:"c803d559a3c086084866f5999e2339691efa790f",name:"cta-button"})))),o("div",{key:"299b5609fd7f048779f39f9c0dc887a64b04b47d",id:"scroll-trigger"}))}};c.style=t;export{c as pn_media_block};
|
|
2
|
+
//# sourceMappingURL=p-4d595345.entry.js.map
|