@postnord/pn-marketweb-components 4.2.1 → 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 +4 -3
- package/cjs/pn-media-block.cjs.entry.js.map +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 +5 -4
- package/collection/components/media/pn-media-block/pn-media-block.js.map +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 +4 -3
- package/components/pn-media-block.js.map +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 +4 -3
- package/esm/pn-media-block.entry.js.map +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-0f2148b7.entry.js → p-118fe47d.entry.js} +2 -2
- package/pn-market-web-components/p-118fe47d.entry.js.map +1 -0
- 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-0f2148b7.entry.js.map +0 -1
- 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-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
|
@@ -34,7 +34,7 @@ const PnHeroBlockInternational$1 = /*@__PURE__*/ proxyCustomElement(class PnHero
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '57001ce40c7508b8aec22ae7c1155fb567d3dfb3', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, h("div", { key: 'e91b385e0df3e9c024921e96931d3a78d4f1c804', class: "hero-international__content" }, h("div", { key: 'ce6405545d9ebc6fe45a07e918b0a555aef3af9b', class: "flex-wrapper" }, h("div", { key: 'c89dcd60502b8b786617cb0dea8843419807b64d', class: "content-col" }, h("span", { key: 'e87b664691915fbd34eea787aabffff4e95167fb', class: "hero-international__content__site-tag" }, "International"), h("h1", { key: 'c8a7d1282967151dbfa23c945d99561510367de8', class: "hero-international__content__heading" }, this.heading, " ", h("span", { key: '754831aa07db3a2b3bd64eb88ed6fb56aa785328' }, this.subHeading)), h("p", { key: '479f6999ab61347ecaca45444eaa7c7cf29366dd', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (h("div", { key: '691b426fb7fd63dadd9d059b1190621cfaa38340', class: "hero-international__content__cta" }, h("slot", { key: '07eace3f34ebf1da9c221190f6870eb1ad48ec0c', name: "hero-international-cta" })))), !this.centeredLayout && (h("div", { key: '571a0b7f2384d3330bf725a60b115245baeec970', class: "hero-international__content__logo-col" }, h("div", { key: '48d339a3e2354a2e9db4dea1dff38f823109b049', class: "hero-international__content__logo-col__image" }, h("svg", { key: '8b3a539b63bb2b5ecdbbdabccf8bc0d01e4e5564', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, h("circle", { key: 'beec8130572087110c30e5659ccd1905c8e8badd', class: "cls-1", cx: "168", cy: "168", r: "168" }), h("circle", { key: '82ed005c047765a5bb0fd3ee79cab8efb4b94492', class: "cls-1", cx: "519", cy: "168", r: "168" }), h("path", { key: '1cea5be71c324c712c56e52ef814144f2dbf1154', class: "cls-1", d: "M510 0h409v336H510z" }), h("path", { key: '5a70e6ba4bf2695ecf278b0b0100659e415cb647', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), h("path", { key: '6c1b0afa4aa6ebce1c80db505ca167bdab0b65a0', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (h("div", { key: 'bc54283980443f3eefce06fc6c12b15bb3e7d3e6', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, h("div", { key: 'efc050466ff155560ad2421a75bf6fccfcf908b8', class: "shape" }))))));
|
|
38
38
|
}
|
|
39
39
|
static get style() { return PnHeroBlockInternationalStyle0; }
|
|
40
40
|
}, [4, "pn-hero-block-international", {
|
|
@@ -31,7 +31,7 @@ const PnlanguageSelectorOption = /*@__PURE__*/ proxyCustomElement(class Pnlangua
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '855fcd50a4177ac29fb5dad8e7b4f790f7f64046', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
|
|
35
35
|
}
|
|
36
36
|
static get style() { return PnLanguageSelectorOptionStyle0; }
|
|
37
37
|
}, [0, "pn-language-selector-option", {
|
|
@@ -136,7 +136,7 @@ const PnlanguageSelector = /*@__PURE__*/ proxyCustomElement(class PnlanguageSele
|
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
render() {
|
|
139
|
-
return (h(Host, { key: '
|
|
139
|
+
return (h(Host, { key: '31ba8a191cf41b208613c260e0e82f73bf9a21ed', value: this.value }, h("pn-button-dropdown", { key: '7ee9810953acd357e5ce1a161c4e23854b34d08a', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless", "aria-label": this.i18n.heading }, h("div", { key: '145b4d1a2388aac7e30d038b8f84859cb8bb94fc', class: "languageselector-nav" }, h("strong", { key: '9e71f062f8647e64c5224317927162acc8145da9', class: "languageselector-title" }, this.i18n.heading), h("div", { key: '395930740f87fd1157ffdfa3d4565e1c49146b09', class: "languageselector-list", role: "list" }, h("slot", { key: '7d126ea2c02a40169305c20114604616db35cfaf' }))))));
|
|
140
140
|
}
|
|
141
141
|
static get watchers() { return {
|
|
142
142
|
"value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]
|
|
@@ -125,7 +125,7 @@ const PnLevelUpModal = /*@__PURE__*/ proxyCustomElement(class PnLevelUpModal ext
|
|
|
125
125
|
await this.updateBankIDUrl();
|
|
126
126
|
};
|
|
127
127
|
render() {
|
|
128
|
-
return (h(Host, { key: '
|
|
128
|
+
return (h(Host, { key: '3d0c802d4540224260198a5819474db98e97ac55' }, h("pn-modal", { key: '6cd0f98370e19911cc20e4a716490995c91a0dea', ref: el => this._levelUpModal = el, open: this.open, class: "level-up-phone-modal", "allow-overflow": 'true', label: this.headingText, onModalToggle: (ev) => {
|
|
129
129
|
const detail = ev.detail;
|
|
130
130
|
const isOpen = typeof detail === 'boolean' ? detail : !!detail?.open;
|
|
131
131
|
this.openModalToggle = isOpen;
|
|
@@ -126,9 +126,9 @@ const PnLevelUp$1 = /*@__PURE__*/ proxyCustomElement(class PnLevelUp extends HTM
|
|
|
126
126
|
}
|
|
127
127
|
render() {
|
|
128
128
|
const headingId = 'pn-level-up-heading';
|
|
129
|
-
return (h(Host, { key: '
|
|
129
|
+
return (h(Host, { key: 'fdc2020b9552e4908a45513e82f99fd87584193b' }, this.isLeveledUp || this.isRecentLeveledUp
|
|
130
130
|
? (this.presentResult())
|
|
131
|
-
: (h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, h("div", { class: "content" }, this.heading && (h(HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && h("pn-toast", { key: '
|
|
131
|
+
: (h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, h("div", { class: "content" }, this.heading && (h(HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && h("pn-toast", { key: '47b25697147c7c827eb1dec05a3d12bc502dc878', text: this.errorMessage, appearance: 'warning' }), h("pn-level-up-modal", { key: '840247e0a95c64bca78f09b310f3b8c75ec05720', ref: el => this.modal = el, 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 })));
|
|
132
132
|
}
|
|
133
133
|
static get style() { return PnLevelUpStyle0; }
|
|
134
134
|
}, [0, "pn-level-up", {
|
|
@@ -51,7 +51,7 @@ const PnLinkList$1 = /*@__PURE__*/ proxyCustomElement(class PnLinkList extends H
|
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
53
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'f0a5d1859a53f84db4d4d5c59238349f093302ff' }, (this.heading || this.preamble) && (h("div", { key: 'e0859d24a8605a7ed5155165ab6bb7bfd89f542a', class: "link-list__header" }, this.heading && h("h2", { key: '3f6bf90c1ffefa4e6d175025de14775095b269aa', class: "link-list__heading" }, this.heading), this.preamble && h("p", { key: '3e649e4f66d1b2bfeb08350dbeaf89c5a5f2f32d', class: "link-list__preamble" }, this.preamble))), h("div", { key: '0b663079c4d0ca30fa7c755980a78ac78700747b', class: "link-list" }, h("div", { key: '7c0a5ad32c0e2521ffa826655b843aa33cc57cac', class: "link-list__container", onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove }, h("div", { key: 'eafc5beff332905549a4ca22ece8ea0de12887a9', class: "link-list__scrollable" }, h("slot", { key: '905739d2d378cdbb6ee157a47b3d4c57ad5a08ec', name: "linklist" })))), this.showMoreUrl ? (h("div", { class: "link-list__button" }, h("pn-button", { appearance: "light", href: this.showMoreUrl }, this.showMoreLabel), ' ')) : ('')));
|
|
55
55
|
}
|
|
56
56
|
static get style() { return PnLinkListStyle0; }
|
|
57
57
|
}, [4, "pn-link-list", {
|
|
@@ -75,10 +75,10 @@ const PnMainnavLevel = /*@__PURE__*/ proxyCustomElement(class PnMainnavLevel ext
|
|
|
75
75
|
state.currentLevel = this.level;
|
|
76
76
|
}
|
|
77
77
|
render() {
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '371552512ee381b8054f7fd0a81a5982b1d526ba', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
|
|
79
79
|
state.openLevel = '';
|
|
80
80
|
state.currentLevel = 1;
|
|
81
|
-
}, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '
|
|
81
|
+
}, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: 'b660beb4b8fecf272fd8ef59218f75a62b2dca67', name: "top" }), h("slot", { key: '9f23fba0672bf74e90f091091742c67ddd83bc16' }), h("slot", { key: 'b84d4f6abe2e8718220f231cb2ae4778758022a1', name: "additional" }), h("slot", { key: '47c442eeb3f55300630fb493a3f63ce2e9cceb31', name: "footer" })));
|
|
82
82
|
}
|
|
83
83
|
static get watchers() { return {
|
|
84
84
|
"label": ["setState"],
|
|
@@ -31,7 +31,7 @@ const PnMainnavLink = /*@__PURE__*/ proxyCustomElement(class PnMainnavLink exten
|
|
|
31
31
|
state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '772b57cf379f452f2cf1a949033351b3cd25e764', role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-expanded": (state.openLevel + '' === this.levelId + '') + '', "aria-haspopup": "true" }, this.name, h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" }), h("pn-icon", { class: "first-level_arrow", icon: arrow_right, color: "blue700" }))) : (h("a", { href: this.href, ...(this.target ? { target: this.target } : {}), ...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {}), ...(this.linkid ? { id: this.linkid } : {}) }, this.name, this.target === '_blank' ? h("pn-icon", { icon: open_in_new, color: "blue700" }) : null)), h("slot", { key: '714f55ebab5091398c8ebbb800d1daa7cb7fdc12' })));
|
|
35
35
|
}
|
|
36
36
|
static get style() { return PnMainnavLinkStyle0; }
|
|
37
37
|
}, [4, "pn-mainnav-link", {
|
|
@@ -15,7 +15,7 @@ const PnMainnavList = /*@__PURE__*/ proxyCustomElement(class PnMainnavList exten
|
|
|
15
15
|
this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '86966c572a7cbd574263cbc2c86cd9453f86347a', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? h("div", { class: "mainnav-list-heading" }, this.heading) : null, h("slot", { key: '5abcc1048dbf7edc1eda42e56d17fd988d9cc16a' })));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return PnMainnavListStyle0; }
|
|
21
21
|
}, [4, "pn-mainnav-list", {
|
|
@@ -147,7 +147,7 @@ const PnMainnav = /*@__PURE__*/ proxyCustomElement(class PnMainnav extends HTMLE
|
|
|
147
147
|
state.openLevel = event.detail;
|
|
148
148
|
}
|
|
149
149
|
render() {
|
|
150
|
-
return (h(Host, { key: '
|
|
150
|
+
return (h(Host, { key: '6514e2ec63194c0ec5b0ecd048abefd2d172d411' }, h("div", { key: 'b23ea254b54e7012a1a266c8f8079660c19ca0fb', class: "mainnav-toggle" }, h("button", { key: '560f2c92bb4d60e26ff8098774ba35c323a28a87', "aria-controls": this.navigationId, "aria-expanded": state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, state.i18n.mainMenuButton, h("pn-icon", { key: '4b36d30045d98fa12d5e1d0df6875c8f41a51e73', icon: state.openMenu ? close : bars, color: "white" }))), h("nav", { key: '09d11719992e893a0d746a0b001ff8c06427186a', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": state.openMenu + '', "data-menu-currentlevel": state.currentLevel, id: this.navigationId }, h("slot", { key: '422b9d89ae5b8a3b56047a6c98a380336f346f1e' }))));
|
|
151
151
|
}
|
|
152
152
|
static get style() { return PnMainnavStyle0; }
|
|
153
153
|
}, [4, "pn-mainnav", {
|
|
@@ -283,7 +283,7 @@ const PnMarketwebCarousel = /*@__PURE__*/ proxyCustomElement(class PnMarketwebCa
|
|
|
283
283
|
this.updateNavButtons();
|
|
284
284
|
}
|
|
285
285
|
render() {
|
|
286
|
-
return (h(Host, { key: '
|
|
286
|
+
return (h(Host, { key: 'b698d9177704754039292c9ce3c3c04ffe3076cb' }, h("div", { key: 'bcaf850a2c1626f160fd62caa5340c9ef04ca225', class: "pn-marketweb-carousel" }, h("section", { key: '6fc7ddd2b8e65b0068a3f61721098403ceda1324', class: "slider-wrapper" }, this.showCarouselButtons && (h("div", { key: 'cfe389ab17c6b67cac74a18cfe7097866211535f', class: "nav-buttons", role: "group", "aria-label": this.ariaNavigationLabel }, h("pn-button", { key: '227aa82b01eed8f15e95fb4909bd311a260e4147', appearance: "light", icon: arrow_left, "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 }), h("pn-button", { key: 'e8ec979e13ea2c3d30195de671564b4d47fcdae9', appearance: "light", icon: arrow_right, "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 && (h("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((slide, index) => (h("li", { class: "slide", "data-slide": true, innerHTML: slide, style: { width: this.slideWidth + '%' }, "aria-hidden": index !== this.currentSlide })))))))));
|
|
287
287
|
}
|
|
288
288
|
static get watchers() { return {
|
|
289
289
|
"source": ["handleSourceChange"]
|
|
@@ -12,7 +12,7 @@ const PnmarketwebIcon = /*@__PURE__*/ proxyCustomElement(class PnmarketwebIcon e
|
|
|
12
12
|
this.color = 'black';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '1902cdd8bc0e26bb263bbd0335ef1105af51fa26' }, h("pn-icon", { key: 'cb3cdbf78ccf0c86d1f20baacaf6b717cd84a419', icon: this.symbol, color: this.color, small: this.small })));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return PnMarketwebIconStyle0; }
|
|
18
18
|
}, [0, "pn-marketweb-icon", {
|
|
@@ -59,7 +59,7 @@ const PnMarketwebInput = /*@__PURE__*/ proxyCustomElement(class PnMarketwebInput
|
|
|
59
59
|
return classNames;
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'd53d34768ce8cac2294dde02d5bd9fdf60548508', class: this.getClassNames() }, (this.label || this.maxlength) && (h("div", { key: '000eb02be394dd255a428ddaeca5cda08fec17d2', class: "label-container" }, this.label && h("label", { key: '4754455bb69d68064707c1223f41e47f3e3860bd', htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (h("label", { key: '49121d10d9d303fe632b3a8e837b988d16c4a6c4', class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), h("div", { key: '0132c366e62de325ee8d624e1732d5338a80099d', class: "input-container" }, h("input", { key: '4b55002c92fd8f1e28286a6a63b8fba5e2c8e97c', type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, onInput: e => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: this.min ? this.min : null, max: this.max ? this.max : null, step: this.step ? this.step : null, pattern: this.pattern ? this.pattern : null }), h("svg", { key: '9b232b0b110584f2d45858a09101a852387cb1ab', class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: 'bdba76200d58e859fa22613f88bff66934f69290', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && h("button", { key: '75d4504bb40c624abe4fbc40c1e1bda486caa425', onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() && (h("small", { key: '554324fcf8463e75e525ed8c48e1b6a434e69214' }, this.error && h("pn-icon", { key: 'c06d11b0517d69c763d58a2bf074e73aafb63d47', icon: alert_exclamation_circle, small: true, color: "warning" }), this.getTextMessage()))));
|
|
63
63
|
}
|
|
64
64
|
static get style() { return PnMarketwebInputStyle0; }
|
|
65
65
|
}, [0, "pn-marketweb-input", {
|
|
@@ -90,7 +90,7 @@ const PnMarketwebSearch$1 = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSe
|
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: 'cc98c9ba68e33ec9829c96b8d7e3f41e4f12a75e' }, h("div", { key: 'b8eabcb55c9b333f5e31d916cbb8c88c143677c7', class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { key: 'dc0e2947af117a1eb630a471efdbf1d71410a942', type: "search", value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, list: this.list, onKeyDown: e => this.emitSearch(e), onInput: e => this.setVal(e) }), h("div", { key: 'f9c68a3ec4645e23829abe057ff5a4f1966b317e', class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') && (h("button", { key: '2ac302a7c2715a653125b4d59fe7ebaa8990afa6', class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: e => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { key: 'd7ff3ffc58c66f914bae81c6b1585602308bdf43', icon: search, color: "blue700" }))), this.button !== 'icon-inline' && (h("button", { key: '10f3f63221a43eb978a3ce50399f063497aea459', class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: (e) => this.clearInput(e) }, h("pn-icon", { key: '2479c191019b8ce64032085db4ae0b1d2f86120d', icon: close_small, color: "blue700" }))), this.button === 'none' || (this.button === 'icon-inline' && h("pn-spinner", { key: '6618a5eb4aee10b29a5cef7b03bf49a282e2a7d4' })))), this.button !== 'none' && this.button !== 'icon-inline' && (h("pn-button", { key: '9ac13f86ecc3819f98f115bc19250a3a951b3bd2', onClick: e => this.emitSearch(e), loading: this.loading, icon: search, appearance: this.light ? 'light' : 'dark', tooltip: this.button === 'icon' ? this.label : null }, this.label)), this.list && (h("datalist", { key: '6bdf261a540f9502679549d38ebd38a601290583', id: this.list }, this.listSuggestion.map(item => {
|
|
94
94
|
return h("option", null, item);
|
|
95
95
|
})))));
|
|
96
96
|
}
|
|
@@ -37,7 +37,7 @@ const PnMarketwebSiteheaderLoginButton = /*@__PURE__*/ proxyCustomElement(class
|
|
|
37
37
|
return navigationUrl;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '9851d49c77b44d630cddd1bbb32bbb9a8d79a99f' }, h("pn-button", { key: '48e7f40c6633213f5ba1ae5a56d93addc668ea75', href: this.nagivateToLoginUrl() }, this.label)));
|
|
41
41
|
}
|
|
42
42
|
static get style() { return PnMarketwebSiteheaderLoginButtonStyle0; }
|
|
43
43
|
}, [0, "pn-marketweb-siteheader-login-button", {
|
|
@@ -12,7 +12,7 @@ const PnMarketwebSiteheaderLoginMypageButton$1 = /*@__PURE__*/ proxyCustomElemen
|
|
|
12
12
|
}
|
|
13
13
|
get hostElement() { return this; }
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '35dc38e3b181c223a3b5325e8ad4408b078cf9c9' }, h("pn-button", { key: 'daeeac6b7da9a0ad3424cefe30614c83f638ac66', href: this.myPageUrl }, this.label)));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return PnMarketwebSiteheaderLoginMypageButtonStyle0; }
|
|
18
18
|
}, [0, "pn-marketweb-siteheader-login-mypage-button", {
|
|
@@ -15,7 +15,7 @@ const PnMarketwebSiteheaderUnifiedLogin = /*@__PURE__*/ proxyCustomElement(class
|
|
|
15
15
|
}
|
|
16
16
|
get hostElement() { return this; }
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '65898e3d509175fe0f2c46c12264ef303a501c75' }, h("pn-marketweb-siteheader-login-button", { key: '71a6a0d4d14ae0ec70b58bdaae9aeb0f22c070c7', label: this.logInLabel, useMarketwebLogin: this.useMarketwebLogin, environment: this.environment })));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return PnMarketwebSiteheaderUnifiedLoginStyle0; }
|
|
21
21
|
}, [0, "pn-marketweb-siteheader-unified-login", {
|
|
@@ -533,13 +533,13 @@ const PnMarketwebSiteheader$1 = /*@__PURE__*/ proxyCustomElement(class PnMarketw
|
|
|
533
533
|
...this.i18n,
|
|
534
534
|
home: this.getFallbackValue(this.i18n.home, 'Home')
|
|
535
535
|
};
|
|
536
|
-
return (h(Host, { key: '
|
|
536
|
+
return (h(Host, { key: 'ae8e270e4525dd731fd384b857d6ed545acd8a9f', language: this.language, market: this.market, environment: this.environment }, h("header", { key: '231ca94a327760228d47ab8b1f700a505bea0644' }, h("div", { key: '8b07ffe656dfd3eca965e8bda8837a6173205c2c', class: "siteheader-row" }, h("div", { key: 'a0fb999631cf49585c92f0a68a1102f0685e5d76', class: "siteheader-topleft" }, h("slot", { key: 'ac2101c73edd6554d217686bc50aae57da9c83dd', name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (h("pn-site-selector", { key: 'b3624e3cd4163f373515e85b187cb5642b486c73', language: this.language, buttontext: this.siteSelector?.currentSiteTitle ?? 'postnord' }, this.gotData && this.siteSelector?.currentSiteTitle && (h("pn-site-selector-item", { key: 'e80642e167df260371a788129bc71437414066e9', heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
|
|
537
537
|
this.siteSelector?.siteSelections &&
|
|
538
|
-
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), h("div", { key: '
|
|
538
|
+
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), h("div", { key: '952c054c5522cc74f9c91312ade21c9add14030c', class: "siteheader-logocontainer" }, h("a", { key: '0d4e015f966158115c575af961865428076b3ed0', href: this.homePageLink, title: i18n.home, "aria-label": i18n.home, class: "siteheader-logolink" }, h("slot", { key: 'cc8432924f06793ac1dc519a4791f7ee5957c005', name: "logo" }, h("svg", { key: '36cba8043e11cf4608721ca5a54cdc87261a546f', class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65", role: "img", "aria-label": "PostNord" }, h("path", { key: '6c7b5a23cfcc01b6d53b3cb23a2fc184c9948b51', d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), h("div", { key: '8b0bf1552bcec07254135c5153acf46ce3aa1c37', class: "siteheader-topright" }, h("slot", { key: '3e2c241f7f2c3ac6853c9d7aa937c1653351b866', name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { key: '22c64f97ddbef962bb80afea40c72ce0ef372012', token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, environment: this.environment })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { key: '34b9058c1e9342910ac1e0f1703a0df9d84b68c4', value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), h("slot", { key: '78881b3ec4947aea80a88ce7944cc151daacaa05', name: "toprightend" }), h("div", { key: '6540910a1c9892d6d625a06d9738fa32a9205e43', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: 'ccf503f5dbabffb563efc10fc9e153148695074c', language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))), h("slot", { key: '4eaa9708b4d762de4d2ef0396d0974d1ba0f3eca', name: "siteheader-menu-top-button" }), h("div", { key: 'fa6b7463b2bf4b800a0d3a76be5d229920eb7c88', class: "siteheader-row" }, h("div", { key: '357a0e380f6c1f94c2342d347a68f7697ade6ee4', class: "siteheader-menu" }, this.gotData && this.menuItems && (h("pn-mainnav", { key: '442df618b8ef1ed0b6059591fa0a184d9140dad2', market: this.market, language: this.language, onMenuOpenChange: e => {
|
|
539
539
|
document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
|
|
540
|
-
} }, h("pn-mainnav-level", { key: '
|
|
540
|
+
} }, h("pn-mainnav-level", { key: '11ca64067b8ce513519d48c056f8d13eb5d46f46' }, h("pn-mainnav-list", { key: 'ce1424cdb103a5b729ac72ba196ac95fc6915b9a' }, this.menuItems.map(item => (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: item.linkTarget ?? '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name }, item.children.length > 0 && (h("pn-mainnav-list", { heading: item.navigationHeading ?? '' }, item.children.map(childitem => (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: childitem.linkTarget ?? '_self', linkid: childitem.trackingId }))))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id }))))))))))), h("div", { key: '5f32d4333a57a6f51f7b0114b4a9b65b659f227d', slot: "footer", class: "siteheader-menu-footer" }, h("slot", { key: '77aa35aec7ce5453a2c6acaaf0fd2d1b676d3378', name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { key: '7b3d190c3c1a06bc7af110148e2ec6e46242d5a3', token: this.userToken, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { key: '54d4a3ec7d99082e772f05e66eea1436a02a0a28', value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (h("pn-site-selector", { key: '57e88961daf246429ddf4019cc29c9fcc6c979ab', language: this.language }, this.gotData && this.siteSelector?.currentSiteTitle && (h("pn-site-selector-item", { key: 'fe0bb3345a010542b6bc8cdb1626c5d4448cdbab', heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
|
|
541
541
|
this.siteSelector?.siteSelections &&
|
|
542
|
-
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), h("div", { key: '
|
|
542
|
+
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), h("div", { key: 'f132b9e05481641712feeef77d7f82e2aef19b5a', slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { key: '85937a4dc173a6e1dbb4da758996e9c7ac144bab', language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), h("pn-marketweb-siteheader-search", { key: 'd29aba36fafdf75eb93dcea3fcd1b89741ff6a54', language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), h("slot", { key: 'a90c3af6c08072c89e634bb915b10f35bc9a1fd4', name: "header-bottom-button" })))));
|
|
543
543
|
}
|
|
544
544
|
static get watchers() { return {
|
|
545
545
|
"language": ["onLanguageChange"],
|
|
@@ -451,7 +451,7 @@ const PnMarketWebTable = /*@__PURE__*/ proxyCustomElement(class PnMarketWebTable
|
|
|
451
451
|
render() {
|
|
452
452
|
const tableId = `table-${Math.random().toString(36)}`;
|
|
453
453
|
const headingId = `${tableId}-main-heading`;
|
|
454
|
-
return (h(Host, { key: '
|
|
454
|
+
return (h(Host, { key: 'cfb4b87491bb70d4e5fba735909619585afa8bfe', language: this.language }, h("div", { key: '508087740e83919bed00a2d0ba31c637b489dce9', class: 'pn-marketweb-table' }, h("div", { key: '8947c43938fd2fc6391c087e8c3906b0de7faee0', role: 'region', "aria-labelledby": this.mainHeading ? headingId : undefined }, h("div", { key: '706bd910aa99f0f2c64a68b089b1b22199951284', class: 'heading-section' }, h("div", { key: '54133893dab654e1448da97a053a0137b1080e9f', class: 'heading-wrapper' }, this.mainHeading && (h(HeadingTag, { key: '3ff9b772fb8befe16bda6348d0e4fbec713a5270', level: this.mainHeadingLevel, cssClass: 'main-heading', id: headingId }, this.mainHeading)), this.preamble && (h("div", { key: '6bbc362c9e475cf4a9509af9d141c4ec2471b0c0', class: "preamble-section" }, this.preamble)))), this._rows.length > 0 && (h("table", { key: 'b70775247f377625a204bfedcd6e2e997d8a4faa', class: 'pn-marketweb-table__table', "aria-labelledby": this.mainHeading ? `${tableId}-main-heading` : undefined }, this._headers && (h("thead", { key: 'c157534758a2e32bb1a433cf928ea3fc532b078e', class: this.showHeadersInCells ? 'sr-only' : undefined }, h("tr", { key: '168cb7c0e982ef0f4d8a418d09d397dc3bacf8be' }, this._rows.some((row) => row.imageUrl) && this.imageColAriaHeader && (h("th", { key: '726ebe1ab7284e0eabd63dd2322893b982991e41', scope: 'col', class: 'sr-only' }, this.imageColAriaHeader)), this._headers.map((header) => (h("th", { key: header.key, scope: 'col', class: 'sr-only-mobile' }, header.label))), this._rows.some((row) => row.link1 || row.link2) && this.ctaColAriaHeader && (h("th", { key: '2b9ffa6167300b3085c8b9d4a22ee1515ea3bf61', scope: 'col', class: 'sr-only' }, this.ctaColAriaHeader))))), h("tbody", { key: 'b651f73c0d334407cdde0ba159e2ca455f2a239f', class: "pn-marketweb-table__table-body" }, this._rows.slice(0, this.shipmentCount).map((row, rowIndex) => (h("tr", { key: rowIndex, class: `cell-row ${row.hasNewMessages ? "row-new-message" : ''}` }, row.imageUrl && (h("td", { class: 'cell-image' }, h("div", { class: 'image-container' }, h("img", { src: row.imageUrl, alt: '', class: 'row-image' })))), this._headers.map((header) => (h("td", { key: `${rowIndex}-${header.key}`, class: 'cell-content' }, this.renderCell(header, row)))), this.renderActionButtons(row))))))), this.shipmentCount > this._rows.length && (h("div", { key: 'ca427d1bdd7fa15e924270072087ccd64a621e87', class: "pn-market-table__show-more-wrapper" }, h("pn-button", { key: '846f66c7de4412b033683ae47d58ef3fcd3784da', variant: "outlined", appearance: "light", label: this.i18n?.showMoreLabel || 'Show More', onClick: () => this.handleShowMore() })))))));
|
|
455
455
|
}
|
|
456
456
|
static get watchers() { return {
|
|
457
457
|
"language": ["onLanguageChange"]
|
|
@@ -56,8 +56,9 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class PnmediaBlock extends
|
|
|
56
56
|
const scrollTrigger = document.getElementById('scroll-trigger');
|
|
57
57
|
this.calculatedBlockHeight = this.block.offsetHeight;
|
|
58
58
|
const overlayElement = this.block.querySelector('#mediaBlockOverlay');
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
const bg = this.customOverlayBackground?.trim();
|
|
60
|
+
if (overlayElement && bg && bg !== 'undefined' && bg !== 'null') {
|
|
61
|
+
overlayElement.style.background = bg;
|
|
61
62
|
}
|
|
62
63
|
if (this.parallaxScroll) {
|
|
63
64
|
this.observerScroll = new IntersectionObserver(entries => {
|
|
@@ -150,7 +151,7 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class PnmediaBlock extends
|
|
|
150
151
|
root: this.blockHeight === '100svh' ? this.block : null,
|
|
151
152
|
threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible
|
|
152
153
|
};
|
|
153
|
-
return (h("div", { key: '
|
|
154
|
+
return (h("div", { key: 'da0d5287214fdaf6bfbeb3959b74f2b27f307fec', class: classes }, h("div", { key: 'e7bcb991eb8d0f180b75adc19fd1c2a5f9f5332a', class: "media-block__block-container" }, h("div", { key: '1583cfd0df2bafad5538a45d834f1934b91079b1', class: "media-block__media-container" }, isVideo ? (h("pn-play-on-scroll", { "show-overlay": this.showOverlayLayer, observerOptions: pnPlayOnScrollObserverOptions, "video-src": this.videoSrc })) : isImage ? (h("picture", null, h("source", { media: "(min-width: 1400px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1224px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1140px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1023px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("source", { media: "(min-width: 768px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("source", { media: "(min-width: 500px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("img", { src: this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc, alt: this.imageAltText !== 'undefined' ? this.imageAltText : '', role: this.imageAltText !== 'undefined' ? 'img' : 'presentation', "aria-hidden": this.imageAltText !== 'undefined' ? 'false' : 'true' }))) : null), !isVideo && h("div", { key: '1e2dd7afa6e98983f96c2268cd5154b3b5afedd6', class: "media-block__overlay-filter", id: "mediaBlockOverlay" }), (this.blockHeading || this.blockPreamble) && (h("div", { key: '4738c1c2eace3365078011b10f44967f1b6ee230', class: "media-block__content-container" }, this.blockHeading && (h(HeadingTag, { key: '8399e4c5ff4c0b0442ea99ff90b86c3b548ac77f', level: this.blockHeadingLevel, cssClass: "media-block__block-heading" }, this.blockHeading)), this.blockPreamble && h("p", { key: '7c0943e4991728bbd7eb028f1a64a8597ab6f613', class: "media-block__preamble" }, this.blockPreamble), hasButtonSlot && (h("div", { key: 'd2db3e84ef94e28d3c2857a3e6f0362bcd39bdcc', class: "media-block__cta-link" }, h("slot", { key: 'c88e64726536929e7fccf6b0cd7af8df6dc605de', name: "cta-button" })))))), h("div", { key: '886b3c5c1c71d7a0c36db654e0d700e294757889', id: "scroll-trigger" })));
|
|
154
155
|
}
|
|
155
156
|
static get style() { return PnMediaBlockStyle0; }
|
|
156
157
|
}, [4, "pn-media-block", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pn-media-block.js","mappings":"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","names":[],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n .media-block {\n .media-block__block-container {\n display: grid;\n overflow: hidden;\n }\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n grid-area: 1 / 1;\n width: 100%;\n position: relative;\n }\n\n .media-block__media-container {\n height: 100vh;\n overflow: hidden;\n position: relative;\n\n img,\n video {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n object-fit: cover;\n pointer-events: none;\n max-width: 100%;\n max-height: none;\n height: 100%;\n width: 100%;\n pointer-events: none;\n }\n\n pn-play-on-scroll {\n width: 100%;\n height: 100%;\n }\n\n .scroll-wrapper {\n width: 100%;\n height: 100%;\n }\n\n [slot='scroll-affected'] {\n width: 100%;\n height: 100%;\n display: flex;\n }\n\n .scroll-wrapper,\n .scroll-affected {\n width: 100%;\n height: 100%;\n display: flex;\n }\n video {\n width: 100%;\n height: 100%;\n }\n }\n\n .media-block__overlay-filter {\n z-index: 2;\n }\n\n .media-block__content-container {\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 1s;\n flex-direction: column;\n margin: 0 auto;\n padding: 3.4rem 0;\n\n @include inner-container;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 6.4rem 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding: 7.2rem 0;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n padding: 8rem 0;\n }\n\n .media-block__block-heading {\n max-width: 100rem;\n text-wrap: balance;\n color: white;\n font-size: 3.2rem;\n text-align: center;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 3rem;\n\n @media screen and (min-width: $min-width-sm) {\n font-size: 4rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n font-size: 4.8rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 8rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 8.8rem;\n }\n }\n\n .media-block__preamble {\n max-width: 80rem;\n max-width: 80ch;\n text-wrap: balance;\n display: flex;\n color: white;\n font-size: 1.8rem;\n text-align: center;\n font-weight: 300;\n\n @media screen and (min-width: $min-width-sm) {\n font-size: 2rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-weight: 500;\n }\n }\n\n .media-block__cta-link {\n margin-top: 3rem;\n }\n }\n }\n\n .media-block--height-100svh {\n min-height: 100vh;\n\n @supports (height: 100svh) {\n height: 100svh;\n }\n\n .media-block__block-container {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n }\n\n .media-block__media-container picture {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n }\n }\n }\n\n .media-block--height-65svh {\n min-height: 65svh;\n overflow: auto;\n\n .media-block__block-container {\n height: 65vh;\n\n @supports (max-height: 100svh) {\n max-height: 65svh;\n }\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: 65vh;\n\n @supports (max-height: 100svh) {\n max-height: 65svh;\n }\n }\n }\n\n .media-block__media-container picture {\n max-height: none !important;\n height: auto !important;\n }\n }\n\n .media-block--height-dynamic {\n height: auto;\n overflow: auto;\n\n .media-block__block-container {\n height: auto;\n max-height: none;\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: auto;\n max-height: none;\n }\n }\n }\n\n .media-block--with-overlay {\n .media-block__block-container .media-block__overlay-filter {\n z-index: 2;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n }\n\n .media-block--fixed-background {\n .media-block__block-container {\n .media-block__media-container,\n .media-block__overlay-filter {\n position: relative;\n overflow: hidden;\n top: 0;\n width: 100%;\n display: flex !important;\n clip-path: inset(0);\n }\n\n .media-block__media-container {\n picture {\n position: absolute;\n top: 0;\n width: 100%;\n display: flex !important;\n height: 100%;\n\n img {\n position: fixed;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n }\n }\n }\n }\n\n .media-block--video {\n .media-block__content-container {\n max-width: 80%;\n }\n }\n\n .media-block--animate-overlay-background {\n .media-block__overlay-filter {\n background-size: 200% 200% !important;\n animation: overlayBackgroundAnimation $animationDuration ease infinite;\n }\n }\n\n @keyframes overlayBackgroundAnimation {\n 0% {\n background-position: 100% 100%;\n }\n 50% {\n background-position: 50% 60%;\n }\n 100% {\n background-position: 100% 100%;\n }\n }\n\n .media-block--margin-bottom {\n margin-bottom: 3.2rem;\n\n @media screen and (min-width:$min-width-md) {\n margin-bottom: 4rem;\n }\n\n @media screen and (min-width:$min-width-lg) {\n margin-bottom: 5.6rem;\n }\n\n @media screen and (min-width:$min-width-xl) {\n margin-bottom: 7.2rem;\n }\n }\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Element, Prop, h, State } from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n tag: 'pn-media-block',\n styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n @Prop() blockHeight: string = null;\n @Prop() imageSrc?: string = null;\n @Prop() imageSrcSmallScreenFormat?: string = undefined;\n @Prop() imageAltText?: string = '';\n @Prop() videoSrc?: string = null;\n @Prop() parallaxScroll: boolean = false;\n @Prop() showOverlayLayer: boolean = false;\n @Prop() customOverlayBackground?: string = null;\n @Prop() animateOverlayBackground: boolean = false;\n @Prop() scrollSnapBlock: boolean = false;\n @Prop() fixedBackground: boolean = false;\n @Prop() blockHeading?: string = null;\n @Prop() blockHeadingLevel?: string = 'h2';\n @Prop() blockPreamble?: string = null;\n @Prop() marginBottom?: boolean = false;\n\n @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n root: document,\n threshold: 1,\n rootMargin: '220px 0px 220px 0px',\n };\n\n @State() calculatedBlockHeight: number;\n @State() hasButtonSlot: boolean = true;\n\n @Element() block: HTMLElement;\n\n get hasVideo() {\n if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n return true;\n }\n return false;\n }\n\n get hasImage() {\n if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n return true;\n }\n return false;\n }\n\n private observerScroll: IntersectionObserver;\n private observerSnap: IntersectionObserver;\n\n componentWillLoad() {\n this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n }\n\n async componentDidLoad() {\n const scrollTrigger = document.getElementById('scroll-trigger');\n this.calculatedBlockHeight = this.block.offsetHeight;\n\n const overlayElement = this.block.querySelector('#mediaBlockOverlay') as HTMLElement;\n if (this.customOverlayBackground != null || this.customOverlayBackground != 'undefined') {\n overlayElement.style.background = `${this.customOverlayBackground}`;\n }\n\n if (this.parallaxScroll) {\n this.observerScroll = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n window.addEventListener('scroll', this.handleScroll);\n } else {\n window.removeEventListener('scroll', this.handleScroll);\n }\n });\n },\n { rootMargin: `0px 0px` },\n );\n\n this.observerScroll.observe(scrollTrigger);\n }\n\n if (this.scrollSnapBlock) {\n this.observerSnap = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n // The block is within 100px of the viewport, scroll it into view\n if (this.block instanceof HTMLElement) {\n setTimeout(() => {\n this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 1000); // Adjust the delay as needed\n } else {\n console.error('this.block is not a valid HTMLElement');\n }\n }\n });\n },\n {\n root: document,\n rootMargin: '100px 0px 100px 0px',\n threshold: 0,\n },\n );\n\n this.observerSnap.observe(scrollTrigger);\n }\n }\n\n disconnectedCallback() {\n // Clean up the observer and event listener when the component is removed\n if (this.observerScroll) {\n this.observerScroll.disconnect();\n }\n if (this.observerSnap) {\n this.observerSnap.disconnect();\n }\n window.removeEventListener('scroll', this.handleScroll);\n }\n\n handleScroll = () => {\n const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n const parallaxSpeedContent = 0.3;\n const parallaxSpeedMedia = 0.2;\n\n const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n if (mediaContainer != null) {\n // Move the image or video at a slower speed\n mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n if (videoPauseButton != null) {\n // Move the pause button up\n videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n }\n }\n\n if (content) {\n // Move the content at a faster speed\n content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n // Change the opacity based on the scroll position\n const opacity = Math.max(0, 1 - scrollPosition / 600);\n content.style.opacity = `${opacity}`;\n }\n };\n\n render() {\n const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n\n const isVideo = hasVideo;\n const isImage = hasImage;\n\n const classes = [\n 'media-block',\n blockHeight ? `media-block--height-${blockHeight}` : '',\n showOverlayLayer ? 'media-block--with-overlay' : '',\n animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n isVideo ? 'media-block--video' : '',\n scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n fixedBackground ? 'media-block--fixed-background' : '',\n marginBottom ? 'media-block--margin-bottom' : '',\n ].join(' ');\n\n const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n root: this.blockHeight === '100svh' ? this.block : null,\n threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible\n };\n\n return (\n <div class={classes}>\n <div class=\"media-block__block-container\">\n <div class=\"media-block__media-container\">\n {isVideo ? (\n <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n ) : isImage ? (\n <picture>\n <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n <source\n media=\"(min-width: 1023px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <source\n media=\"(min-width: 768px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <source\n media=\"(min-width: 500px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <img\n src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n />\n </picture>\n ) : null}\n </div>\n\n {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n {(this.blockHeading || this.blockPreamble) && (\n <div class=\"media-block__content-container\">\n {this.blockHeading && (\n <HeadingTag level={this.blockHeadingLevel} cssClass=\"media-block__block-heading\">\n {this.blockHeading}\n </HeadingTag>\n )}\n {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n {hasButtonSlot && (\n <div class=\"media-block__cta-link\">\n <slot name=\"cta-button\" />\n </div>\n )}\n </div>\n )}\n </div>\n\n <div id=\"scroll-trigger\"></div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"pn-media-block.js","mappings":"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","names":[],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n .media-block {\n .media-block__block-container {\n display: grid;\n overflow: hidden;\n }\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n grid-area: 1 / 1;\n width: 100%;\n position: relative;\n }\n\n .media-block__media-container {\n height: 100vh;\n overflow: hidden;\n position: relative;\n\n img,\n video {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n object-fit: cover;\n pointer-events: none;\n max-width: 100%;\n max-height: none;\n height: 100%;\n width: 100%;\n pointer-events: none;\n }\n\n pn-play-on-scroll {\n width: 100%;\n height: 100%;\n }\n\n .scroll-wrapper {\n width: 100%;\n height: 100%;\n }\n\n [slot='scroll-affected'] {\n width: 100%;\n height: 100%;\n display: flex;\n }\n\n .scroll-wrapper,\n .scroll-affected {\n width: 100%;\n height: 100%;\n display: flex;\n }\n video {\n width: 100%;\n height: 100%;\n }\n }\n\n .media-block__overlay-filter {\n z-index: 2;\n }\n\n .media-block__content-container {\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 1s;\n flex-direction: column;\n margin: 0 auto;\n padding: 3.4rem 0;\n\n @include inner-container;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 6.4rem 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding: 7.2rem 0;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n padding: 8rem 0;\n }\n\n .media-block__block-heading {\n max-width: 100rem;\n text-wrap: balance;\n color: white;\n font-size: 3.2rem;\n text-align: center;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 3rem;\n\n @media screen and (min-width: $min-width-sm) {\n font-size: 4rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n font-size: 4.8rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 8rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 8.8rem;\n }\n }\n\n .media-block__preamble {\n max-width: 80rem;\n max-width: 80ch;\n text-wrap: balance;\n display: flex;\n color: white;\n font-size: 1.8rem;\n text-align: center;\n font-weight: 300;\n\n @media screen and (min-width: $min-width-sm) {\n font-size: 2rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-weight: 500;\n }\n }\n\n .media-block__cta-link {\n margin-top: 3rem;\n }\n }\n }\n\n .media-block--height-100svh {\n min-height: 100vh;\n\n @supports (height: 100svh) {\n height: 100svh;\n }\n\n .media-block__block-container {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n }\n\n .media-block__media-container picture {\n height: 100vh;\n\n @supports (max-height: 100svh) {\n max-height: 100svh;\n }\n }\n }\n }\n\n .media-block--height-65svh {\n min-height: 65svh;\n overflow: auto;\n\n .media-block__block-container {\n height: 65vh;\n\n @supports (max-height: 100svh) {\n max-height: 65svh;\n }\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: 65vh;\n\n @supports (max-height: 100svh) {\n max-height: 65svh;\n }\n }\n }\n\n .media-block__media-container picture {\n max-height: none !important;\n height: auto !important;\n }\n }\n\n .media-block--height-dynamic {\n height: auto;\n overflow: auto;\n\n .media-block__block-container {\n height: auto;\n max-height: none;\n\n .media-block__media-container,\n .media-block__content-container,\n .media-block__overlay-filter {\n height: auto;\n max-height: none;\n }\n }\n }\n\n .media-block--with-overlay {\n .media-block__block-container .media-block__overlay-filter {\n z-index: 2;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n }\n\n .media-block--fixed-background {\n .media-block__block-container {\n .media-block__media-container,\n .media-block__overlay-filter {\n position: relative;\n overflow: hidden;\n top: 0;\n width: 100%;\n display: flex !important;\n clip-path: inset(0);\n }\n\n .media-block__media-container {\n picture {\n position: absolute;\n top: 0;\n width: 100%;\n display: flex !important;\n height: 100%;\n\n img {\n position: fixed;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n }\n }\n }\n }\n\n .media-block--video {\n .media-block__content-container {\n max-width: 80%;\n }\n }\n\n .media-block--animate-overlay-background {\n .media-block__overlay-filter {\n background-size: 200% 200% !important;\n animation: overlayBackgroundAnimation $animationDuration ease infinite;\n }\n }\n\n @keyframes overlayBackgroundAnimation {\n 0% {\n background-position: 100% 100%;\n }\n 50% {\n background-position: 50% 60%;\n }\n 100% {\n background-position: 100% 100%;\n }\n }\n\n .media-block--margin-bottom {\n margin-bottom: 3.2rem;\n\n @media screen and (min-width:$min-width-md) {\n margin-bottom: 4rem;\n }\n\n @media screen and (min-width:$min-width-lg) {\n margin-bottom: 5.6rem;\n }\n\n @media screen and (min-width:$min-width-xl) {\n margin-bottom: 7.2rem;\n }\n }\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n Component,\n Element,\n h,\n Prop,\n State,\n} from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n tag: 'pn-media-block',\n styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n @Prop() blockHeight: string = null;\n @Prop() imageSrc?: string = null;\n @Prop() imageSrcSmallScreenFormat?: string = undefined;\n @Prop() imageAltText?: string = '';\n @Prop() videoSrc?: string = null;\n @Prop() parallaxScroll: boolean = false;\n @Prop() showOverlayLayer: boolean = false;\n @Prop() customOverlayBackground?: string = null;\n @Prop() animateOverlayBackground: boolean = false;\n @Prop() scrollSnapBlock: boolean = false;\n @Prop() fixedBackground: boolean = false;\n @Prop() blockHeading?: string = null;\n @Prop() blockHeadingLevel?: string = 'h2';\n @Prop() blockPreamble?: string = null;\n @Prop() marginBottom?: boolean = false;\n\n @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n root: document,\n threshold: 1,\n rootMargin: '220px 0px 220px 0px',\n };\n\n @State() calculatedBlockHeight: number;\n @State() hasButtonSlot: boolean = true;\n\n @Element() block: HTMLElement;\n\n get hasVideo() {\n if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n return true;\n }\n return false;\n }\n\n get hasImage() {\n if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n return true;\n }\n return false;\n }\n\n private observerScroll: IntersectionObserver;\n private observerSnap: IntersectionObserver;\n\n componentWillLoad() {\n this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n }\n\n async componentDidLoad() {\n const scrollTrigger = document.getElementById('scroll-trigger');\n this.calculatedBlockHeight = this.block.offsetHeight;\n\n const overlayElement = this.block.querySelector<HTMLElement>('#mediaBlockOverlay');\n const bg = this.customOverlayBackground?.trim();\n\n if (overlayElement && bg && bg !== 'undefined' && bg !== 'null') {\n overlayElement.style.background = bg;\n }\n\n if (this.parallaxScroll) {\n this.observerScroll = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n window.addEventListener('scroll', this.handleScroll);\n } else {\n window.removeEventListener('scroll', this.handleScroll);\n }\n });\n },\n { rootMargin: `0px 0px` },\n );\n\n this.observerScroll.observe(scrollTrigger);\n }\n\n if (this.scrollSnapBlock) {\n this.observerSnap = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n // The block is within 100px of the viewport, scroll it into view\n if (this.block instanceof HTMLElement) {\n setTimeout(() => {\n this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 1000); // Adjust the delay as needed\n } else {\n console.error('this.block is not a valid HTMLElement');\n }\n }\n });\n },\n {\n root: document,\n rootMargin: '100px 0px 100px 0px',\n threshold: 0,\n },\n );\n\n this.observerSnap.observe(scrollTrigger);\n }\n }\n\n disconnectedCallback() {\n // Clean up the observer and event listener when the component is removed\n if (this.observerScroll) {\n this.observerScroll.disconnect();\n }\n if (this.observerSnap) {\n this.observerSnap.disconnect();\n }\n window.removeEventListener('scroll', this.handleScroll);\n }\n\n handleScroll = () => {\n const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n const parallaxSpeedContent = 0.3;\n const parallaxSpeedMedia = 0.2;\n\n const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n if (mediaContainer != null) {\n // Move the image or video at a slower speed\n mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n if (videoPauseButton != null) {\n // Move the pause button up\n videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n }\n }\n\n if (content) {\n // Move the content at a faster speed\n content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n // Change the opacity based on the scroll position\n const opacity = Math.max(0, 1 - scrollPosition / 600);\n content.style.opacity = `${opacity}`;\n }\n };\n\n render() {\n const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n\n const isVideo = hasVideo;\n const isImage = hasImage;\n\n const classes = [\n 'media-block',\n blockHeight ? `media-block--height-${blockHeight}` : '',\n showOverlayLayer ? 'media-block--with-overlay' : '',\n animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n isVideo ? 'media-block--video' : '',\n scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n fixedBackground ? 'media-block--fixed-background' : '',\n marginBottom ? 'media-block--margin-bottom' : '',\n ].join(' ');\n\n const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n root: this.blockHeight === '100svh' ? this.block : null,\n threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible\n };\n\n return (\n <div class={classes}>\n <div class=\"media-block__block-container\">\n <div class=\"media-block__media-container\">\n {isVideo ? (\n <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n ) : isImage ? (\n <picture>\n <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n <source\n media=\"(min-width: 1023px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <source\n media=\"(min-width: 768px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <source\n media=\"(min-width: 500px)\"\n srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n />\n <img\n src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n />\n </picture>\n ) : null}\n </div>\n\n {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n {(this.blockHeading || this.blockPreamble) && (\n <div class=\"media-block__content-container\">\n {this.blockHeading && (\n <HeadingTag level={this.blockHeadingLevel} cssClass=\"media-block__block-heading\">\n {this.blockHeading}\n </HeadingTag>\n )}\n {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n {hasButtonSlot && (\n <div class=\"media-block__cta-link\">\n <slot name=\"cta-button\" />\n </div>\n )}\n </div>\n )}\n </div>\n\n <div id=\"scroll-trigger\"></div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -393,7 +393,7 @@ const PnMultiRowConnectedDropdownRow = /*@__PURE__*/ proxyCustomElement(class Pn
|
|
|
393
393
|
return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';
|
|
394
394
|
}
|
|
395
395
|
render() {
|
|
396
|
-
return (h(Host, { key: '
|
|
396
|
+
return (h(Host, { key: '0b153d46f1b7a22b5c57b6f7052f4dfd8bd007f9' }, h("div", { key: '34acbc01a25bc614a1b3b6afcda9cee5a3b8db45', ref: el => (this.pnConnectedDropdownSlotElement = el), class: "connected-dropdown-slot-element" }, h("div", { key: 'f6400bf9276c6cb954140e21f8fd860ffdc56d61', class: "connected-dropdown-parent-element connected-dropdown" }, h("div", { key: '81c12c13d5990e53b6508477475692ada070af8e', class: "connected-dropdown__row__no-margin" }, h("label", { key: '8f9f11bca997d1cec353d608f1636fcb908a5307' }, this.label)), h("div", { key: '6f5659889a7e0ded8f8666094ce1f9af62f414a8', class: "connected-dropdown__row button-row" }, h("div", { key: '8adb6c2363477e36fa818481869142547818999c', class: "connected-dropdown__button-container option-buttons" }, this.buttonsArray?.map(item => (h("button", { class: `${this.setActive(item.selected)}`, id: this.generateUniqueId(), onClick: this.handleOptionButtonClick.bind(this) }, item.value)))), h("div", { key: '1802e68e75ab0bbe59324e758a22e15470634023', class: "connected-dropdown__button-container delete-button" }, this.index > 0 ? (h("pn-button", { ref: el => (this.pnDeleteRowButton = el), small: "true", icon: minus, appearance: "warning", index: this.index }, "Delete")) : null)), h("div", { key: 'dd35b8e6d657e4a7a2d8156a01c53cfb7bce053f', class: "connected-dropdown__row input-row" }, h("pn-select", { key: 'a4086f4b9fcff516692c98c96fea963bce517b5b', ref: el => (this.pnFirstDropdown = el), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, language: this.languageCode }, h("option", { key: '3a063ba06c90ac19809358c0dde6216b8bc11d25', value: "", selected: true, disabled: true }, this.firstDropdownPlaceholder), this.firstDropdownArr?.map((item) => (h("option", { value: item.value, selected: item.selected }, item.label)))), h("pn-select", { key: 'a2d3408fee103aadf6bbfdd8f24ace9dbb05af82', ref: el => (this.pnSecondDropdown = el), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, language: this.languageCode }, h("option", { key: '90fd6aced7ee6a573cd32ebc8443c7e6b1f0e1a8', value: "", selected: true, disabled: true }, this.secondDropdownPlaceholder), this.secondDropdownArr?.map((item) => (h("option", { value: item.value, selected: item.selected }, item.label)))), h("pn-input", { key: 'c4553fcd91aa1a587d66ed64ef9a2c5a3ec3d130', ref: el => (this.pnInputField = el), class: "input-amount", type: "number", placeholder: "0", label: this.inputFieldLabel, value: this.inputFieldValue, min: this.minAmount }), this.allowMultipleDates ? (h("pn-button", { ref: el => (this.pnShowDateRangeFiledButton = el), class: "connected-dropdown__toggle-date-button", small: "true", appearance: "light" }, this.dateButtonText)) : (h("div", { class: "connected-dropdown__date-container" }, h("pn-date-picker", { ref: el => (this.pnSingleDatePicker = el), range: "false", "label-from": this.dateButtonText, "disable-weekends": true, "disabled-dates": this.disabledDates, "min-date": this.firstValidDateString, language: this.languageCode, placeholder: this.datePlaceholder, class: "connected-dropdown__date-picker", start: this.dateValue?.length ? this.dateValue : null })))), this.allowMultipleDates ? (h("div", { ref: el => (this.pnDateRangeContainer = el), class: "connected-dropdown__date-container", style: { display: 'none' } }, this.multiDateHelperText ? (h("div", { class: "connected-dropdown__row" }, h("p", null, this.multiDateHelperText))) : null, h("div", { class: "connected-dropdown__multi-date-row" }, h("div", { class: "connected-dropdown__date-container" }, h("pn-date-picker", { ref: el => (this.pnStartDate = el), "label-from": this.startDateLabel, range: "false", "disable-weekends": true, "disabled-dates": this.disabledDates, class: "connected-dropdown__date-picker", "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.languageCode, placeholder: this.datePlaceholder })), h("div", { class: "connected-dropdown__date-container" }, h("pn-date-picker", { ref: el => (this.pnEndDate = el), "label-from": this.endDateLabel, range: "false", "disable-weekends": true, "disabled-dates": this.disabledDates, class: "connected-dropdown__date-picker", "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.languageCode, placeholder: this.datePlaceholder }))), h("div", { ref: el => (this.pnDaysRow = el), class: "connected-dropdown__multi-date-row" }, this.daysArr?.map((day) => (h("div", { class: "connected-dropdown__checkbox" }, h("pn-filter-checkbox", { checkboxid: 'day-' + day.value, name: '__' + day.label, value: day.value, checked: day.selected }), h("label", { htmlFor: 'day-' + day.value }, day.label))))), h("div", { class: "connected-dropdown__row" }, h("pn-button", { ref: el => (this.pnGenerateDatesButton = el), small: "true" }, this.generateDatesButtonText)), h("div", { ref: el => (this.pnGeneratedDatesSlot = el), class: "connected-dropdown__date-slot" }, this.generatedDatesArr?.map((date, i) => (h("div", { class: "connected-dropdown__row generated-date-row" }, h("p", null, date), h("pn-button", { index: i, small: "true", icon: minus, appearance: "warning", id: 'delete-date-' + i, onClick: this.deleteGeneratedDateRow.bind(this, i) }, date)))), !this.generatedDatesArr?.length ? h("p", null, this.noDatesText) : null), h("div", { class: "connected-dropdown__row" }, h("pn-button", { ref: el => (this.pnSaveGeneratedDatesButton = el), class: "connected-dropdown__button-right", small: "true" }, this.saveDateButtonText)))) : null))));
|
|
397
397
|
}
|
|
398
398
|
static get watchers() { return {
|
|
399
399
|
"predefinedValue": ["applyPredefinedValue"]
|
|
@@ -206,7 +206,7 @@ const PnMultiRowConnectedDropdown$1 = /*@__PURE__*/ proxyCustomElement(class PnM
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
render() {
|
|
209
|
-
return (h(Host, { key: '
|
|
209
|
+
return (h(Host, { key: '26e104f923a285295e8a5d8a15d845b3e9c559d6' }, this.rowData?.map((data, i) => {
|
|
210
210
|
return (h("div", { class: 'generated-row-' + i, id: 'generated-row-connected-dropdown-' + i }, h("pn-multi-row-connected-dropdown-row", { "dropdown-data": this.dropdownData, "language-code": this.languageCode, label: this.label, "first-dropdown-label": this.firstDropdownLabel, "second-dropdown-label": this.secondDropdownLabel, "dropdown-placeholder": this.dropdownPlaceholder, "add-row-text": this.addRowText, "input-field-label": this.inputFieldLabel, "input-field-placeholder": this.inputFieldPlaceholder, "disabled-dates": this.disabledDates, "date-button-text": this.dateButtonText, "date-placeholder": this.datePlaceholder, "date-days-from-today": this.dateDaysFromToday, "allow-multiple-dates": this.allowMultipleDates, "start-date-label": this.startDateLabel, "end-date-label": this.endDateLabel, "multi-date-helper-text": this.multiDateHelperText, "generate-dates-button-text": this.generateDatesButtonText, "save-date-button-text": this.saveDateButtonText, "no-dates-text": this.noDatesText, index: i, "predefined-value": JSON.stringify(data), "years-to-add-to-end-date": this.yearsToAddToEndDate, "min-amount": this.minAmount, "error-message-empty": this.errorMessageEmpty, "error-message-min-amount": this.errorMessageMinAmount, "min-warning-amount": this.minWarningAmount, "warning-message-min-amount": this.warningMessageMinAmount })));
|
|
211
211
|
}), this.allowMultipleRows ? (h("div", { class: "connected-dropdown__row" }, h("pn-button", { tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
|
|
212
212
|
this.addRow();
|
|
@@ -95,11 +95,11 @@ const PnMultipleInput$1 = /*@__PURE__*/ proxyCustomElement(class PnMultipleInput
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
render() {
|
|
98
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: 'c19a4c61c107632a3e97217c18ee4c2076ae077e' }, h("div", { key: '71fb803627c006e137db1f6be32fb26ab144c876', ref: el => (this.pnSlotElement = el), class: "multiple-input-slot" }, this.rowData?.map((data, i) => {
|
|
99
99
|
return (h("div", { class: "multiple-input-generated-row" }, h("pn-marketweb-input", { label: this.label, type: "text", placeholder: this.placeholder, value: data.input, id: data.id }), i > 0 ? (h("pn-button", { arialabel: "Delete", icon: minus, appearance: "warning", onClick: () => {
|
|
100
100
|
this.deleteRow(i);
|
|
101
101
|
}, index: i, id: data.id }, "Delete")) : null));
|
|
102
|
-
})), h("dvi", { key: '
|
|
102
|
+
})), h("dvi", { key: 'dc7c599822a8e8c39064ecc2ff76cea767ef757f', class: "multiple-input-row" }, h("pn-button", { key: '9289b646075f389d935f8a8be3f2490d0e102005', tooltip: this.addRowButtonText ? this.addRowButtonText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
|
|
103
103
|
this.addRow();
|
|
104
104
|
} }, this.addRowButtonText))));
|
|
105
105
|
}
|