@postnord/pn-marketweb-components 4.2.2 → 4.2.3
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/index-9a9efa1c.js +4 -0
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-address-autofill.cjs.entry.js +1 -1
- package/cjs/pn-app-banner.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar-level.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar.cjs.entry.js +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js +1 -1
- package/cjs/pn-chart.cjs.entry.js +1 -1
- package/cjs/pn-charts-card.cjs.entry.js +3 -3
- package/cjs/pn-chat-message_2.cjs.entry.js +2 -2
- package/cjs/pn-chat.cjs.entry.js +2 -2
- package/cjs/pn-choice-button.cjs.entry.js +1 -1
- package/cjs/pn-cta-block.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-date-and-time.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +2 -2
- package/cjs/pn-filter-checkbox.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_9.cjs.entry.js +8 -8
- 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-mainnav-link.cjs.entry.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-icon.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-input.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-search.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader-login-button_4.cjs.entry.js +2 -2
- package/cjs/pn-marketweb-siteheader-login-mypage-button.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +4 -4
- package/cjs/pn-marketweb-table.cjs.entry.js +1 -1
- package/cjs/pn-media-block.cjs.entry.js +1 -1
- package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js +1 -1
- package/cjs/pn-multi-row-connected-dropdown.cjs.entry.js +1 -1
- package/cjs/pn-multiple-input.cjs.entry.js +2 -2
- package/cjs/pn-parcel-tracker.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-quick-cta.cjs.entry.js +1 -1
- package/cjs/pn-share-item.cjs.entry.js +1 -1
- package/cjs/pn-share.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-spotlight.cjs.entry.js +1 -1
- package/cjs/pn-stats-info-data.cjs.entry.js +1 -1
- package/cjs/pn-stats-info.cjs.entry.js +1 -1
- package/cjs/pn-titletag.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/cjs/pn-versa-card.cjs.entry.js +84 -0
- package/cjs/pn-versa-card.cjs.entry.js.map +1 -0
- package/collection/collection-manifest.json +1 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.css +519 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.js +326 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.js.map +1 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.stories.js +333 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.stories.js.map +1 -0
- package/collection/components/charts/pn-chart/pn-chart.js +1 -1
- package/collection/components/charts/pn-charts-card/pn-charts-card.js +3 -3
- package/collection/components/cta/pn-cta-block/pn-cta-block.js +2 -2
- package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js +1 -1
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.js +1 -1
- package/collection/components/cta/pn-share/pn-share-item.js +1 -1
- package/collection/components/cta/pn-share/pn-share.js +1 -1
- package/collection/components/cta/pn-spotlight/pn-spotlight.js +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.js +1 -1
- package/collection/components/input/pn-address-autofill/pn-address-autofill.js +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js +1 -1
- package/collection/components/input/pn-choice-button/pn-choice-button.js +1 -1
- package/collection/components/input/pn-date-and-time/pn-date-and-time.js +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.js +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js +2 -2
- package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.js +1 -1
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js +1 -1
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.js +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.js +1 -1
- package/collection/components/input/pn-multiple-input/pn-multiple-input.js +2 -2
- 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-mypage-button.js +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.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +2 -2
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js +1 -1
- 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.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js +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/components/pn-address-autofill.js +1 -1
- package/components/pn-app-banner.js +1 -1
- package/components/pn-bonus-progressbar-level.js +1 -1
- package/components/pn-bonus-progressbar.js +1 -1
- package/components/pn-breakpoints.js +1 -1
- package/components/pn-chart.js +1 -1
- package/components/pn-charts-card.js +3 -3
- package/components/pn-chat-message2.js +1 -1
- package/components/pn-chat.js +2 -2
- package/components/pn-choice-button2.js +1 -1
- package/components/pn-cta-block.js +2 -2
- package/components/pn-customernumber-selector-option.js +1 -1
- package/components/pn-customernumber-selector.js +1 -1
- package/components/pn-date-and-time.js +1 -1
- package/components/pn-dropdown-choice-adds-row.js +1 -1
- package/components/pn-dropdown-with-multi-input-rows-row2.js +1 -1
- package/components/pn-dropdown-with-multi-input-rows.js +2 -2
- package/components/pn-filter-checkbox2.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 +1 -1
- package/components/pn-language-selector2.js +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 +2 -2
- package/components/pn-mainnav-link2.js +1 -1
- package/components/pn-mainnav-list2.js +1 -1
- package/components/pn-mainnav2.js +1 -1
- package/components/pn-marketweb-carousel2.js +1 -1
- package/components/pn-marketweb-icon.js +1 -1
- package/components/pn-marketweb-input2.js +1 -1
- package/components/pn-marketweb-search.js +1 -1
- package/components/pn-marketweb-siteheader-login-button2.js +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js +1 -1
- package/components/pn-marketweb-siteheader.js +4 -4
- package/components/pn-marketweb-table.js +1 -1
- package/components/pn-media-block.js +1 -1
- package/components/pn-multi-row-connected-dropdown-row2.js +1 -1
- package/components/pn-multi-row-connected-dropdown.js +1 -1
- package/components/pn-multiple-input.js +2 -2
- package/components/pn-parcel-tracker.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 +1 -1
- package/components/pn-proxio-findprice.js +3 -3
- package/components/pn-proxio-pricegroup.js +1 -1
- 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-quick-cta.js +1 -1
- package/components/pn-share-item2.js +1 -1
- package/components/pn-share.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 +1 -1
- package/components/pn-site-selector2.js +1 -1
- package/components/pn-spotlight.js +1 -1
- package/components/pn-stats-info-data2.js +1 -1
- package/components/pn-stats-info.js +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/pn-versa-card.d.ts +11 -0
- package/components/pn-versa-card.js +114 -0
- package/components/pn-versa-card.js.map +1 -0
- package/esm/index-c0a4d8bd.js +4 -0
- package/esm/loader.js +1 -1
- package/esm/pn-address-autofill.entry.js +1 -1
- package/esm/pn-app-banner.entry.js +1 -1
- package/esm/pn-bonus-progressbar-level.entry.js +1 -1
- package/esm/pn-bonus-progressbar.entry.js +1 -1
- package/esm/pn-breakpoints.entry.js +1 -1
- package/esm/pn-chart.entry.js +1 -1
- package/esm/pn-charts-card.entry.js +3 -3
- package/esm/pn-chat-message_2.entry.js +2 -2
- package/esm/pn-chat.entry.js +2 -2
- package/esm/pn-choice-button.entry.js +1 -1
- package/esm/pn-cta-block.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-date-and-time.entry.js +1 -1
- package/esm/pn-dropdown-choice-adds-row.entry.js +1 -1
- package/esm/pn-dropdown-with-multi-input-rows-row.entry.js +1 -1
- package/esm/pn-dropdown-with-multi-input-rows.entry.js +2 -2
- package/esm/pn-filter-checkbox.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 +8 -8
- 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-mainnav-link.entry.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-icon.entry.js +1 -1
- package/esm/pn-marketweb-input.entry.js +1 -1
- package/esm/pn-marketweb-search.entry.js +1 -1
- package/esm/pn-marketweb-siteheader-login-button_4.entry.js +2 -2
- package/esm/pn-marketweb-siteheader-login-mypage-button.entry.js +1 -1
- package/esm/pn-marketweb-siteheader.entry.js +4 -4
- package/esm/pn-marketweb-table.entry.js +1 -1
- package/esm/pn-media-block.entry.js +1 -1
- package/esm/pn-multi-row-connected-dropdown-row.entry.js +1 -1
- package/esm/pn-multi-row-connected-dropdown.entry.js +1 -1
- package/esm/pn-multiple-input.entry.js +2 -2
- package/esm/pn-parcel-tracker.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-quick-cta.entry.js +1 -1
- package/esm/pn-share-item.entry.js +1 -1
- package/esm/pn-share.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-spotlight.entry.js +1 -1
- package/esm/pn-stats-info-data.entry.js +1 -1
- package/esm/pn-stats-info.entry.js +1 -1
- package/esm/pn-titletag.entry.js +1 -1
- package/esm/pn-usp-promoter.entry.js +1 -1
- package/esm/pn-versa-card.entry.js +80 -0
- package/esm/pn-versa-card.entry.js.map +1 -0
- package/package.json +1 -1
- package/pn-market-web-components/{p-e69d8395.entry.js → p-01fbf1ce.entry.js} +2 -2
- package/pn-market-web-components/{p-d18b9aff.entry.js → p-022780ab.entry.js} +2 -2
- package/pn-market-web-components/{p-ebba8dd2.entry.js → p-0700cb4c.entry.js} +2 -2
- package/pn-market-web-components/{p-89272a6b.entry.js → p-0a29bdca.entry.js} +2 -2
- package/pn-market-web-components/{p-aee65729.entry.js → p-0c07ad6d.entry.js} +2 -2
- package/pn-market-web-components/{p-e1c20440.entry.js → p-0d4d9d90.entry.js} +2 -2
- package/pn-market-web-components/{p-9c0243fd.entry.js → p-0f6f715b.entry.js} +2 -2
- package/pn-market-web-components/{p-b0845b6e.entry.js → p-118fe47d.entry.js} +2 -2
- package/pn-market-web-components/{p-02cc3319.entry.js → p-11c6e458.entry.js} +2 -2
- package/pn-market-web-components/{p-9b709942.entry.js → p-12cafd55.entry.js} +2 -2
- package/pn-market-web-components/{p-c6db243c.entry.js → p-150da889.entry.js} +2 -2
- package/pn-market-web-components/{p-b3605a96.entry.js → p-1c644b91.entry.js} +2 -2
- package/pn-market-web-components/p-24e428e4.entry.js +2 -0
- package/pn-market-web-components/p-24e428e4.entry.js.map +1 -0
- package/pn-market-web-components/{p-9638d206.entry.js → p-2616cdc1.entry.js} +2 -2
- package/pn-market-web-components/{p-6d6ae33e.entry.js → p-2e585ed5.entry.js} +2 -2
- package/pn-market-web-components/{p-f6c5c4de.entry.js → p-32bd2ff8.entry.js} +2 -2
- package/pn-market-web-components/{p-ed5c0dcc.entry.js → p-32e3ed3a.entry.js} +2 -2
- package/pn-market-web-components/{p-ec7a8e5a.entry.js → p-3f268359.entry.js} +2 -2
- package/pn-market-web-components/{p-7526d49d.entry.js → p-40e632cc.entry.js} +2 -2
- package/pn-market-web-components/{p-eafffc4b.entry.js → p-4149e715.entry.js} +2 -2
- package/pn-market-web-components/{p-368aa69f.entry.js → p-4517a3d4.entry.js} +2 -2
- package/pn-market-web-components/{p-588525ac.entry.js → p-461c8792.entry.js} +2 -2
- package/pn-market-web-components/{p-bb5a6883.entry.js → p-4915b14a.entry.js} +2 -2
- package/pn-market-web-components/{p-6f6ed930.entry.js → p-4a164ef8.entry.js} +2 -2
- package/pn-market-web-components/{p-08c96012.entry.js → p-4bc6d49f.entry.js} +2 -2
- package/pn-market-web-components/{p-44175dbd.entry.js → p-4d848e18.entry.js} +2 -2
- package/pn-market-web-components/{p-60e3ba3d.entry.js → p-5090bb1d.entry.js} +2 -2
- package/pn-market-web-components/{p-5d8eb438.entry.js → p-5efb190e.entry.js} +2 -2
- package/pn-market-web-components/{p-e07d8b18.entry.js → p-64f6691d.entry.js} +2 -2
- package/pn-market-web-components/{p-02094ddb.entry.js → p-66c0c8dc.entry.js} +2 -2
- package/pn-market-web-components/{p-315b9cba.entry.js → p-671a8129.entry.js} +2 -2
- package/pn-market-web-components/{p-b20d2e1b.entry.js → p-6d77e747.entry.js} +2 -2
- package/pn-market-web-components/{p-34cb1e2e.entry.js → p-6e693269.entry.js} +2 -2
- package/pn-market-web-components/{p-2f324058.entry.js → p-6f1e27ec.entry.js} +2 -2
- package/pn-market-web-components/{p-c7d41f58.entry.js → p-6f83d9ea.entry.js} +2 -2
- package/pn-market-web-components/{p-dc11fc75.entry.js → p-71956f95.entry.js} +2 -2
- package/pn-market-web-components/{p-b697755f.entry.js → p-7c1ba9d7.entry.js} +2 -2
- package/pn-market-web-components/{p-1cb0f3fa.entry.js → p-7e618c6b.entry.js} +2 -2
- package/pn-market-web-components/{p-5d70be75.entry.js → p-89fbca3b.entry.js} +2 -2
- package/pn-market-web-components/{p-7a721a2a.entry.js → p-8a76d782.entry.js} +2 -2
- package/pn-market-web-components/{p-fc5c33e7.entry.js → p-8f25176b.entry.js} +2 -2
- package/pn-market-web-components/{p-de55f656.entry.js → p-91effe9a.entry.js} +2 -2
- package/pn-market-web-components/{p-62ce6700.entry.js → p-9930e104.entry.js} +2 -2
- package/pn-market-web-components/{p-9fc3711d.entry.js → p-99843884.entry.js} +2 -2
- package/pn-market-web-components/{p-d3b4c8d7.entry.js → p-9ca239b4.entry.js} +2 -2
- package/pn-market-web-components/p-9d0ca27b.entry.js +2 -0
- package/pn-market-web-components/{p-e55e5b49.entry.js.map → p-9d0ca27b.entry.js.map} +1 -1
- package/pn-market-web-components/{p-6a5cb4ca.entry.js → p-9f2ad61a.entry.js} +2 -2
- package/pn-market-web-components/{p-3737defb.entry.js → p-a079f703.entry.js} +2 -2
- package/pn-market-web-components/{p-3a298543.entry.js → p-a13f1f73.entry.js} +2 -2
- package/pn-market-web-components/{p-b9774a2d.entry.js → p-a30de538.entry.js} +2 -2
- package/pn-market-web-components/p-a3f601cb.entry.js +2 -0
- package/pn-market-web-components/{p-e1ccd651.entry.js → p-ab1e3dc2.entry.js} +2 -2
- package/pn-market-web-components/{p-e9d495e3.entry.js → p-ac565795.entry.js} +2 -2
- package/pn-market-web-components/{p-096cbbcb.entry.js → p-af646091.entry.js} +2 -2
- package/pn-market-web-components/{p-46711387.entry.js → p-b2b2bae0.entry.js} +2 -2
- package/pn-market-web-components/{p-f962fd3e.entry.js → p-b8b84719.entry.js} +2 -2
- package/pn-market-web-components/{p-0d67f0af.entry.js → p-bd8ec517.entry.js} +2 -2
- package/pn-market-web-components/{p-317fcddf.entry.js → p-c0315c45.entry.js} +2 -2
- package/pn-market-web-components/p-c22e6a0d.entry.js +2 -0
- package/pn-market-web-components/{p-133c7313.entry.js.map → p-c22e6a0d.entry.js.map} +1 -1
- package/pn-market-web-components/{p-92e8e287.entry.js → p-c7965104.entry.js} +2 -2
- package/pn-market-web-components/{p-c030c263.entry.js → p-c89f3d6b.entry.js} +2 -2
- package/pn-market-web-components/{p-a6941ea3.entry.js → p-ca003c1f.entry.js} +2 -2
- package/pn-market-web-components/{p-4bf2c8ab.entry.js → p-d0f27361.entry.js} +2 -2
- package/pn-market-web-components/{p-d07efc2e.entry.js → p-d2c8cabd.entry.js} +2 -2
- package/pn-market-web-components/{p-6e3c311a.entry.js → p-da0477d7.entry.js} +2 -2
- package/pn-market-web-components/{p-4a8ef165.entry.js → p-e43a36e0.entry.js} +2 -2
- package/pn-market-web-components/{p-778ae152.entry.js → p-e6d6a752.entry.js} +2 -2
- package/pn-market-web-components/{p-5f904742.entry.js → p-ee33397c.entry.js} +2 -2
- package/pn-market-web-components/{p-0b092a5c.entry.js → p-f0d423d0.entry.js} +2 -2
- package/pn-market-web-components/{p-d49d093f.entry.js → p-f4d2d0d3.entry.js} +2 -2
- package/pn-market-web-components/{p-6b6aeeab.entry.js → p-ff38b9a5.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/cards/pn-versa-card/pn-versa-card.d.ts +30 -0
- package/types/components/cards/pn-versa-card/pn-versa-card.stories.d.ts +27 -0
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +1 -1
- package/types/components.d.ts +51 -0
- package/vscode-data.json +89 -0
- package/pn-market-web-components/p-0b7d3d23.entry.js +0 -2
- package/pn-market-web-components/p-133c7313.entry.js +0 -2
- package/pn-market-web-components/p-e55e5b49.entry.js +0 -2
- /package/pn-market-web-components/{p-e69d8395.entry.js.map → p-01fbf1ce.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d18b9aff.entry.js.map → p-022780ab.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ebba8dd2.entry.js.map → p-0700cb4c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-89272a6b.entry.js.map → p-0a29bdca.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-aee65729.entry.js.map → p-0c07ad6d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e1c20440.entry.js.map → p-0d4d9d90.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9c0243fd.entry.js.map → p-0f6f715b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b0845b6e.entry.js.map → p-118fe47d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-02cc3319.entry.js.map → p-11c6e458.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9b709942.entry.js.map → p-12cafd55.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c6db243c.entry.js.map → p-150da889.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b3605a96.entry.js.map → p-1c644b91.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9638d206.entry.js.map → p-2616cdc1.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6d6ae33e.entry.js.map → p-2e585ed5.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f6c5c4de.entry.js.map → p-32bd2ff8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ed5c0dcc.entry.js.map → p-32e3ed3a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ec7a8e5a.entry.js.map → p-3f268359.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-7526d49d.entry.js.map → p-40e632cc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-eafffc4b.entry.js.map → p-4149e715.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-368aa69f.entry.js.map → p-4517a3d4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-588525ac.entry.js.map → p-461c8792.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-bb5a6883.entry.js.map → p-4915b14a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6f6ed930.entry.js.map → p-4a164ef8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-08c96012.entry.js.map → p-4bc6d49f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-44175dbd.entry.js.map → p-4d848e18.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-60e3ba3d.entry.js.map → p-5090bb1d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5d8eb438.entry.js.map → p-5efb190e.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e07d8b18.entry.js.map → p-64f6691d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-02094ddb.entry.js.map → p-66c0c8dc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-315b9cba.entry.js.map → p-671a8129.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b20d2e1b.entry.js.map → p-6d77e747.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-34cb1e2e.entry.js.map → p-6e693269.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-2f324058.entry.js.map → p-6f1e27ec.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c7d41f58.entry.js.map → p-6f83d9ea.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-dc11fc75.entry.js.map → p-71956f95.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b697755f.entry.js.map → p-7c1ba9d7.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-1cb0f3fa.entry.js.map → p-7e618c6b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5d70be75.entry.js.map → p-89fbca3b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-7a721a2a.entry.js.map → p-8a76d782.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-fc5c33e7.entry.js.map → p-8f25176b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-de55f656.entry.js.map → p-91effe9a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-62ce6700.entry.js.map → p-9930e104.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9fc3711d.entry.js.map → p-99843884.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d3b4c8d7.entry.js.map → p-9ca239b4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6a5cb4ca.entry.js.map → p-9f2ad61a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3737defb.entry.js.map → p-a079f703.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3a298543.entry.js.map → p-a13f1f73.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b9774a2d.entry.js.map → p-a30de538.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0b7d3d23.entry.js.map → p-a3f601cb.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e1ccd651.entry.js.map → p-ab1e3dc2.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e9d495e3.entry.js.map → p-ac565795.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-096cbbcb.entry.js.map → p-af646091.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-46711387.entry.js.map → p-b2b2bae0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f962fd3e.entry.js.map → p-b8b84719.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0d67f0af.entry.js.map → p-bd8ec517.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-317fcddf.entry.js.map → p-c0315c45.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-92e8e287.entry.js.map → p-c7965104.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c030c263.entry.js.map → p-c89f3d6b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a6941ea3.entry.js.map → p-ca003c1f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4bf2c8ab.entry.js.map → p-d0f27361.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d07efc2e.entry.js.map → p-d2c8cabd.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6e3c311a.entry.js.map → p-da0477d7.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4a8ef165.entry.js.map → p-e43a36e0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-778ae152.entry.js.map → p-e6d6a752.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5f904742.entry.js.map → p-ee33397c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0b092a5c.entry.js.map → p-f0d423d0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d49d093f.entry.js.map → p-f4d2d0d3.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6b6aeeab.entry.js.map → p-ff38b9a5.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["translations","sv","errorEmpty","errorPostalCode","required","addressNotFound","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","language","getLanguage","setTranslations","postalCodeRequiredLabel","streetRequiredLabel","postalCodeInputRequired","translation","streetAddressInputRequired","debounceTimeout","addEventListener","e","isLoading","clearTimeout","setTimeout","fetchPostalCodeData","debounce","fetchAddress","bind","value","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","updateHiddenValue","target","streetNumber","validAddress","postalCode","city","streetAddress","fullAddress","emit","postalCodeLength","length","resetFields","data","fetchPostalCode","addresses","cityInfo","find","addr","endpointBase","endsWith","slice","fetchUrl","countryCode","fetchJson","mode","cache","setAttribute","postalCodeInputError","error","console","inputs","document","getElementsByTagName","Array","from","removeAttribute","trim","inputStreetAddress","normalizeChar","inputStreetNumber","addressFound","some","street","houseNumber","str","specialCharMap","str1","normalize","replace","split","map","char","join","toLowerCase","render","h","Host","key","class","postalCodeCityLabel","type","name","postalCodeInputName","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputPlaceholder","streetAddressInputHelpertext","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder","streetNumberInputHelpertext","text","addressNotFoundError","appearance","icon","alert_exclamation_circle"],"sources":["src/components/input/pn-address-autofill/translations.ts","src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n errorEmpty: 'Får inte vara tom',\n errorPostalCode: 'Kan inte hitta postkoden',\n required: 'obligatoriskt',\n addressNotFound: 'Adressen hittades inte'\n },\n 'en': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'required',\n addressNotFound: 'Address not found'\n },\n 'da': {\n errorEmpty: 'Kan ikke være tom',\n errorPostalCode: 'Kunne ikke finde postnummeret',\n required: 'påkrævet',\n addressNotFound: 'Adressen blev ikke fundet'\n },\n 'no': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fi': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'pakollinen'\n },\n 'de': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'zh': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'es': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'nl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'it': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'tr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt-BR': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n};\n","@import '../../../globals/main.scss';\n\npn-address-autofill {\n display: flex;\n flex-direction: column;\n width: 50rem;\n\n pn-input {\n width: 50%;\n }\n\n .input-container-row {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .label-container {\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n .autocomplete-items {\n position: absolute;\n border-radius: 0.8rem;\n border: 0.1rem solid $gray700;\n width: 100%;\n max-height: 30rem;\n overflow-y: auto;\n\n &:hover,\n :focus {\n border: 0.1rem solid $blue400;\n }\n\n div {\n padding: 1.6rem;\n cursor: pointer;\n background-color: #fff;\n border: 0.1rem solid transparent;\n\n &:first-child {\n border-radius: 0.8rem 0.8rem 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 0.8rem 0.8rem;\n }\n\n &:hover {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-active {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-items:empty {\n display: none;\n }\n\n pn-input {\n max-width: 25rem;\n width: 100%;\n }\n}","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\nimport { translations } from './translations';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons';\n\n@Component({\n tag: 'pn-address-autofill',\n styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n @Element() hostElement: Element;\n pnInputPostalCode: HTMLElement = null;\n pnInputCity: HTMLElement = null;\n pnInputStreetAddress: HTMLElement = null;\n pnInputStreetNumber: HTMLElement = null;\n postalCodeInputField: HTMLInputElement = null;\n streetAddressInputField: HTMLInputElement = null;\n streetNumberInputField: HTMLInputElement = null;\n pnInputHiddenValue: HTMLElement = null;\n endpointPath = '/api/location/get-by-postalcode';\n private _postalCodeProps: PostalCodeProps = null;\n private _cityProps: CityProps = null;\n private _streetAddressProps: StreetAddressProps = null;\n private _streetNumberProps: StreetNumberProps = null;\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 environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n @Prop() endpoint: string = null;\n @Prop() cache: boolean = true;\n @Prop() countryCode: string = null;\n @Prop() language: string = null;\n\n @Prop() postalCodeProps: string | PostalCodeProps = null;\n @Prop() cityProps: string | CityProps = null;\n @Prop() streetAddressProps: string | StreetAddressProps = null;\n @Prop() streetNumberProps: string | StreetNumberProps = null;\n @Prop() addressNotFoundError: string = null;\n\n @State() postalCode: string = null;\n @State() city: string = null;\n @State() streetAddress: string = null;\n @State() streetNumber: string = null;\n @State() validAddress: boolean = true;\n @State() translation: any;\n @State() postalCodeRequiredLabel: string = null;\n @State() streetRequiredLabel: string = null;\n\n @State() fullAddress: string = null;\n @State() isLoading: boolean = true;\n\n @Event() addresscomplete: EventEmitter<string>;\n\n fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n componentWillLoad() {\n this.setInitialValues();\n this._postalCodeProps = this.setProps(this.postalCodeProps);\n this._cityProps = this.setProps(this.cityProps);\n this._streetAddressProps = this.setProps(this.streetAddressProps);\n this._streetNumberProps = this.setProps(this.streetNumberProps);\n }\n\n setProps(props) {\n if (typeof props === 'string') {\n return JSON.parse(props);\n } else {\n return props;\n }\n }\n\n componentDidLoad() {\n this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n\n this.addEventHandlers();\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\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\n if (!this.endpoint) {\n this.endpoint = '';\n }\n\n if (!this.language) {\n this.language = await marketWebContextService.getLanguage();\n }\n\n this.setTranslations()\n\n this.postalCodeRequiredLabel = \"\";\n this.streetRequiredLabel = \"\";\n\n if (this._postalCodeProps.postalCodeInputRequired === true) {\n this.postalCodeRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n\n if (this._streetAddressProps.streetAddressInputRequired === true) {\n this.streetRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.translation = translations[this.language];\n }\n }\n\n addEventHandlers() {\n let debounceTimeout: number | undefined;\n\n this.postalCodeInputField.addEventListener('input', (e) => {\n this.isLoading = true;\n clearTimeout(debounceTimeout);\n debounceTimeout = window.setTimeout(() => {\n this.fetchPostalCodeData(e);\n }, 300);\n });\n\n this.streetNumberInputField.addEventListener('input', debounce(this.fetchAddress.bind(this), 300));\n this.streetAddressInputField.addEventListener('keydown', () => { this.streetNumberInputField.value = '' });\n this.addFormFieldEvent();\n }\n\n addFormFieldEvent() {\n const allInputs = this.hostElement.querySelectorAll('input');\n allInputs.forEach(element => {\n ['keyup', 'change', 'blur'].forEach(eventName => {\n const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n element.addEventListener(eventName, debounceUpdate);\n });\n });\n }\n\n updateHiddenValue(e) {\n if (e.target === this.streetNumberInputField) {\n this.streetNumber = this.streetNumberInputField.value;\n }\n\n if (this.validAddress && this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n } else {\n this.fullAddress = '';\n }\n\n this.addresscomplete.emit(this.fullAddress);\n }\n\n async fetchPostalCodeData(e: Event) {\n if (!e) {\n return;\n }\n const postalCode = this.postalCodeInputField.value;\n\n var postalCodeLength = 4;\n\n if (postalCode.length < postalCodeLength) {\n this.resetFields();\n return;\n }\n\n if (this.postalCode === postalCode) {\n return;\n }\n\n this.resetFields();\n this.postalCode = postalCode;\n\n var data = (await this.fetchPostalCode(postalCode));\n\n if (!data || !data.addresses) {\n this.city = null;\n this.isLoading = true;\n return;\n }\n\n const cityInfo = data.addresses?.find(addr => addr.postalCode === postalCode);\n this.city = cityInfo?.city || null;\n\n this.isLoading = false;\n }\n\n\n async fetchPostalCode(postalCode) {\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${postalCode}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.pnInputPostalCode.setAttribute('error', this._postalCodeProps.postalCodeInputError);\n return;\n }\n return data;\n }\n catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n return null;\n }\n }\n\n private resetFields() {\n this.streetAddressInputField.value = '';\n this.streetNumberInputField.value = '';\n this.city = null;\n this.streetAddress = null;\n this.streetNumber = null;\n this.validAddress = false;\n\n let inputs = document.getElementsByTagName('pn-input');\n\n Array.from(inputs).forEach(element => {\n element.removeAttribute('error');\n });\n }\n\n async fetchAddress() {\n const streetAddress = this.streetAddressInputField.value.trim();\n const streetNumber = this.streetNumberInputField.value.trim();\n\n if (!streetAddress || !streetNumber) {\n this.validAddress = false;\n return;\n }\n\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${streetAddress + \" \" + streetNumber}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.validAddress = false;\n } else {\n const inputStreetAddress = this.normalizeChar(streetAddress);\n const inputStreetNumber = this.normalizeChar(streetNumber);\n\n const addressFound = data.addresses.some(addr =>\n this.normalizeChar(addr.street) === inputStreetAddress &&\n this.normalizeChar(addr.houseNumber) === inputStreetNumber &&\n addr.postalCode === this.postalCodeInputField.value\n );\n\n this.validAddress = addressFound;\n }\n } catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n this.validAddress = false;\n }\n\n if (this.streetAddress === streetAddress && this.streetNumber === streetNumber) {\n return;\n }\n\n if (streetAddress) {\n this.streetAddress = streetAddress;\n }\n if (streetNumber) {\n this.streetNumber = streetNumber;\n }\n }\n //this function is added to compare the street input values if entered without special characters like é, ø ect\n normalizeChar(str) {\n\n const specialCharMap = {\n 'ø': 'o',\n 'Ø': 'o',\n 'æ': 'ae',\n 'Æ': 'ae',\n // Add more as needed\n };\n\n var str1 = str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n .split('').map(char => specialCharMap[char] || char)\n .join('').toLowerCase()\n return str1;\n }\n\n render() {\n return (\n <Host class=\"pn-address-autofill\">\n {this._postalCodeProps?.postalCodeCityLabel ? (\n <div class=\"label-container\">\n <label>{`${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"number\"\n name={this._postalCodeProps?.postalCodeInputName}\n required={this._postalCodeProps?.postalCodeInputRequired}\n placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._cityProps?.cityInputName}\n disabled\n value={this.city}\n placeholder={this._cityProps?.cityInputPlaceholder}\n autocomplete=\"off\"\n helpertext={this._cityProps?.cityInputHelpertext}\n ></pn-input>\n </div>\n\n {this._streetAddressProps?.streetAddressNumberLabel ? (\n <div class=\"label-container\">\n <label>{`${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"text\"\n name={this._streetAddressProps?.streetAddressInputName}\n required={this._streetAddressProps?.streetAddressInputRequired}\n value={this.streetAddress}\n placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._streetNumberProps?.streetNumberInputName}\n required={this._streetNumberProps?.streetNumberInputRequired}\n value={this.streetNumber}\n placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n </div>\n {(!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (\n <div class=\"toast-container\">\n <pn-toast text={this.addressNotFoundError ?? this.translation.addressNotFound} appearance=\"warning\" icon={alert_exclamation_circle}></pn-toast>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["translations","sv","errorEmpty","errorPostalCode","required","addressNotFound","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","language","getLanguage","setTranslations","postalCodeRequiredLabel","streetRequiredLabel","postalCodeInputRequired","translation","streetAddressInputRequired","debounceTimeout","addEventListener","e","isLoading","clearTimeout","setTimeout","fetchPostalCodeData","debounce","fetchAddress","bind","value","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","updateHiddenValue","target","streetNumber","validAddress","postalCode","city","streetAddress","fullAddress","emit","postalCodeLength","length","resetFields","data","fetchPostalCode","addresses","cityInfo","find","addr","endpointBase","endsWith","slice","fetchUrl","countryCode","fetchJson","mode","cache","setAttribute","postalCodeInputError","error","console","inputs","document","getElementsByTagName","Array","from","removeAttribute","trim","inputStreetAddress","normalizeChar","inputStreetNumber","addressFound","some","street","houseNumber","str","specialCharMap","str1","normalize","replace","split","map","char","join","toLowerCase","render","h","Host","key","class","postalCodeCityLabel","type","name","postalCodeInputName","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputPlaceholder","streetAddressInputHelpertext","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder","streetNumberInputHelpertext","text","addressNotFoundError","appearance","icon","alert_exclamation_circle"],"sources":["src/components/input/pn-address-autofill/translations.ts","src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n errorEmpty: 'Får inte vara tom',\n errorPostalCode: 'Kan inte hitta postkoden',\n required: 'obligatoriskt',\n addressNotFound: 'Adressen hittades inte'\n },\n 'en': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'required',\n addressNotFound: 'Address not found'\n },\n 'da': {\n errorEmpty: 'Kan ikke være tom',\n errorPostalCode: 'Kunne ikke finde postnummeret',\n required: 'påkrævet',\n addressNotFound: 'Adressen blev ikke fundet'\n },\n 'no': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fi': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'pakollinen'\n },\n 'de': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'zh': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'es': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'nl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'it': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'tr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt-BR': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n};\n","@import '../../../globals/main.scss';\n\npn-address-autofill {\n display: flex;\n flex-direction: column;\n width: 50rem;\n\n pn-input {\n width: 50%;\n }\n\n .input-container-row {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .label-container {\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n .autocomplete-items {\n position: absolute;\n border-radius: 0.8rem;\n border: 0.1rem solid $gray700;\n width: 100%;\n max-height: 30rem;\n overflow-y: auto;\n\n &:hover,\n :focus {\n border: 0.1rem solid $blue400;\n }\n\n div {\n padding: 1.6rem;\n cursor: pointer;\n background-color: #fff;\n border: 0.1rem solid transparent;\n\n &:first-child {\n border-radius: 0.8rem 0.8rem 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 0.8rem 0.8rem;\n }\n\n &:hover {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-active {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-items:empty {\n display: none;\n }\n\n pn-input {\n max-width: 25rem;\n width: 100%;\n }\n}","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\nimport { translations } from './translations';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons';\n\n@Component({\n tag: 'pn-address-autofill',\n styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n @Element() hostElement: Element;\n pnInputPostalCode: HTMLElement = null;\n pnInputCity: HTMLElement = null;\n pnInputStreetAddress: HTMLElement = null;\n pnInputStreetNumber: HTMLElement = null;\n postalCodeInputField: HTMLInputElement = null;\n streetAddressInputField: HTMLInputElement = null;\n streetNumberInputField: HTMLInputElement = null;\n pnInputHiddenValue: HTMLElement = null;\n endpointPath = '/api/location/get-by-postalcode';\n private _postalCodeProps: PostalCodeProps = null;\n private _cityProps: CityProps = null;\n private _streetAddressProps: StreetAddressProps = null;\n private _streetNumberProps: StreetNumberProps = null;\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 environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n @Prop() endpoint: string = null;\n @Prop() cache: boolean = true;\n @Prop() countryCode: string = null;\n @Prop() language: string = null;\n\n @Prop() postalCodeProps: string | PostalCodeProps = null;\n @Prop() cityProps: string | CityProps = null;\n @Prop() streetAddressProps: string | StreetAddressProps = null;\n @Prop() streetNumberProps: string | StreetNumberProps = null;\n @Prop() addressNotFoundError: string = null;\n\n @State() postalCode: string = null;\n @State() city: string = null;\n @State() streetAddress: string = null;\n @State() streetNumber: string = null;\n @State() validAddress: boolean = true;\n @State() translation: any;\n @State() postalCodeRequiredLabel: string = null;\n @State() streetRequiredLabel: string = null;\n\n @State() fullAddress: string = null;\n @State() isLoading: boolean = true;\n\n @Event() addresscomplete: EventEmitter<string>;\n\n fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n componentWillLoad() {\n this.setInitialValues();\n this._postalCodeProps = this.setProps(this.postalCodeProps);\n this._cityProps = this.setProps(this.cityProps);\n this._streetAddressProps = this.setProps(this.streetAddressProps);\n this._streetNumberProps = this.setProps(this.streetNumberProps);\n }\n\n setProps(props) {\n if (typeof props === 'string') {\n return JSON.parse(props);\n } else {\n return props;\n }\n }\n\n componentDidLoad() {\n this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n\n this.addEventHandlers();\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\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\n if (!this.endpoint) {\n this.endpoint = '';\n }\n\n if (!this.language) {\n this.language = await marketWebContextService.getLanguage();\n }\n\n this.setTranslations()\n\n this.postalCodeRequiredLabel = \"\";\n this.streetRequiredLabel = \"\";\n\n if (this._postalCodeProps.postalCodeInputRequired === true) {\n this.postalCodeRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n\n if (this._streetAddressProps.streetAddressInputRequired === true) {\n this.streetRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.translation = translations[this.language];\n }\n }\n\n addEventHandlers() {\n let debounceTimeout: number | undefined;\n\n this.postalCodeInputField.addEventListener('input', (e) => {\n this.isLoading = true;\n clearTimeout(debounceTimeout);\n debounceTimeout = window.setTimeout(() => {\n this.fetchPostalCodeData(e);\n }, 300);\n });\n\n this.streetNumberInputField.addEventListener('input', debounce(this.fetchAddress.bind(this), 300));\n this.streetAddressInputField.addEventListener('keydown', () => { this.streetNumberInputField.value = '' });\n this.addFormFieldEvent();\n }\n\n addFormFieldEvent() {\n const allInputs = this.hostElement.querySelectorAll('input');\n allInputs.forEach(element => {\n ['keyup', 'change', 'blur'].forEach(eventName => {\n const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n element.addEventListener(eventName, debounceUpdate);\n });\n });\n }\n\n updateHiddenValue(e) {\n if (e.target === this.streetNumberInputField) {\n this.streetNumber = this.streetNumberInputField.value;\n }\n\n if (this.validAddress && this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n } else {\n this.fullAddress = '';\n }\n\n this.addresscomplete.emit(this.fullAddress);\n }\n\n async fetchPostalCodeData(e: Event) {\n if (!e) {\n return;\n }\n const postalCode = this.postalCodeInputField.value;\n\n var postalCodeLength = 4;\n\n if (postalCode.length < postalCodeLength) {\n this.resetFields();\n return;\n }\n\n if (this.postalCode === postalCode) {\n return;\n }\n\n this.resetFields();\n this.postalCode = postalCode;\n\n var data = (await this.fetchPostalCode(postalCode));\n\n if (!data || !data.addresses) {\n this.city = null;\n this.isLoading = true;\n return;\n }\n\n const cityInfo = data.addresses?.find(addr => addr.postalCode === postalCode);\n this.city = cityInfo?.city || null;\n\n this.isLoading = false;\n }\n\n\n async fetchPostalCode(postalCode) {\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${postalCode}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.pnInputPostalCode.setAttribute('error', this._postalCodeProps.postalCodeInputError);\n return;\n }\n return data;\n }\n catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n return null;\n }\n }\n\n private resetFields() {\n this.streetAddressInputField.value = '';\n this.streetNumberInputField.value = '';\n this.city = null;\n this.streetAddress = null;\n this.streetNumber = null;\n this.validAddress = false;\n\n let inputs = document.getElementsByTagName('pn-input');\n\n Array.from(inputs).forEach(element => {\n element.removeAttribute('error');\n });\n }\n\n async fetchAddress() {\n const streetAddress = this.streetAddressInputField.value.trim();\n const streetNumber = this.streetNumberInputField.value.trim();\n\n if (!streetAddress || !streetNumber) {\n this.validAddress = false;\n return;\n }\n\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${streetAddress + \" \" + streetNumber}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.validAddress = false;\n } else {\n const inputStreetAddress = this.normalizeChar(streetAddress);\n const inputStreetNumber = this.normalizeChar(streetNumber);\n\n const addressFound = data.addresses.some(addr =>\n this.normalizeChar(addr.street) === inputStreetAddress &&\n this.normalizeChar(addr.houseNumber) === inputStreetNumber &&\n addr.postalCode === this.postalCodeInputField.value\n );\n\n this.validAddress = addressFound;\n }\n } catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n this.validAddress = false;\n }\n\n if (this.streetAddress === streetAddress && this.streetNumber === streetNumber) {\n return;\n }\n\n if (streetAddress) {\n this.streetAddress = streetAddress;\n }\n if (streetNumber) {\n this.streetNumber = streetNumber;\n }\n }\n //this function is added to compare the street input values if entered without special characters like é, ø ect\n normalizeChar(str) {\n\n const specialCharMap = {\n 'ø': 'o',\n 'Ø': 'o',\n 'æ': 'ae',\n 'Æ': 'ae',\n // Add more as needed\n };\n\n var str1 = str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n .split('').map(char => specialCharMap[char] || char)\n .join('').toLowerCase()\n return str1;\n }\n\n render() {\n return (\n <Host class=\"pn-address-autofill\">\n {this._postalCodeProps?.postalCodeCityLabel ? (\n <div class=\"label-container\">\n <label>{`${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"number\"\n name={this._postalCodeProps?.postalCodeInputName}\n required={this._postalCodeProps?.postalCodeInputRequired}\n placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._cityProps?.cityInputName}\n disabled\n value={this.city}\n placeholder={this._cityProps?.cityInputPlaceholder}\n autocomplete=\"off\"\n helpertext={this._cityProps?.cityInputHelpertext}\n ></pn-input>\n </div>\n\n {this._streetAddressProps?.streetAddressNumberLabel ? (\n <div class=\"label-container\">\n <label>{`${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"text\"\n name={this._streetAddressProps?.streetAddressInputName}\n required={this._streetAddressProps?.streetAddressInputRequired}\n value={this.streetAddress}\n placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._streetNumberProps?.streetNumberInputName}\n required={this._streetNumberProps?.streetNumberInputRequired}\n value={this.streetNumber}\n placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n </div>\n {(!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (\n <div class=\"toast-container\">\n <pn-toast text={this.addressNotFoundError ?? this.translation.addressNotFound} appearance=\"warning\" icon={alert_exclamation_circle}></pn-toast>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i}from"./p-b3a13b6a.js";import{a as t}from"./p-63ff7fa2.js";import{s as a}from"./p-53039fa7.js";import"./p-2132ad75.js";const n={sv:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Hit eller dit?",sizeheading:"Hur mycket väger det?",resultlistheading:"Några utvalda val",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp frakt via Skicka Direkt",stampshopcta:"Köp frimärken via vår webshop"},en:{componentheading:"What do you want to send?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const s={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const o=[{name:"Brev",value:"letter",illustration:"letterbox-reply-letter-plants"},{name:"Paket",value:"parcel",illustration:"tracking"}];const r={letter:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Abroad",value:"abroad",illustration:"character-box-letters-globe"}],parcel:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Within Europe",value:"withineurope",illustration:"character-box-letters-globe"},{name:"Outside Europe",value:"outsideeurope",illustration:"discover"}]};const l={letter:[{name:"50g",abbreviation:"g",value:50},{name:"100g",abbreviation:"g",value:100},{name:"250g",abbreviation:"g",value:250},{name:"500g",abbreviation:"g",value:500},{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2}],parcel:[{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2},{name:"3kg",abbreviation:"kg",value:3},{name:"4kg",abbreviation:"kg",value:4},{name:"5kg",abbreviation:"kg",value:5},{name:"6kg",abbreviation:"kg",value:6},{name:"7Kg",abbreviation:"kg",value:7},{name:"8kg",abbreviation:"kg",value:8},{name:"9kg",abbreviation:"kg",value:9},{name:"10kg",abbreviation:"kg",value:10},{name:"11kg",abbreviation:"kg",value:11},{name:"12kg",abbreviation:"kg",value:12},{name:"13kg",abbreviation:"kg",value:13},{name:"14kg",abbreviation:"kg",value:14},{name:"15kg",abbreviation:"kg",value:15},{name:"16kg",abbreviation:"kg",value:16},{name:"17kg",abbreviation:"kg",value:17},{name:"18kg",abbreviation:"kg",value:18},{name:"20kg",abbreviation:"kg",value:20}]};const h="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-find-service-and-price .findprice-form{max-width:50em;margin:0 auto}pn-find-service-and-price h2,pn-find-service-and-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-service-and-price .postagetypes,pn-find-service-and-price .deliveryscope{text-align:center;margin-bottom:3rem}pn-find-service-and-price .weightoption{display:flex;gap:1em}pn-find-service-and-price .weightoption-input{width:5em;position:relative}pn-find-service-and-price .weightoption-input input::-webkit-outer-spin-button,pn-find-service-and-price .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-find-service-and-price .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-find-service-and-price .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-find-service-and-price .weightoption-range input{width:calc(100% - 1.5em)}pn-find-service-and-price .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-find-service-and-price .resultlist{margin:3em 0}";const p=h;const d=class{constructor(i){e(this,i);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";this.language="sv";this.market="se";this.filteredItems=[];this.postagetype={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=0;this.deliveryscope={value:"",name:"",icon:""};this.sourceData={types:[],data:[]}}componentWillLoad(){this.setState();this.getDataSource()}async getDataSource(){const e=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const i=await fetch(this.source+e);const a=await i.blob();try{const e=await t(a);this.sourceData=e;this.filterItems()}catch(e){console.log("Unable to parse data")}}setState(){if(this.market){a.market=s[this.market]}if(this.language&&n[this.language]){a.i18n=n[this.language]}}filterItems(){if(!this.sourceData?.data){console.log("Data has not yet been loaded");return}if(!this.postagetype){return}const e=this.sourceData.data.filter((e=>e.what===this.postagetype.value));if(!this.deliveryscope){return}const i=e.filter((e=>e.deliveryscope===this.deliveryscope.value));if(!this.weight||!this.weight.value){return}const t=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let a=i.filter((e=>e.maxweight===t));if(a.length===0){a=i.filter((e=>e.maxweight>=t));if(a.length>0){const e=[...new Map(a.reverse().map((e=>[e["id"],e]))).values()];if(e.length>0){a=e}}}this.filteredItems=a}render(){return i("div",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as i}from"./p-b3a13b6a.js";import{a as t}from"./p-63ff7fa2.js";import{s as a}from"./p-53039fa7.js";import"./p-2132ad75.js";const n={sv:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Hit eller dit?",sizeheading:"Hur mycket väger det?",resultlistheading:"Några utvalda val",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp frakt via Skicka Direkt",stampshopcta:"Köp frimärken via vår webshop"},en:{componentheading:"What do you want to send?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const s={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const o=[{name:"Brev",value:"letter",illustration:"letterbox-reply-letter-plants"},{name:"Paket",value:"parcel",illustration:"tracking"}];const r={letter:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Abroad",value:"abroad",illustration:"character-box-letters-globe"}],parcel:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Within Europe",value:"withineurope",illustration:"character-box-letters-globe"},{name:"Outside Europe",value:"outsideeurope",illustration:"discover"}]};const l={letter:[{name:"50g",abbreviation:"g",value:50},{name:"100g",abbreviation:"g",value:100},{name:"250g",abbreviation:"g",value:250},{name:"500g",abbreviation:"g",value:500},{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2}],parcel:[{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2},{name:"3kg",abbreviation:"kg",value:3},{name:"4kg",abbreviation:"kg",value:4},{name:"5kg",abbreviation:"kg",value:5},{name:"6kg",abbreviation:"kg",value:6},{name:"7Kg",abbreviation:"kg",value:7},{name:"8kg",abbreviation:"kg",value:8},{name:"9kg",abbreviation:"kg",value:9},{name:"10kg",abbreviation:"kg",value:10},{name:"11kg",abbreviation:"kg",value:11},{name:"12kg",abbreviation:"kg",value:12},{name:"13kg",abbreviation:"kg",value:13},{name:"14kg",abbreviation:"kg",value:14},{name:"15kg",abbreviation:"kg",value:15},{name:"16kg",abbreviation:"kg",value:16},{name:"17kg",abbreviation:"kg",value:17},{name:"18kg",abbreviation:"kg",value:18},{name:"20kg",abbreviation:"kg",value:20}]};const h="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-find-service-and-price .findprice-form{max-width:50em;margin:0 auto}pn-find-service-and-price h2,pn-find-service-and-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-service-and-price .postagetypes,pn-find-service-and-price .deliveryscope{text-align:center;margin-bottom:3rem}pn-find-service-and-price .weightoption{display:flex;gap:1em}pn-find-service-and-price .weightoption-input{width:5em;position:relative}pn-find-service-and-price .weightoption-input input::-webkit-outer-spin-button,pn-find-service-and-price .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-find-service-and-price .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-find-service-and-price .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-find-service-and-price .weightoption-range input{width:calc(100% - 1.5em)}pn-find-service-and-price .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-find-service-and-price .resultlist{margin:3em 0}";const p=h;const d=class{constructor(i){e(this,i);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";this.language="sv";this.market="se";this.filteredItems=[];this.postagetype={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=0;this.deliveryscope={value:"",name:"",icon:""};this.sourceData={types:[],data:[]}}componentWillLoad(){this.setState();this.getDataSource()}async getDataSource(){const e=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const i=await fetch(this.source+e);const a=await i.blob();try{const e=await t(a);this.sourceData=e;this.filterItems()}catch(e){console.log("Unable to parse data")}}setState(){if(this.market){a.market=s[this.market]}if(this.language&&n[this.language]){a.i18n=n[this.language]}}filterItems(){if(!this.sourceData?.data){console.log("Data has not yet been loaded");return}if(!this.postagetype){return}const e=this.sourceData.data.filter((e=>e.what===this.postagetype.value));if(!this.deliveryscope){return}const i=e.filter((e=>e.deliveryscope===this.deliveryscope.value));if(!this.weight||!this.weight.value){return}const t=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let a=i.filter((e=>e.maxweight===t));if(a.length===0){a=i.filter((e=>e.maxweight>=t));if(a.length>0){const e=[...new Map(a.reverse().map((e=>[e["id"],e]))).values()];if(e.length>0){a=e}}}this.filteredItems=a}render(){return i("div",{key:"c9ac6464edc62f1ea59e0776a2b33f918a7669b2"},i("div",{key:"0195f8f1e513cb14b28f5591505b647952321bdc",class:"findprice-form"},a.i18n.componentheading?i("h2",null,a.i18n.componentheading):null,i("div",{key:"926ba5ac5a442801fd42f47a541ca411948f1c63",class:"postagetypes"},o.map((e=>i("pn-choice-button",{choiceid:e.value,value:e.value,name:"postagetype",type:"radio",checked:e.value===this.postagetype.value,onChange:()=>{this.postagetype=o.filter((i=>i.value===e.value))[0];this.deliveryscope={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=this.weight.value}},i("pn-illustration",{illustration:e.illustration})," ",e.name)))),this.postagetype.value&&r[this.postagetype.value]?i("div",null,a.i18n.deliveryscopeheading?i("div",{class:"heading"},a.i18n.deliveryscopeheading):null,i("div",{class:"deliveryscope"},r[this.postagetype.value].map((e=>i("pn-choice-button",{choiceid:this.postagetype.value+e.value,value:e.value,name:"deliveryscope",type:"radio",checked:e.value===this.deliveryscope.value,onChange:()=>{this.deliveryscope=r[this.postagetype.value].filter((i=>i.value===e.value))[0];if(this.weight.value===0){this.weight=l[this.postagetype.value][0];this.weightvalue=this.weight.value}}},i("pn-illustration",{illustration:e.illustration})," ",e.name))))):null,this.postagetype.value&&l[this.postagetype.value]&&this.deliveryscope.value?i("div",null,a.i18n.sizeheading?i("div",{class:"heading"},a.i18n.sizeheading):null,i("div",{class:"weightoption"},i("div",{class:"weightoption-input"},i("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:e=>{if(e&&e.target&&e.target.value){const i=parseInt(e.target.value,10);if(!isNaN(i)){let e=l[this.postagetype.value].filter((e=>{let t=e.abbreviation==="kg"?e.value*1e3:e.value;return t>=i}));if(e&&e.length>0){this.weight=e[0];this.weightvalue=this.weight.value}}}}}),i("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),i("div",{class:"weightoption-range"},i("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:l[this.postagetype.value].findIndex((e=>e.value===this.weightvalue)),onChange:e=>{const i=e.target.value;this.weight=l[this.postagetype.value][i];this.weightvalue=this.weight.value},min:"0",max:l[this.postagetype.value].length-1}),i("datalist",{id:"weightlist"},l[this.postagetype.value].map(((e,t)=>{let a=e.name;if(l[this.postagetype.value].length>6){a=t%5===0||t===0||t===l[this.postagetype.value].length-1?e.name:""}return i("option",{value:t,...a?{label:a}:{}})})))))):null),this.filteredItems&&this.filteredItems.length>0?i("div",{class:"resultlist"},a.i18n.resultlistheading?i("div",{class:"heading"},a.i18n.resultlistheading):null,this.filteredItems.map((e=>i("div",null,i("pn-find-service-and-price-result",{item:e}))))):null)}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],deliveryscope:["filterItems"],weightvalue:["filterItems"]}}};d.style=p;export{d as pn_find_service_and_price};
|
|
2
|
+
//# sourceMappingURL=p-c7965104.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as i,d as s}from"./p-b3a13b6a.js";import{s as l}from"./p-4bd72b91.js";import{a as n,b as e,R as a}from"./p-f49e0b32.js";import{a as r,b as o}from"./p-4cb85336.js";import"./p-2132ad75.js";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as i,d as s}from"./p-b3a13b6a.js";import{s as l}from"./p-4bd72b91.js";import{a as n,b as e,R as a}from"./p-f49e0b32.js";import{a as r,b as o}from"./p-4cb85336.js";import"./p-2132ad75.js";const c='<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="M12 2a8 8 0 0 0-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 0 0 4.778 0l4.454-6.586.014-.022A8 8 0 0 0 12 2m-6 8a6 6 0 1 1 11.156 3.07l-4.424 6.541a.883.883 0 0 1-1.464 0L6.844 13.07A5.97 5.97 0 0 1 6 10m6-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5" clip-rule="evenodd"/></svg>';const h=c;const d="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-find-price-result .test{margin:3em 0}.resultcontent{display:flex;justify-content:center;flex-grow:1}";const p=d;const u=class{constructor(i){t(this,i);this.item=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId=""}componentWillLoad(){this.composeItems()}composeItems(){if(this.item.additionalusp){var t=this.item.additionalusp.split("/");this.Usp1=t.length>0?t[0]:null;this.Usp2=t.length>1?t[1]:null;this.Usp3=t.length>2?t[2]:null}if(this.item.description){this.description=this.item.description.split("#bullet").filter((t=>t!==""))}this.showMeasurement=this.item.maxmått!==null||this.item.rulle!==null;this.linkId=`${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g,"")}`;var i=this.item.ombudpurchase==="Yes";this.shopLabel=i?l.i18n.ombudHeader:l.i18n.stampshopcta;this.shopUrl=i?l.market.servicePoint:n;this.shopId=i?"-servicepoint":"-stampshop"}render(){return i(s,{key:"53b5dfa58d9c873f140b90385ce6532fa1a5ecfc"},i("pn-product-card",{key:"f0fa70b9c9d3e178a72b5e89a52ec1a300228570","data-productid":this.item.id},i("pn-illustration",{key:"91604ffeeb946b5a795ceafb19f265a7924b468d",slot:"illustration",illustration:this.item.illustration}),i("div",{key:"47215d3bedf8645f7cc84778b9a059f634e325c2",slot:"title"},this.item.infopagelink?i("h2",null,i("a",{href:this.item.infopagelink,target:"_blank"},this.item.name)):i("h2",null,this.item.name),this.item.highestrankusp==="Snabbast"?i("pn-titletag",{slot:"Snabbast",icon:r,color:"blue700"},this.item.highestrankusp):this.item.highestrankusp==="Billigast"?i("pn-titletag",{slot:"Billigast",icon:o,color:"green700"},this.item.highestrankusp):null),i("div",{key:"364d0348f17bfec196cb04479d89ce04c0687228",slot:"content"},i("div",{key:"d8c2ac4b74cc42369fc48bc62d08f3b02f9c77d3",class:"content"},this.item.description?i("div",{class:"description"},this.description.map((t=>i("li",null,t)))):null,this.item.info?i("div",{class:"description"},this.item.info):null)),this.item.note?i("div",{slot:"note"},i("p",null,this.item.note)):null,this.item.additionalusp?i("div",{slot:"additionalUSP"},this.Usp1?i("span",null,this.Usp1):null,this.Usp2?i("span",null,this.Usp2):null,this.Usp3?i("span",null,this.Usp3):null):null,this.showMeasurement?i("pn-product-card-info",{paket:this.item.maxmått,rulle:this.item.rulle}):null,i("div",{key:"b8f20abc55f9c5f01ea430808373d16c3d6f2f07",slot:"cardprice"},this.item.pricesenddirect?i("pn-product-card-price",{slot:"sendDirectPrice",label:l.i18n.senddirectcta,amount:this.item.pricesenddirect+"",currency:l.market.currency,url:e,linkid:this.linkId+"-portal"}):null,this.item.pricestamps?this.item.name.toLocaleLowerCase()!=="riktiga vykort"?i("pn-product-card-price",{slot:"stampPrice",label:this.shopLabel,amount:this.item.pricestamps+"",currency:l.market.currency,url:this.shopUrl,linkid:this.linkId+this.shopId}):i("pn-product-card-price",{slot:"riktiga",label:l.i18n.realPostcard,amount:this.item.pricestamps+"",currency:l.market.currency,url:a["WebUrl"],linkid:this.linkId+"-riktiga"}):null),i("div",{key:"d3d1bd4e3d3cf2f175eae3f4f0c336386dcc52f1",slot:"servicepoint"},this.item.showservicepointlink?i("a",{href:l.market.servicePoint,target:"_blank"},i("pn-icon",{icon:h,color:"blue700"}),l.i18n.servicePointLink):null),i("div",{key:"b3b28af8e85013f3ae962437ce00fe7bb1b2a1c3",slot:"mobiledownload"},this.item.name.toLocaleLowerCase()==="riktiga vykort"?i("div",{id:"riktiga"},i("h4",null,l.i18n.realPostcardMobile),i("div",null,i("a",{href:a["AndroidAppUrl"],target:"_blank"},i("img",{class:"riktigaAndroidImg",src:a["AndroidImg"]})),i("a",{href:a["IosAppUrl"],target:"_blank"},i("img",{class:"riktigaAppleImg",src:a["IosImg"]})))):null)))}static get watchers(){return{item:["composeItems"]}}};u.style=p;export{u as pn_find_price_result};
|
|
2
|
+
//# sourceMappingURL=p-c89f3d6b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.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}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.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}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"bec13cd8225cf0f091bbb4b22f2b827857f65b38"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;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-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
|
|
2
|
+
//# sourceMappingURL=p-ca003c1f.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as i,d as e}from"./p-b3a13b6a.js";import{t as n}from"./p-6e056c20.js";const r="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-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const s=r;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=n[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let n=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=n?n[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let n=i[e]?.item2;let r=t.productLink?t?.productLink:"";return r?r+(n?"?productId="+n:""):""}return null}getDeliveryInformation(t){if(!this.showInternational||!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as i,d as e}from"./p-b3a13b6a.js";import{t as n}from"./p-6e056c20.js";const r="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-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const s=r;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=n[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let n=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=n?n[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let n=i[e]?.item2;let r=t.productLink?t?.productLink:"";return r?r+(n?"?productId="+n:""):""}return null}getDeliveryInformation(t){if(!this.showInternational||!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"6a35a418031d42f6bbd24fbf7217bc0b7af65f92"},i("pn-proxio-productcard",{key:"1c0996590bbce76a544753582820a64bd58dc0d6"},i("pn-illustration",{key:"edb89bf7501e4da104f8851b8e7c3dc162b9b2eb",slot:"illustrationmobile",illustration:this.item.proxioProduct.productIcon}),i("h2",{key:"8f6346c519df6c47beb3c48308861e5f7a362b7b",slot:"title"},this.item.proxioProduct.productTitle),i("pn-proxio-productcard-description",{key:"8ce7563cad404c9f39f64f28b5ac8a39c392a9e1",slot:"description",heading:this.item.proxioProduct.productPreamble,highlight:this.getDeliveryInformation(this.item.proxioProduct),list:this.item.proxioProduct.productDescriptionBulletListItems}),i("div",{key:"1088b2bce867044d9d9ca135cba89ad1a9871bff",slot:"information"},i("pn-proxio-productcard-information",{key:"2c25a52d16cbfa2a6acf250031341b92b9b7ac23",label:this.i18n.labelMaxDimensions,information:this.item.proxioProduct.productPackageDimensionsList}),i("pn-proxio-productcard-information",{key:"d31a72e8c3a928f52d7d87402f8969fe9bd76a2c",label:this.i18n.labelMaxDimensionsRoll,information:this.item.proxioProduct.productRollDimensionsList})),i("div",{key:"ba45090cb793b07d324650d145ab25462027da36",slot:"bottomtags"},this.item.proxioProduct.usp1?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp1):null,this.item.proxioProduct.usp2?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp2):null,this.item.proxioProduct.usp3?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp3):null),i("pn-illustration",{key:"f391790d7249eae6324c0a39fba9fdda8c173e75",slot:"illustration",illustration:this.item.proxioProduct.productIcon}),i("div",{key:"4deb1e150c14a345dcfbbbafe90db4d3b4506bdc",slot:"pricelink"},i("pn-proxio-productcard-pricelink",{key:"85505fc989a2559b11b6fac12705de1b00e9f1e7",price:this.getPriceString(this.item.proxioProduct),link:this.getProductLink(this.item.proxioProduct,this.item.proxioProduct.productWeightGroupList),linktext:this.item.proxioProduct.productLinkText}),this.item.relatedProxioProducts?this.item.relatedProxioProducts.map((t=>i("pn-proxio-productcard-pricelink",{price:this.getPriceString(t),link:t.productLink,linktext:t.productLinkText}))):null),this.getInsuranceAmountText(this.item.proxioProduct)?i("div",{slot:"insurance"},i("div",{class:"insurance-box"},this.getInsuranceAmountText(this.item.proxioProduct))):null))}static get watchers(){return{item:["composeItems"],activeweight:["getPriceString","getProductLink"]}}};o.style=s;export{o as pn_proxio_findprice_result};
|
|
2
|
+
//# sourceMappingURL=p-d0f27361.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as n,d as a}from"./p-b3a13b6a.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-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center}pn-stats-info .pn-stats-info__container__map{display:none}pn-stats-info .pn-stats-info-image-container{display:none}pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:2.4rem 2.4rem 1.6rem;width:100%;background-color:#0d234b;border-radius:2.4rem}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content{padding:4rem 2.4rem 1.6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{padding:5.6rem 2.4rem 3.2rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n)~pn-stats-info-data{width:50%}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(1){width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2)~pn-stats-info-data{width:50%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n)~pn-stats-info-data{width:33%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8)~pn-stats-info-data{width:25%}}pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:0;padding:2.4rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:none;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{background-size:contain}}pn-stats-info[data-stats-image=background] .pn-stats-info-image-container{display:none}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;border-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{border-top-left-radius:0;border-bottom-left-radius:0;max-width:54rem;background-position:-999px -999px;background-size:0}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{max-width:100%}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content__data{min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:column;padding-top:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:row}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__map{display:none}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:block;position:relative}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]{border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]>picture>img{width:100%;height:auto;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:flex;align-items:center;background-color:#0d234b;padding-left:4rem;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration] img{clip-path:circle(50%);object-fit:cover;object-position:center;aspect-ratio:1;max-width:45rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{width:100%;max-width:100%;border-bottom-right-radius:2.4rem;border-bottom-left-radius:2.4rem;border-top-right-radius:0;border-top-left-radius:0}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{justify-content:center}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{border-top-right-radius:2.4rem;border-bottom-right-radius:2.4rem;border-bottom-left-radius:0;max-width:100%}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__heading{font-size:4.8rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data{width:100%;height:auto;min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:5.6rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5.6rem;padding:2.4rem}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__data{font-size:5.6rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}.bleed-container:has(pn-stats-info){padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}.comboquotestatsblock pn-stats-info{width:100%}.comboquotestatsblock pn-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{background-size:contain}}.comboquotestatsblock pn-stats-info .pn-stats-info-image-container{display:none}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:54rem;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{width:65rem}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__map{background-color:#0d234b}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container [slot=illustration]{background-color:#0d234b}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:#0d234b}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content{color:#f06365}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__map{background-color:#005e41}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container [slot=illustration]{background-color:#005e41}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:#005e41}}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__map{background-color:#edfbf3}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container [slot=illustration]{background-color:#edfbf3}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:#edfbf3}}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__map{background-color:#e9e6e5}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container [slot=illustration]{background-color:#e9e6e5}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:#e9e6e5}}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__map{background-color:#00a0d6}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container [slot=illustration]{background-color:#00a0d6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:#00a0d6}}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__map{background-color:#effbff}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container [slot=illustration]{background-color:#effbff}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:#effbff}}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__map{background-color:#fef7f6}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container [slot=illustration]{background-color:#fef7f6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:#fef7f6}}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__map{background-color:#f9f8f8}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container [slot=illustration]{background-color:#f9f8f8}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:#f9f8f8}}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content__preamble{color:#0d234b}";const s=o;const i='[ { "preamble": "Million parcels","formatStyle":"None", "format":"En","startValue":0, "data": 2023, "unit": null, "duration": 0 }, { "preamble": "Million parcels", "format": "En", "startValue":40, "data": 226, "unit": null, "duration": 1000 },{"preamble": "carbon dioxide emissions since 2009", "startValue":0, "format":"En", "formatStyle":"None", "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue":100, "data": 226, "unit": null, "duration": 1000 }, {"preamble": "carbon dioxide emissions since 2009", "startValue": 30, "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue": 20, "data": 226, "unit": null, "duration": 1000 }]';const e=class{constructor(n){t(this,n);this.heading=null;this.dataArray=i;this.backgroundUrl=null;this.myParsedArray=JSON.parse(this.dataArray)}parseMyArrayProp(t){if(t)this.myParsedArray=JSON.parse(t)}render(){return n(a,{key:"4040f13125e6100df1801a6545f681050617409a"},n("div",{key:"51ca98b16eac1402169c0045a3b8e93f530013c5",class:"pn-stats-info__container"},n("div",{key:"c441538ce4df1ca3eb1d1893e4977bc3db2399f5",class:"pn-stats-info__container__map",style:{backgroundImage:`url(${this.backgroundUrl})`}}),n("div",{key:"78445b4b79e02216ab51987b9161784549d256bf",class:"pn-stats-info-image-container"},n("slot",{key:"28368b7e52b6ccf527b7adf4e9d8f3a5d49c6b39",name:"illustration"})),n("div",{key:"2b49c7774f9859db711fb0c064183e9d3be4585d",class:"pn-stats-info__container__content",style:{backgroundImage:`url(${this.backgroundUrl})`}},this.heading&&n("h3",{key:"53d122a0f95dabd687dc71a494872651bab5652f",class:"pn-stats-info__container__content__heading"},this.heading),n("div",{key:"79557faeb6e29b21d69cf08809faa3bb6d2e18ef",class:"pn-stats-info__container__content__data"},this.myParsedArray&&this.myParsedArray.map(((t,a)=>n("pn-stats-info-data",{index:a,startValue:t.startValue,data:t.data,unit:t.unit,preamble:t.preamble,duration:t.duration,format:t.format,formatStyle:t.formatStyle})))))))}static get watchers(){return{dataArray:["parseMyArrayProp"]}}};e.style=s;export{e as pn_stats_info};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as n,d as a}from"./p-b3a13b6a.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-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center}pn-stats-info .pn-stats-info__container__map{display:none}pn-stats-info .pn-stats-info-image-container{display:none}pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:2.4rem 2.4rem 1.6rem;width:100%;background-color:#0d234b;border-radius:2.4rem}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content{padding:4rem 2.4rem 1.6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{padding:5.6rem 2.4rem 3.2rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n)~pn-stats-info-data{width:50%}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(1){width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2)~pn-stats-info-data{width:50%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n)~pn-stats-info-data{width:33%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8)~pn-stats-info-data{width:25%}}pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:0;padding:2.4rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:none;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{background-size:contain}}pn-stats-info[data-stats-image=background] .pn-stats-info-image-container{display:none}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;border-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{border-top-left-radius:0;border-bottom-left-radius:0;max-width:54rem;background-position:-999px -999px;background-size:0}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{max-width:100%}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content__data{min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:column;padding-top:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:row}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__map{display:none}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:block;position:relative}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]{border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]>picture>img{width:100%;height:auto;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:flex;align-items:center;background-color:#0d234b;padding-left:4rem;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration] img{clip-path:circle(50%);object-fit:cover;object-position:center;aspect-ratio:1;max-width:45rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{width:100%;max-width:100%;border-bottom-right-radius:2.4rem;border-bottom-left-radius:2.4rem;border-top-right-radius:0;border-top-left-radius:0}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{justify-content:center}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{border-top-right-radius:2.4rem;border-bottom-right-radius:2.4rem;border-bottom-left-radius:0;max-width:100%}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__heading{font-size:4.8rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data{width:100%;height:auto;min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:5.6rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5.6rem;padding:2.4rem}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__data{font-size:5.6rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}.bleed-container:has(pn-stats-info){padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}.comboquotestatsblock pn-stats-info{width:100%}.comboquotestatsblock pn-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{background-size:contain}}.comboquotestatsblock pn-stats-info .pn-stats-info-image-container{display:none}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:54rem;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{width:65rem}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__map{background-color:#0d234b}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container [slot=illustration]{background-color:#0d234b}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:#0d234b}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content{color:#f06365}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__map{background-color:#005e41}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container [slot=illustration]{background-color:#005e41}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:#005e41}}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__map{background-color:#edfbf3}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container [slot=illustration]{background-color:#edfbf3}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:#edfbf3}}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__map{background-color:#e9e6e5}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container [slot=illustration]{background-color:#e9e6e5}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:#e9e6e5}}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__map{background-color:#00a0d6}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container [slot=illustration]{background-color:#00a0d6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:#00a0d6}}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__map{background-color:#effbff}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container [slot=illustration]{background-color:#effbff}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:#effbff}}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__map{background-color:#fef7f6}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container [slot=illustration]{background-color:#fef7f6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:#fef7f6}}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__map{background-color:#f9f8f8}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container [slot=illustration]{background-color:#f9f8f8}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:#f9f8f8}}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content__preamble{color:#0d234b}";const s=o;const i='[ { "preamble": "Million parcels","formatStyle":"None", "format":"En","startValue":0, "data": 2023, "unit": null, "duration": 0 }, { "preamble": "Million parcels", "format": "En", "startValue":40, "data": 226, "unit": null, "duration": 1000 },{"preamble": "carbon dioxide emissions since 2009", "startValue":0, "format":"En", "formatStyle":"None", "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue":100, "data": 226, "unit": null, "duration": 1000 }, {"preamble": "carbon dioxide emissions since 2009", "startValue": 30, "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue": 20, "data": 226, "unit": null, "duration": 1000 }]';const e=class{constructor(n){t(this,n);this.heading=null;this.dataArray=i;this.backgroundUrl=null;this.myParsedArray=JSON.parse(this.dataArray)}parseMyArrayProp(t){if(t)this.myParsedArray=JSON.parse(t)}render(){return n(a,{key:"c0e816e4c281e81f243b88a2ccc7cb3f82e6d2a2"},n("div",{key:"666152f5223cde318b12d55b4175b7622be3cb23",class:"pn-stats-info__container"},n("div",{key:"29a902e1b93a94f9428fdf341eaba640177d4f14",class:"pn-stats-info__container__map",style:{backgroundImage:`url(${this.backgroundUrl})`}}),n("div",{key:"b25c11b6e98bc2b36ea9859fa63903b0b3df18aa",class:"pn-stats-info-image-container"},n("slot",{key:"368b94a4c51905e322b47d3ab064021005470d82",name:"illustration"})),n("div",{key:"cea4df0e76ca50601b32f94a9ca3a3beb2bd8b09",class:"pn-stats-info__container__content",style:{backgroundImage:`url(${this.backgroundUrl})`}},this.heading&&n("h3",{key:"1e58ffbdfe93b320aee779751f05d49f9d2d1064",class:"pn-stats-info__container__content__heading"},this.heading),n("div",{key:"dbc3c69b74be499f991159ebcd5eeb515a54f509",class:"pn-stats-info__container__content__data"},this.myParsedArray&&this.myParsedArray.map(((t,a)=>n("pn-stats-info-data",{index:a,startValue:t.startValue,data:t.data,unit:t.unit,preamble:t.preamble,duration:t.duration,format:t.format,formatStyle:t.formatStyle})))))))}static get watchers(){return{dataArray:["parseMyArrayProp"]}}};e.style=s;export{e as pn_stats_info};
|
|
2
|
+
//# sourceMappingURL=p-d2c8cabd.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";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-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";const r=i;const a=class{constructor(t){e(this,t);this.link=null;this.text=null}get hostElement(){return t(this)}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";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-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";const r=i;const a=class{constructor(t){e(this,t);this.link=null;this.text=null}get hostElement(){return t(this)}render(){return n(o,{key:"4e1cea876f61c710df92104b45e50ba66cf0b623"},n("div",{key:"0e6aed22f766bcb4f1f6eb84f36e3d4ba440e37a",class:"pn-share-item__container"},n("a",{key:"563a048cf8a4b6050bf3db2a6621ae0743b298eb",href:`${this.link}`},n("slot",{key:"e5376f9ccd073b93adb746c88631f574185a6854",name:"icon"})," ",this.text)))}};a.style=r;export{a as pn_share_item};
|
|
2
|
+
//# sourceMappingURL=p-da0477d7.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,d as s,g as a}from"./p-b3a13b6a.js";import{a as i}from"./p-575f557a.js";import{a as n}from"./p-36b39340.js";const r='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M16.035 5.52c.718-.705 1.75-.682 2.444 0 .692.678.693 1.688.014 2.326l-.021.02-1.68 1.68a1 1 0 0 0 1.415 1.414l1.669-1.669c1.544-1.466 1.452-3.779.003-5.2s-3.727-1.487-5.244 0l-4.507 4.42c-1.548 1.465-1.457 3.781-.007 5.203a1 1 0 1 0 1.4-1.428c-.692-.68-.692-1.688-.014-2.327l.014-.014z"/><path fill="#000" d="M14.762 10.254a1 1 0 1 0-1.33 1.492c.756.675.754 1.63.014 2.263l-.015.013-4.965 4.426a2.177 2.177 0 0 1-2.897 0c-.757-.675-.755-1.63-.015-2.262l.026-.024 2.097-1.926a1 1 0 1 0-1.353-1.472l-2.085 1.915c-1.704 1.471-1.6 3.837 0 5.262a4.177 4.177 0 0 0 5.558 0l4.958-4.42c1.71-1.47 1.607-3.841.007-5.267"/></svg>';const o=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-chat-message{display:flex;text-align:left}pn-chat-message.user,pn-chat-message.buttonresponse{justify-content:flex-end}pn-chat-message.system-message{text-align:center;justify-content:center}pn-chat-message .message-container{border-radius:0.8rem;display:flex;gap:1rem;max-width:85%;overflow-x:hidden}pn-chat-message .message-container .category{width:2.6rem}pn-chat-message .message-container.user{max-width:75%}pn-chat-message .message-container.bot .message,pn-chat-message .message-container.agent .message,pn-chat-message .message-container.link .message{background-color:#f3f2f2}pn-chat-message .message-container.bot .category,pn-chat-message .message-container.agent .category,pn-chat-message .message-container.link .category{align-self:flex-end}pn-chat-message .message-container.link{flex-basis:100%}pn-chat-message .message-container.link .category{align-self:center}pn-chat-message .message-container.link .content{line-height:1.5}pn-chat-message .message-container.link .message{padding:0}pn-chat-message .message-container.link .message a{color:#005d92;font-weight:500;display:flex;justify-content:space-between;padding:1rem 1.6rem;text-decoration:underline}pn-chat-message .message-container.link .business.message{background-color:#fdefee}pn-chat-message .message-container.button{flex-basis:100%;text-align:center;max-width:unset}pn-chat-message .message-container.button .message{padding:0}pn-chat-message .message-container.button .pn-button{min-width:18rem}pn-chat-message .message-container.button .pn-button:disabled{color:#969087}pn-chat-message .message-container.button .pn-button:disabled .pn-button-bg{border-color:#f3f2f2;background-color:#f3f2f2}pn-chat-message .message-container.card{border:solid 1px #d3cecb;border-radius:1.6rem;flex-basis:100%;max-width:100%}pn-chat-message .message-container.card .message{display:flex;flex-direction:column;gap:0.8rem;padding:1.6rem}pn-chat-message .message-container.card .card-heading{font-size:1.6rem;line-height:2.4rem;font-weight:700}pn-chat-message .message-container.card .cta{display:flex;flex-direction:row;gap:0.5rem}pn-chat-message .message-container.card .read-more{align-self:flex-start;margin-top:auto}pn-chat-message .message-container.user .message,pn-chat-message .message-container.buttonresponse .message{background-color:#e0f8ff;color:#2d2013;border-radius:0.8rem 0.8rem 0 0.8rem}pn-chat-message .message-container .message{border-radius:0 0.8rem 0.8rem 0.8rem;display:inline-block;flex:1 1 auto;font-size:1.4rem;line-height:2rem;padding:1rem 1.6rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width: 767px){pn-chat-message .message-container .message{font-size:1.6rem}}pn-chat-message .message-container.agent .category .pn-icon{background-color:#00a0d6;color:#ffffff;text-align:center;border-radius:50%;display:inline-block;width:2.5rem;height:2.5rem;font-weight:500;font-size:1.2rem;line-height:2.6rem}pn-chat-message[data-card]{height:100%}";const h=c;const l=class{constructor(t){e(this,t);this.category=undefined;this.customerSegment=undefined;this.agentName=undefined}robotIcon='<?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 20 20"> \x3c!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --\x3e <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id="clippath"> <rect class="st0" width="20" height="20"/> </clipPath> </defs> <g class="st5"> <g> <path class="st2" d="M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z"/> <path class="st3" d="M10.5,4h-.5v2.8h.5v-2.8Z"/> <path class="st3" d="M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st3" d="M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z"/> <path class="st4" d="M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z"/> <path d="M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z"/> <path class="st4" d="M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z"/> <path class="st4" d="M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z"/> <path class="st3" d="M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z"/> <path class="st6" d="M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z"/> <path class="st1" d="M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st1" d="M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path d="M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z"/> </g> </g> </svg>';blue700="blue700";getIcon(){let e=null;switch(this.category){case"Bot":return this.robotIcon;case"Agent":return this.agentName;case"Link":return o}return e}getMessageClass(){switch(this.category){case"ButtonResponse":return"buttonresponse";case"User":return"user";case"System":return"system-message";default:return undefined}}render(){const e=this.customerSegment?.toLowerCase()||"";const a=this.category?.toLowerCase()||"";return t(s,{key:"ecf8acc954eed04ff21f75c0a371f3014c3f157e",class:this.getMessageClass()},t("div",{key:"116ef983feb42adec2ab216af8d91301308216a8",class:`message-container ${a}`},this.getIcon()&&t("span",{key:"aa873a62b005f0290d9c7b8f8b7194a29582d5a8",class:"category"},t("pn-icon",{key:"d0ffed7af74c0729cad09ec2a74feff48be31718",icon:this.getIcon(),color:this.blue700,"aria-hidden":"true",role:"presentation"})),t("span",{key:"61c88e4e7febf6b3da957006c5409e927aad768d",class:`message ${e}`},t("slot",{key:"95e479cc6a6b4940ac01275affc27cc99585b8eb"}))))}};l.style=h;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-carousel{display:inline-block}pn-marketweb-carousel .pn-marketweb-carousel .slider-wrapper{margin:1rem;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}pn-marketweb-carousel .pn-marketweb-carousel .slides-container{display:flex;width:100%;list-style:none;margin:0;padding:0;overflow:hidden;position:relative;touch-action:none;transition:transform 0.5s ease-in-out;user-select:none}pn-marketweb-carousel .pn-marketweb-carousel .slides-container[data-partial=false] .slide{width:100%}pn-marketweb-carousel .pn-marketweb-carousel [data-slide]{flex:0 0 auto;transition:transform 0.5s ease-in-out}pn-marketweb-carousel .pn-marketweb-carousel .nav-button{cursor:pointer;display:flex;position:absolute;top:0;bottom:0;transform:translateY(-50%);height:2rem;margin:auto;padding:0;opacity:0.85;transition:opacity 200ms;z-index:1}pn-marketweb-carousel .pn-marketweb-carousel .nav-button.invisible{opacity:0}pn-marketweb-carousel .pn-marketweb-carousel .nav-button[data-show=false]{display:none}pn-marketweb-carousel .pn-marketweb-carousel .nav-button:hover,pn-marketweb-carousel .pn-marketweb-carousel .nav-button:focus{opacity:1}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-prev]{left:1.75rem;border-radius:0 2rem 2rem 0}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-next]{right:1.75rem;border-radius:2rem 0 0 2rem}@media (prefers-reduced-motion: reduce){pn-marketweb-carousel .slides-container{transition:none}pn-marketweb-carousel [data-slide]{transition:none}}";const p=d;const m=class{constructor(t){e(this,t);this.previousButtonLabel=undefined;this.nextButtonLabel=undefined;this.ariaNavigationLabel=undefined;this.source=undefined;this.slidesToShow=1;this.showCarouselButtons=true;this.showFirstSlidePrevButton=false;this.showLastSlideNextButton=false;this.slidesData=[];this.currentSlide=0;this.isDragging=false;this.slideWidth=0}static DEFAULTS={SWIPE_THRESHOLD_PX:50,ANIMATION_DURATION_MS:300,OVERSCROLL_LIMIT_PERCENT:30};get hostElement(){return a(this)}slides=null;slidesContainer=null;totalSlides=0;prevButton=null;nextButton=null;dragStartX=0;listeners=[];memoizedSlideWidth=null;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setupCarousel();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.cleanup();window.removeEventListener("resize",this.handleResize)}async goToSlide(e){if(e>=0&&e<this.totalSlides){this.currentSlide=e;this.moveSlides();this.updateNavButtons()}}async getCurrentSlide(){return this.currentSlide}handleSourceChange(e){if(e){this.setInitialValues()}}setInitialValues(){if(!this.source?.trim()){console.warn("No source provided for carousel");return}try{const e=JSON.parse(this.source);if(!e?.slides){throw new Error("Invalid slides data structure")}if(Array.isArray(e.slides)){this.slidesData=e.slides;this.showCarouselButtons=this.slidesData.length>1}else{throw new Error("Slides data is not an array")}}catch(e){console.error("Error parsing carousel source:",e instanceof Error?e.message:"Unknown error");this.slidesData=[]}}setupCarousel(){this.initializeElements();this.attachEventListeners();this.updateNavButtons()}initializeElements(){this.slidesContainer=this.hostElement.querySelector("[data-slides-container]");this.slides=this.hostElement.querySelectorAll("[data-slide]");this.totalSlides=this.slides?.length??0;if(this.showCarouselButtons){this.prevButton=this.hostElement.querySelector("[data-nav-button-prev]");this.nextButton=this.hostElement.querySelector("[data-nav-button-next]")}this.slideWidth=100/this.slidesToShow}attachEventListeners(){if(!this.slidesContainer)return;const e=(e,t,s,a)=>{e.addEventListener(t,s,a);this.listeners.push({element:e,event:t,handler:s})};e(this.slidesContainer,"touchstart",this.handleTouchStart,{passive:true});e(this.slidesContainer,"touchmove",this.handleTouchMove,{passive:false});e(this.slidesContainer,"touchend",this.handleTouchEnd,{passive:true});e(this.slidesContainer,"mousedown",this.handleTouchStart);e(this.slidesContainer,"mousemove",this.handleTouchMove);e(this.slidesContainer,"mouseup",this.handleTouchEnd);e(this.slidesContainer,"mouseleave",this.handleTouchEnd);if(this.showCarouselButtons){this.nextButton&&e(this.nextButton,"click",this.handleNextClick);this.prevButton&&e(this.prevButton,"click",this.handlePrevClick)}}cleanup(){this.listeners.forEach((({element:e,event:t,handler:s})=>{e.removeEventListener(t,s)}));this.listeners=[]}handleResize=()=>{this.memoizedSlideWidth=null};getSlideWidth(){if(!this.memoizedSlideWidth&&this.slidesContainer){this.memoizedSlideWidth=this.slidesContainer.offsetWidth}return this.memoizedSlideWidth??0}handleNextClick=e=>{e.stopPropagation();this.nextSlide()};handlePrevClick=e=>{e.stopPropagation();this.prevSlide()};handleTouchStart=e=>{if(e.target.classList.contains("nav-button"))return;this.isDragging=true;this.dragStartX="touches"in e?e.touches[0].clientX:e.clientX};handleTouchMove=e=>{if(!this.isDragging)return;if("touches"in e){e.preventDefault()}const t="touches"in e?e.touches[0].clientX:e.clientX;const s=t-this.dragStartX;const a=s/this.getSlideWidth()*100;this.moveSlides(a)};handleTouchEnd=e=>{if(!this.isDragging)return;this.isDragging=false;const t="changedTouches"in e?e.changedTouches[0].clientX:e.clientX;const s=t-this.dragStartX;if(Math.abs(s)>m.DEFAULTS.SWIPE_THRESHOLD_PX){if(s>0&&this.currentSlide>0){this.currentSlide--}else if(s<0&&this.currentSlide<this.totalSlides-1){this.currentSlide++}}this.moveSlides();this.updateNavButtons()};calculateProportionalTranslation(){return-200+(this.slidesToShow-1)*100}moveSlides(e=0){if(!this.slides||!this.slidesContainer){return}try{this.slides.forEach(((t,s)=>{if(t){t.style.width=`${this.slideWidth}%`;let a=0;if(this.slidesToShow===1){a=-100*this.currentSlide}else{if(this.totalSlides===2){if(this.currentSlide===1){a=-50}}else{if(this.currentSlide===1){a=-100}else if(this.currentSlide===2){if(s===0){a=-100}else{a=this.calculateProportionalTranslation()}}}}a+=e;t.style.transform=`translateX(${a}%)`;t.style.position="relative";let i;if(this.slidesToShow===1){i=s===this.currentSlide}else{i=this.currentSlide===0||this.totalSlides===2||this.currentSlide===1&&a===-100||this.currentSlide===2&&(s===0&&a===-100||s>0)}t.setAttribute("aria-hidden",(!i).toString())}}))}catch(e){console.error("Error moving slides:",e)}}updateNavButtons(){if(!this.showCarouselButtons)return;const e=this.currentSlide===0;const t=this.currentSlide===this.totalSlides-1;if(this.prevButton){this.prevButton.classList.toggle("invisible",e&&!this.showFirstSlidePrevButton);this.prevButton.dataset.show=e?`${this.showFirstSlidePrevButton}`:"true"}if(this.nextButton){this.nextButton.classList.toggle("invisible",t&&!this.showLastSlideNextButton);this.nextButton.dataset.show=t?`${this.showLastSlideNextButton}`:"true"}}nextSlide(){if(this.currentSlide>=this.totalSlides-1){this.currentSlide=0}else{this.currentSlide++}this.moveSlides();this.updateNavButtons()}prevSlide(){if(this.currentSlide<=0){this.currentSlide=this.totalSlides-1}else{this.currentSlide--}this.moveSlides();this.updateNavButtons()}render(){return t(s,{key:"c80db60a09f02cfeec55338910211c5a27ebedab"},t("div",{key:"836a9635ebfbadddadfececd8e7f1f94f355f89b",class:"pn-marketweb-carousel"},t("section",{key:"838b05eb1e8db65b84011b16ba7409dcf23b5eb3",class:"slider-wrapper"},this.showCarouselButtons&&t("div",{key:"3a3fe23b4a586f047b5391b5b8406e02884d1620",class:"nav-buttons",role:"group","aria-label":this.ariaNavigationLabel},t("pn-button",{key:"9d47e97795ad23bf118b54e2e72730e1819b9d3b",appearance:"light",icon:i,"icon-only":"true",tooltip:this.previousButtonLabel,class:`nav-button ${this.currentSlide===0&&!this.showFirstSlidePrevButton?"invisible":""}`,"data-nav-button-prev":true,"area-label":this.previousButtonLabel,"aria-disabled":this.currentSlide===0&&!this.showFirstSlidePrevButton}),t("pn-button",{key:"58e1c0363129d693f052ec59bd1a3b427db9bc56",appearance:"light",icon:n,"icon-only":"true",tooltip:this.nextButtonLabel,class:"nav-button","data-nav-button-next":true,"area-label":this.nextButtonLabel,"aria-disabled":this.currentSlide===this.totalSlides-1&&!this.showLastSlideNextButton})),this.slidesData&&t("ul",{key:"1c942f7d043a65e1b73a1bec69fbfdc3691c92f7",class:"slides-container","data-slides-container":true,"data-partial":this.slidesToShow===1?"false":"true","aria-live":"polite",style:{display:"flex",transform:"none"}},this.slidesData.map(((e,s)=>t("li",{class:"slide","data-slide":true,innerHTML:e,style:{width:this.slideWidth+"%"},"aria-hidden":s!==this.currentSlide})))))))}static get watchers(){return{source:["handleSourceChange"]}}};m.style=p;export{l as pn_chat_message,m as pn_marketweb_carousel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,d as s,g as a}from"./p-b3a13b6a.js";import{a as i}from"./p-575f557a.js";import{a as n}from"./p-36b39340.js";const r='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M16.035 5.52c.718-.705 1.75-.682 2.444 0 .692.678.693 1.688.014 2.326l-.021.02-1.68 1.68a1 1 0 0 0 1.415 1.414l1.669-1.669c1.544-1.466 1.452-3.779.003-5.2s-3.727-1.487-5.244 0l-4.507 4.42c-1.548 1.465-1.457 3.781-.007 5.203a1 1 0 1 0 1.4-1.428c-.692-.68-.692-1.688-.014-2.327l.014-.014z"/><path fill="#000" d="M14.762 10.254a1 1 0 1 0-1.33 1.492c.756.675.754 1.63.014 2.263l-.015.013-4.965 4.426a2.177 2.177 0 0 1-2.897 0c-.757-.675-.755-1.63-.015-2.262l.026-.024 2.097-1.926a1 1 0 1 0-1.353-1.472l-2.085 1.915c-1.704 1.471-1.6 3.837 0 5.262a4.177 4.177 0 0 0 5.558 0l4.958-4.42c1.71-1.47 1.607-3.841.007-5.267"/></svg>';const o=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-chat-message{display:flex;text-align:left}pn-chat-message.user,pn-chat-message.buttonresponse{justify-content:flex-end}pn-chat-message.system-message{text-align:center;justify-content:center}pn-chat-message .message-container{border-radius:0.8rem;display:flex;gap:1rem;max-width:85%;overflow-x:hidden}pn-chat-message .message-container .category{width:2.6rem}pn-chat-message .message-container.user{max-width:75%}pn-chat-message .message-container.bot .message,pn-chat-message .message-container.agent .message,pn-chat-message .message-container.link .message{background-color:#f3f2f2}pn-chat-message .message-container.bot .category,pn-chat-message .message-container.agent .category,pn-chat-message .message-container.link .category{align-self:flex-end}pn-chat-message .message-container.link{flex-basis:100%}pn-chat-message .message-container.link .category{align-self:center}pn-chat-message .message-container.link .content{line-height:1.5}pn-chat-message .message-container.link .message{padding:0}pn-chat-message .message-container.link .message a{color:#005d92;font-weight:500;display:flex;justify-content:space-between;padding:1rem 1.6rem;text-decoration:underline}pn-chat-message .message-container.link .business.message{background-color:#fdefee}pn-chat-message .message-container.button{flex-basis:100%;text-align:center;max-width:unset}pn-chat-message .message-container.button .message{padding:0}pn-chat-message .message-container.button .pn-button{min-width:18rem}pn-chat-message .message-container.button .pn-button:disabled{color:#969087}pn-chat-message .message-container.button .pn-button:disabled .pn-button-bg{border-color:#f3f2f2;background-color:#f3f2f2}pn-chat-message .message-container.card{border:solid 1px #d3cecb;border-radius:1.6rem;flex-basis:100%;max-width:100%}pn-chat-message .message-container.card .message{display:flex;flex-direction:column;gap:0.8rem;padding:1.6rem}pn-chat-message .message-container.card .card-heading{font-size:1.6rem;line-height:2.4rem;font-weight:700}pn-chat-message .message-container.card .cta{display:flex;flex-direction:row;gap:0.5rem}pn-chat-message .message-container.card .read-more{align-self:flex-start;margin-top:auto}pn-chat-message .message-container.user .message,pn-chat-message .message-container.buttonresponse .message{background-color:#e0f8ff;color:#2d2013;border-radius:0.8rem 0.8rem 0 0.8rem}pn-chat-message .message-container .message{border-radius:0 0.8rem 0.8rem 0.8rem;display:inline-block;flex:1 1 auto;font-size:1.4rem;line-height:2rem;padding:1rem 1.6rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width: 767px){pn-chat-message .message-container .message{font-size:1.6rem}}pn-chat-message .message-container.agent .category .pn-icon{background-color:#00a0d6;color:#ffffff;text-align:center;border-radius:50%;display:inline-block;width:2.5rem;height:2.5rem;font-weight:500;font-size:1.2rem;line-height:2.6rem}pn-chat-message[data-card]{height:100%}";const h=c;const l=class{constructor(t){e(this,t);this.category=undefined;this.customerSegment=undefined;this.agentName=undefined}robotIcon='<?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 20 20"> \x3c!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --\x3e <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id="clippath"> <rect class="st0" width="20" height="20"/> </clipPath> </defs> <g class="st5"> <g> <path class="st2" d="M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z"/> <path class="st3" d="M10.5,4h-.5v2.8h.5v-2.8Z"/> <path class="st3" d="M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st3" d="M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z"/> <path class="st4" d="M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z"/> <path d="M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z"/> <path class="st4" d="M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z"/> <path class="st4" d="M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z"/> <path class="st3" d="M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z"/> <path class="st6" d="M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z"/> <path class="st1" d="M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st1" d="M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path d="M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z"/> </g> </g> </svg>';blue700="blue700";getIcon(){let e=null;switch(this.category){case"Bot":return this.robotIcon;case"Agent":return this.agentName;case"Link":return o}return e}getMessageClass(){switch(this.category){case"ButtonResponse":return"buttonresponse";case"User":return"user";case"System":return"system-message";default:return undefined}}render(){const e=this.customerSegment?.toLowerCase()||"";const a=this.category?.toLowerCase()||"";return t(s,{key:"44ceed04e89a54dc0bac70c255a37ce01390f1fe",class:this.getMessageClass()},t("div",{key:"0c3ccd5d3ac20308445fcffdcb01e0249718db27",class:`message-container ${a}`},this.getIcon()&&t("span",{key:"edde2998b3a1286c6850a0766b74d1ebc6e9cde4",class:"category"},t("pn-icon",{key:"f4a81cc256774382273d2ea53b3591c6e673211b",icon:this.getIcon(),color:this.blue700,"aria-hidden":"true",role:"presentation"})),t("span",{key:"490aa122d234c92569617b38ce6f92e7e2d763ab",class:`message ${e}`},t("slot",{key:"e42e5620692f012ca32cb6f65e00256b7496d256"}))))}};l.style=h;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-carousel{display:inline-block}pn-marketweb-carousel .pn-marketweb-carousel .slider-wrapper{margin:1rem;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}pn-marketweb-carousel .pn-marketweb-carousel .slides-container{display:flex;width:100%;list-style:none;margin:0;padding:0;overflow:hidden;position:relative;touch-action:none;transition:transform 0.5s ease-in-out;user-select:none}pn-marketweb-carousel .pn-marketweb-carousel .slides-container[data-partial=false] .slide{width:100%}pn-marketweb-carousel .pn-marketweb-carousel [data-slide]{flex:0 0 auto;transition:transform 0.5s ease-in-out}pn-marketweb-carousel .pn-marketweb-carousel .nav-button{cursor:pointer;display:flex;position:absolute;top:0;bottom:0;transform:translateY(-50%);height:2rem;margin:auto;padding:0;opacity:0.85;transition:opacity 200ms;z-index:1}pn-marketweb-carousel .pn-marketweb-carousel .nav-button.invisible{opacity:0}pn-marketweb-carousel .pn-marketweb-carousel .nav-button[data-show=false]{display:none}pn-marketweb-carousel .pn-marketweb-carousel .nav-button:hover,pn-marketweb-carousel .pn-marketweb-carousel .nav-button:focus{opacity:1}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-prev]{left:1.75rem;border-radius:0 2rem 2rem 0}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-next]{right:1.75rem;border-radius:2rem 0 0 2rem}@media (prefers-reduced-motion: reduce){pn-marketweb-carousel .slides-container{transition:none}pn-marketweb-carousel [data-slide]{transition:none}}";const p=d;const m=class{constructor(t){e(this,t);this.previousButtonLabel=undefined;this.nextButtonLabel=undefined;this.ariaNavigationLabel=undefined;this.source=undefined;this.slidesToShow=1;this.showCarouselButtons=true;this.showFirstSlidePrevButton=false;this.showLastSlideNextButton=false;this.slidesData=[];this.currentSlide=0;this.isDragging=false;this.slideWidth=0}static DEFAULTS={SWIPE_THRESHOLD_PX:50,ANIMATION_DURATION_MS:300,OVERSCROLL_LIMIT_PERCENT:30};get hostElement(){return a(this)}slides=null;slidesContainer=null;totalSlides=0;prevButton=null;nextButton=null;dragStartX=0;listeners=[];memoizedSlideWidth=null;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setupCarousel();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.cleanup();window.removeEventListener("resize",this.handleResize)}async goToSlide(e){if(e>=0&&e<this.totalSlides){this.currentSlide=e;this.moveSlides();this.updateNavButtons()}}async getCurrentSlide(){return this.currentSlide}handleSourceChange(e){if(e){this.setInitialValues()}}setInitialValues(){if(!this.source?.trim()){console.warn("No source provided for carousel");return}try{const e=JSON.parse(this.source);if(!e?.slides){throw new Error("Invalid slides data structure")}if(Array.isArray(e.slides)){this.slidesData=e.slides;this.showCarouselButtons=this.slidesData.length>1}else{throw new Error("Slides data is not an array")}}catch(e){console.error("Error parsing carousel source:",e instanceof Error?e.message:"Unknown error");this.slidesData=[]}}setupCarousel(){this.initializeElements();this.attachEventListeners();this.updateNavButtons()}initializeElements(){this.slidesContainer=this.hostElement.querySelector("[data-slides-container]");this.slides=this.hostElement.querySelectorAll("[data-slide]");this.totalSlides=this.slides?.length??0;if(this.showCarouselButtons){this.prevButton=this.hostElement.querySelector("[data-nav-button-prev]");this.nextButton=this.hostElement.querySelector("[data-nav-button-next]")}this.slideWidth=100/this.slidesToShow}attachEventListeners(){if(!this.slidesContainer)return;const e=(e,t,s,a)=>{e.addEventListener(t,s,a);this.listeners.push({element:e,event:t,handler:s})};e(this.slidesContainer,"touchstart",this.handleTouchStart,{passive:true});e(this.slidesContainer,"touchmove",this.handleTouchMove,{passive:false});e(this.slidesContainer,"touchend",this.handleTouchEnd,{passive:true});e(this.slidesContainer,"mousedown",this.handleTouchStart);e(this.slidesContainer,"mousemove",this.handleTouchMove);e(this.slidesContainer,"mouseup",this.handleTouchEnd);e(this.slidesContainer,"mouseleave",this.handleTouchEnd);if(this.showCarouselButtons){this.nextButton&&e(this.nextButton,"click",this.handleNextClick);this.prevButton&&e(this.prevButton,"click",this.handlePrevClick)}}cleanup(){this.listeners.forEach((({element:e,event:t,handler:s})=>{e.removeEventListener(t,s)}));this.listeners=[]}handleResize=()=>{this.memoizedSlideWidth=null};getSlideWidth(){if(!this.memoizedSlideWidth&&this.slidesContainer){this.memoizedSlideWidth=this.slidesContainer.offsetWidth}return this.memoizedSlideWidth??0}handleNextClick=e=>{e.stopPropagation();this.nextSlide()};handlePrevClick=e=>{e.stopPropagation();this.prevSlide()};handleTouchStart=e=>{if(e.target.classList.contains("nav-button"))return;this.isDragging=true;this.dragStartX="touches"in e?e.touches[0].clientX:e.clientX};handleTouchMove=e=>{if(!this.isDragging)return;if("touches"in e){e.preventDefault()}const t="touches"in e?e.touches[0].clientX:e.clientX;const s=t-this.dragStartX;const a=s/this.getSlideWidth()*100;this.moveSlides(a)};handleTouchEnd=e=>{if(!this.isDragging)return;this.isDragging=false;const t="changedTouches"in e?e.changedTouches[0].clientX:e.clientX;const s=t-this.dragStartX;if(Math.abs(s)>m.DEFAULTS.SWIPE_THRESHOLD_PX){if(s>0&&this.currentSlide>0){this.currentSlide--}else if(s<0&&this.currentSlide<this.totalSlides-1){this.currentSlide++}}this.moveSlides();this.updateNavButtons()};calculateProportionalTranslation(){return-200+(this.slidesToShow-1)*100}moveSlides(e=0){if(!this.slides||!this.slidesContainer){return}try{this.slides.forEach(((t,s)=>{if(t){t.style.width=`${this.slideWidth}%`;let a=0;if(this.slidesToShow===1){a=-100*this.currentSlide}else{if(this.totalSlides===2){if(this.currentSlide===1){a=-50}}else{if(this.currentSlide===1){a=-100}else if(this.currentSlide===2){if(s===0){a=-100}else{a=this.calculateProportionalTranslation()}}}}a+=e;t.style.transform=`translateX(${a}%)`;t.style.position="relative";let i;if(this.slidesToShow===1){i=s===this.currentSlide}else{i=this.currentSlide===0||this.totalSlides===2||this.currentSlide===1&&a===-100||this.currentSlide===2&&(s===0&&a===-100||s>0)}t.setAttribute("aria-hidden",(!i).toString())}}))}catch(e){console.error("Error moving slides:",e)}}updateNavButtons(){if(!this.showCarouselButtons)return;const e=this.currentSlide===0;const t=this.currentSlide===this.totalSlides-1;if(this.prevButton){this.prevButton.classList.toggle("invisible",e&&!this.showFirstSlidePrevButton);this.prevButton.dataset.show=e?`${this.showFirstSlidePrevButton}`:"true"}if(this.nextButton){this.nextButton.classList.toggle("invisible",t&&!this.showLastSlideNextButton);this.nextButton.dataset.show=t?`${this.showLastSlideNextButton}`:"true"}}nextSlide(){if(this.currentSlide>=this.totalSlides-1){this.currentSlide=0}else{this.currentSlide++}this.moveSlides();this.updateNavButtons()}prevSlide(){if(this.currentSlide<=0){this.currentSlide=this.totalSlides-1}else{this.currentSlide--}this.moveSlides();this.updateNavButtons()}render(){return t(s,{key:"b698d9177704754039292c9ce3c3c04ffe3076cb"},t("div",{key:"bcaf850a2c1626f160fd62caa5340c9ef04ca225",class:"pn-marketweb-carousel"},t("section",{key:"6fc7ddd2b8e65b0068a3f61721098403ceda1324",class:"slider-wrapper"},this.showCarouselButtons&&t("div",{key:"cfe389ab17c6b67cac74a18cfe7097866211535f",class:"nav-buttons",role:"group","aria-label":this.ariaNavigationLabel},t("pn-button",{key:"227aa82b01eed8f15e95fb4909bd311a260e4147",appearance:"light",icon:i,"icon-only":"true",tooltip:this.previousButtonLabel,class:`nav-button ${this.currentSlide===0&&!this.showFirstSlidePrevButton?"invisible":""}`,"data-nav-button-prev":true,"area-label":this.previousButtonLabel,"aria-disabled":this.currentSlide===0&&!this.showFirstSlidePrevButton}),t("pn-button",{key:"e8ec979e13ea2c3d30195de671564b4d47fcdae9",appearance:"light",icon:n,"icon-only":"true",tooltip:this.nextButtonLabel,class:"nav-button","data-nav-button-next":true,"area-label":this.nextButtonLabel,"aria-disabled":this.currentSlide===this.totalSlides-1&&!this.showLastSlideNextButton})),this.slidesData&&t("ul",{key:"9b340fd2ff08ae7161957d450feb122611c944e6",class:"slides-container","data-slides-container":true,"data-partial":this.slidesToShow===1?"false":"true","aria-live":"polite",style:{display:"flex",transform:"none"}},this.slidesData.map(((e,s)=>t("li",{class:"slide","data-slide":true,innerHTML:e,style:{width:this.slideWidth+"%"},"aria-hidden":s!==this.currentSlide})))))))}static get watchers(){return{source:["handleSourceChange"]}}};m.style=p;export{l as pn_chat_message,m as pn_marketweb_carousel};
|
|
2
|
+
//# sourceMappingURL=p-e43a36e0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i,d as t}from"./p-b3a13b6a.js";import{H as n}from"./p-885d59e8.js";import{P as l}from"./p-cf8a1fb9.js";import{L as s}from"./p-8d78b631.js";import"./p-3478f368.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="M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06" clip-rule="evenodd"/></svg>';const p=a;const h="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}}:root{--usp-preamble-margin:clamp(1.5rem, 3vw, 1.8rem)}pn-level-up .pn-level-up{background:linear-gradient(90deg, #ffffff 0%, #effbff 17.44%);color:#2d2013;display:flex;flex-direction:column-reverse;max-width:100%;padding:clamp(2rem, 5vw, 5rem)}pn-level-up .pn-level-up .heading{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem}pn-level-up .pn-level-up .preamble{font-size:clamp(1rem, 4vw, 1.6rem);margin-top:var(--usp-preamble-margin);margin-bottom:var(--usp-preamble-margin)}pn-level-up .pn-level-up .cta{display:flex;font-size:clamp(1rem, 4vw, 1.6rem);flex-direction:column;gap:clamp(1rem, 4vw, 1.2rem)}pn-level-up .pn-level-up .image-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}pn-level-up .pn-level-up .image-container .graphics{--pn-width:12rem !important;--pn-height:12rem !important}pn-level-up .pn-level-up .image-container .image{border-radius:50%;width:20rem;height:20rem;object-fit:cover}@media (min-width: 768px){pn-level-up .pn-level-up{flex-direction:row;align-items:center;justify-content:space-between}pn-level-up .pn-level-up .content{max-width:70%}pn-level-up .pn-level-up .cta{flex-direction:row;gap:clamp(2rem, 3vw, 3rem);padding:0}pn-level-up .pn-level-up .image-container{margin-bottom:0}pn-level-up .pn-level-up .image-container .graphics{--pn-width:15rem;--pn-height:15rem}}@media (min-width: 1200px){pn-level-up .pn-level-up{max-width:1140px;margin:0 auto}pn-level-up .pn-level-up .image-container .graphics{--pn-width:18rem;--pn-height:18rem}}@media (min-width: 1640px){pn-level-up .pn-level-up{max-width:1440px}pn-level-up .pn-level-up .image-container .graphics{--pn-width:20rem;--pn-height:20rem}}";const r=h;const o=class{constructor(i){e(this,i);this.heading=undefined;this.headingLevel="h2";this.preamble=undefined;this.imageUrl=undefined;this.imageAltText=undefined;this.endpoint=undefined;this.webModalContinueOtherDeviceLabel=undefined;this.webModalContinueThisDeviceLabel=undefined;this.mobileModalContinueThisDeviceLabel=undefined;this.mobileModalContinueOtherDeviceLabel=undefined;this.modalInstructionPhoneLineOne=undefined;this.modalInstructionPhoneLineTwo=undefined;this.modalInstructionPhoneLineThree=undefined;this.modalHeadingText=undefined;this.modalOutdatedQRMessage=undefined;this.modalExpiresInMessage=undefined;this.qrAriaLabel=undefined;this.leveledupMessage=undefined;this.isLeveledUp=false;this.isLoading=false;this.isRecentLeveledUp=false;this.errorMessage=undefined}showModal=false;_android="android";_ios="ios";_web="web";levelupLocalStorageKey="levelup";_system;_levelupService;_storage=new s;modal;componentWillLoad(){if(!this.isLeveledUp){this.checkRecentLevelUp()}this._levelupService=new l(this.endpoint);this._system=this.getDeviceType()}getDeviceType(){const e=navigator.userAgent;if(/android/i.test(e)){return this._android}if(/iPad|iPhone|iPod/.test(e)&&!window.MSStream){return this._ios}return this._web}openLocalApp=async()=>{this.isLoading=true;let e=await this._levelupService.levelupAuthorize(this._system,null);window.location.href=e.url;this.isLoading=false;await this._levelupService.levelupTokenGrant(e.id,"30",null).then((e=>{if(e.code===200){this._levelupService.newLevelupUser();this.isRecentLeveledUp=true;this.errorMessage=null}else{this.errorMessage=e.customMessage}}))};openModal(){if(this.showModal){this.modal.setAttribute("open","false");this.showModal=false}this.modal.setAttribute("open","true");this.showModal=true}renderWebButtonOptions(){return i("div",{class:"cta",role:"group"},this.webModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.webModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}),this.webModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.webModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}))}renderMobileButtonOptions(){return i("div",{class:"cta",role:"group"},this.mobileModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.mobileModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}),this.mobileModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.mobileModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}))}presentResult(){if(this.isLeveledUp){return null}return i("pn-toast",{text:this.leveledupMessage,appearance:"success"})}checkRecentLevelUp(){let e=this._storage.get(this.levelupLocalStorageKey);if(e===null){this.isRecentLeveledUp=false}else if(e.expire>Date.now()){this.isRecentLeveledUp=true}else{this._storage.remove(this.levelupLocalStorageKey);this.isRecentLeveledUp=false}}get hasButtonTexts(){if(this._system===this._web){return Boolean(this.webModalContinueOtherDeviceLabel)&&Boolean(this.webModalContinueThisDeviceLabel)}else{return Boolean(this.mobileModalContinueOtherDeviceLabel)&&Boolean(this.mobileModalContinueThisDeviceLabel)}}render(){const e="pn-level-up-heading";return i(t,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as i,d as t}from"./p-b3a13b6a.js";import{H as n}from"./p-885d59e8.js";import{P as l}from"./p-cf8a1fb9.js";import{L as s}from"./p-8d78b631.js";import"./p-3478f368.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="M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06" clip-rule="evenodd"/></svg>';const p=a;const h="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}}:root{--usp-preamble-margin:clamp(1.5rem, 3vw, 1.8rem)}pn-level-up .pn-level-up{background:linear-gradient(90deg, #ffffff 0%, #effbff 17.44%);color:#2d2013;display:flex;flex-direction:column-reverse;max-width:100%;padding:clamp(2rem, 5vw, 5rem)}pn-level-up .pn-level-up .heading{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem}pn-level-up .pn-level-up .preamble{font-size:clamp(1rem, 4vw, 1.6rem);margin-top:var(--usp-preamble-margin);margin-bottom:var(--usp-preamble-margin)}pn-level-up .pn-level-up .cta{display:flex;font-size:clamp(1rem, 4vw, 1.6rem);flex-direction:column;gap:clamp(1rem, 4vw, 1.2rem)}pn-level-up .pn-level-up .image-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}pn-level-up .pn-level-up .image-container .graphics{--pn-width:12rem !important;--pn-height:12rem !important}pn-level-up .pn-level-up .image-container .image{border-radius:50%;width:20rem;height:20rem;object-fit:cover}@media (min-width: 768px){pn-level-up .pn-level-up{flex-direction:row;align-items:center;justify-content:space-between}pn-level-up .pn-level-up .content{max-width:70%}pn-level-up .pn-level-up .cta{flex-direction:row;gap:clamp(2rem, 3vw, 3rem);padding:0}pn-level-up .pn-level-up .image-container{margin-bottom:0}pn-level-up .pn-level-up .image-container .graphics{--pn-width:15rem;--pn-height:15rem}}@media (min-width: 1200px){pn-level-up .pn-level-up{max-width:1140px;margin:0 auto}pn-level-up .pn-level-up .image-container .graphics{--pn-width:18rem;--pn-height:18rem}}@media (min-width: 1640px){pn-level-up .pn-level-up{max-width:1440px}pn-level-up .pn-level-up .image-container .graphics{--pn-width:20rem;--pn-height:20rem}}";const r=h;const o=class{constructor(i){e(this,i);this.heading=undefined;this.headingLevel="h2";this.preamble=undefined;this.imageUrl=undefined;this.imageAltText=undefined;this.endpoint=undefined;this.webModalContinueOtherDeviceLabel=undefined;this.webModalContinueThisDeviceLabel=undefined;this.mobileModalContinueThisDeviceLabel=undefined;this.mobileModalContinueOtherDeviceLabel=undefined;this.modalInstructionPhoneLineOne=undefined;this.modalInstructionPhoneLineTwo=undefined;this.modalInstructionPhoneLineThree=undefined;this.modalHeadingText=undefined;this.modalOutdatedQRMessage=undefined;this.modalExpiresInMessage=undefined;this.qrAriaLabel=undefined;this.leveledupMessage=undefined;this.isLeveledUp=false;this.isLoading=false;this.isRecentLeveledUp=false;this.errorMessage=undefined}showModal=false;_android="android";_ios="ios";_web="web";levelupLocalStorageKey="levelup";_system;_levelupService;_storage=new s;modal;componentWillLoad(){if(!this.isLeveledUp){this.checkRecentLevelUp()}this._levelupService=new l(this.endpoint);this._system=this.getDeviceType()}getDeviceType(){const e=navigator.userAgent;if(/android/i.test(e)){return this._android}if(/iPad|iPhone|iPod/.test(e)&&!window.MSStream){return this._ios}return this._web}openLocalApp=async()=>{this.isLoading=true;let e=await this._levelupService.levelupAuthorize(this._system,null);window.location.href=e.url;this.isLoading=false;await this._levelupService.levelupTokenGrant(e.id,"30",null).then((e=>{if(e.code===200){this._levelupService.newLevelupUser();this.isRecentLeveledUp=true;this.errorMessage=null}else{this.errorMessage=e.customMessage}}))};openModal(){if(this.showModal){this.modal.setAttribute("open","false");this.showModal=false}this.modal.setAttribute("open","true");this.showModal=true}renderWebButtonOptions(){return i("div",{class:"cta",role:"group"},this.webModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.webModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}),this.webModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.webModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}))}renderMobileButtonOptions(){return i("div",{class:"cta",role:"group"},this.mobileModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.mobileModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}),this.mobileModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.mobileModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}))}presentResult(){if(this.isLeveledUp){return null}return i("pn-toast",{text:this.leveledupMessage,appearance:"success"})}checkRecentLevelUp(){let e=this._storage.get(this.levelupLocalStorageKey);if(e===null){this.isRecentLeveledUp=false}else if(e.expire>Date.now()){this.isRecentLeveledUp=true}else{this._storage.remove(this.levelupLocalStorageKey);this.isRecentLeveledUp=false}}get hasButtonTexts(){if(this._system===this._web){return Boolean(this.webModalContinueOtherDeviceLabel)&&Boolean(this.webModalContinueThisDeviceLabel)}else{return Boolean(this.mobileModalContinueOtherDeviceLabel)&&Boolean(this.mobileModalContinueThisDeviceLabel)}}render(){const e="pn-level-up-heading";return i(t,{key:"fdc2020b9552e4908a45513e82f99fd87584193b"},this.isLeveledUp||this.isRecentLeveledUp?this.presentResult():i("div",{class:"pn-level-up",role:"region","aria-labelledby":this.heading?e:undefined},i("div",{class:"content"},this.heading&&i(n,{id:e,level:this.headingLevel,cssClass:"heading"},this.heading),this.preamble&&i("div",{class:"preamble"},this.preamble),this.hasButtonTexts&&this._system===this._web&&this.renderWebButtonOptions(),this.hasButtonTexts&&this._system!==this._web&&this.renderMobileButtonOptions()),i("div",{class:"image-container","aria-hidden":!this.imageAltText},this.imageUrl&&i("img",{class:"image graphics",src:this.imageUrl,alt:this.imageAltText||"",loading:"lazy"}))),this.errorMessage&&i("pn-toast",{key:"47b25697147c7c827eb1dec05a3d12bc502dc878",text:this.errorMessage,appearance:"warning"}),i("pn-level-up-modal",{key:"840247e0a95c64bca78f09b310f3b8c75ec05720",ref:e=>this.modal=e,open:false,endpoint:this.endpoint,"instruction-phone-line-one":this.modalInstructionPhoneLineOne,"instruction-phone-line-two":this.modalInstructionPhoneLineTwo,"instruction-phone-line-three":this.modalInstructionPhoneLineThree,"heading-text":this.modalHeadingText,"outdated-q-r-message":this.modalOutdatedQRMessage,"expires-in-message":this.modalExpiresInMessage,"qr-aria-label":this.qrAriaLabel,system:this._android}))}};o.style=r;export{o as pn_level_up};
|
|
2
|
+
//# sourceMappingURL=p-e6d6a752.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as i,d as o}from"./p-b3a13b6a.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}}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";const s=n;const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as i,d as o}from"./p-b3a13b6a.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}}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";const s=n;const h=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.checkboxid=undefined;this.disabled=false;this.checked=false;this.indeterminate=false}get hostElement(){return t(this)}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState();this.bindEvents()}componentDidUpdate(){this.checkAndSetIndeterminateState()}bindEvents(){const e=document.querySelectorAll('label[for="'+this.checkboxid+'"]');e.forEach((e=>{e.addEventListener("click",(()=>{this.hostElement.shadowRoot.querySelector("label").click()}))}));const t=this.hostElement.shadowRoot.querySelector("input");t.addEventListener("change",this.onCheckboxChange.bind(this,t))}onCheckboxChange(e){let t=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(t){t.value=e.checked?this.value:"";t.dispatchEvent(new CustomEvent("change",{detail:t}))}}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.checkboxid}`);if(e){e.indeterminate=this.indeterminate}}renderInputOutsideShadowRoot(){let e=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(!e){e=this.hostElement.ownerDocument.createElement("input");e.type="hidden";e.classList.add("hidden-"+this.checkboxid);this.hostElement.appendChild(e)}e.name=this.name??this.checkboxid}render(){this.renderInputOutsideShadowRoot();return i(o,{key:"6afb96d0039c6b469a1e0fcb1984130e5d07f6b2",checked:this.checked,id:this.checkboxid},i("input",{key:"13cb1d151426ba8798e8dbc1ab3ba070df9f5f9c",type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked}),i("label",{key:"704d25d4ef31eceb09ec5961a4da7118b431587b",htmlFor:this.checkboxid,class:"pn-checkbox"},i("svg",{key:"730506f1a3b0f2220017eb51093fba5b352e5809",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("polyline",{key:"138a8f0bcfc1f4b6ddb938a653ca4821e125a296",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),i("polyline",{key:"08f0433c4f7a21040d4905b81c05f27e0ebd0542",class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))}};h.style=s;export{h as pn_filter_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-ee33397c.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 a="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 d=a;const n=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:"b6ab0ce82071380e3447d3a8a0b56d90214c59fc",selected:(p.selectedType===this.name)+"","selected-profile":p.selectedProfile+""},o("slot",{key:"145a64ff52b9aef6ff79a4e63026daefd8aacbbd"}))}static get watchers(){return{selected:["onSelectedChange"]}}};n.style=d;export{n as pn_profile_modal_type};
|
|
2
|
+
//# sourceMappingURL=p-f0d423d0.entry.js.map
|