@postnord/pn-marketweb-components 4.2.2 → 4.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index-9a9efa1c.js +4 -0
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-address-autofill.cjs.entry.js +1 -1
- package/cjs/pn-app-banner.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar-level.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar.cjs.entry.js +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js +1 -1
- package/cjs/pn-chart.cjs.entry.js +1 -1
- package/cjs/pn-charts-card.cjs.entry.js +3 -3
- package/cjs/pn-chat-message_2.cjs.entry.js +2 -2
- package/cjs/pn-chat.cjs.entry.js +2 -2
- package/cjs/pn-choice-button.cjs.entry.js +1 -1
- package/cjs/pn-cta-block.cjs.entry.js +2 -2
- package/cjs/pn-customernumber-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-customernumber-selector.cjs.entry.js +1 -1
- package/cjs/pn-date-and-time.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +2 -2
- package/cjs/pn-filter-checkbox.cjs.entry.js +1 -1
- package/cjs/pn-find-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-price.cjs.entry.js +2 -2
- package/cjs/pn-find-service-and-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-service-and-price.cjs.entry.js +1 -1
- package/cjs/pn-hero-block-international.cjs.entry.js +1 -1
- package/cjs/pn-language-selector_9.cjs.entry.js +8 -8
- package/cjs/pn-level-up-modal.cjs.entry.js +1 -1
- package/cjs/pn-level-up.cjs.entry.js +2 -2
- package/cjs/pn-link-list.cjs.entry.js +1 -1
- package/cjs/pn-mainnav-link.cjs.entry.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-icon.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-input.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-search.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader-login-button_4.cjs.entry.js +2 -2
- package/cjs/pn-marketweb-siteheader-login-mypage-button.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +4 -4
- package/cjs/pn-marketweb-table.cjs.entry.js +1 -1
- package/cjs/pn-media-block.cjs.entry.js +1 -1
- package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js +1 -1
- package/cjs/pn-multi-row-connected-dropdown.cjs.entry.js +1 -1
- package/cjs/pn-multiple-input.cjs.entry.js +2 -2
- package/cjs/pn-parcel-tracker.cjs.entry.js +1 -1
- package/cjs/pn-pex-pricefinder.cjs.entry.js +1 -1
- package/cjs/pn-product-card_3.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist-result.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist.cjs.entry.js +2 -2
- package/cjs/pn-product-tile-info_2.cjs.entry.js +1 -1
- package/cjs/pn-product-tile.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-customernumber.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-profile.cjs.entry.js +2 -2
- package/cjs/pn-profile-modal-type.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice-result.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice.cjs.entry.js +3 -3
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +1 -1
- package/cjs/pn-proxio-productcard_4.cjs.entry.js +3 -3
- package/cjs/pn-qr-code-generator.cjs.entry.js +1 -1
- package/cjs/pn-quick-cta.cjs.entry.js +1 -1
- package/cjs/pn-share-item.cjs.entry.js +1 -1
- package/cjs/pn-share.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-level.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-link.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-togglebutton.cjs.entry.js +1 -1
- package/cjs/pn-sidenav.cjs.entry.js +1 -1
- package/cjs/pn-site-footer_3.cjs.entry.js +3 -3
- package/cjs/pn-spotlight.cjs.entry.js +1 -1
- package/cjs/pn-stats-info-data.cjs.entry.js +1 -1
- package/cjs/pn-stats-info.cjs.entry.js +1 -1
- package/cjs/pn-titletag.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/cjs/pn-versa-card.cjs.entry.js +84 -0
- package/cjs/pn-versa-card.cjs.entry.js.map +1 -0
- package/collection/collection-manifest.json +1 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.css +518 -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 +360 -0
- package/collection/components/cards/pn-versa-card/pn-versa-card.stories.js.map +1 -0
- package/collection/components/charts/pn-chart/pn-chart.js +1 -1
- package/collection/components/charts/pn-charts-card/pn-charts-card.js +3 -3
- package/collection/components/cta/pn-cta-block/pn-cta-block.js +2 -2
- package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js +1 -1
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.js +1 -1
- package/collection/components/cta/pn-share/pn-share-item.js +1 -1
- package/collection/components/cta/pn-share/pn-share.js +1 -1
- package/collection/components/cta/pn-spotlight/pn-spotlight.js +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.js +1 -1
- package/collection/components/input/pn-address-autofill/pn-address-autofill.js +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js +1 -1
- package/collection/components/input/pn-choice-button/pn-choice-button.js +1 -1
- package/collection/components/input/pn-date-and-time/pn-date-and-time.js +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.js +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js +2 -2
- package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.js +1 -1
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js +1 -1
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.js +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.js +1 -1
- package/collection/components/input/pn-multiple-input/pn-multiple-input.js +2 -2
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +4 -4
- package/collection/components/media/pn-media-block/pn-media-block.js +1 -1
- package/collection/components/minor/pn-app-banner/pn-app-banner.js +1 -1
- package/collection/components/minor/pn-marketweb-icon/pn-marketweb-icon.js +1 -1
- package/collection/components/minor/pn-swan/pn-swan.js +1 -1
- package/collection/components/minor/pn-titletag/pn-titletag.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +2 -2
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-level.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-link.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer-col.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector-item.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-customernumber.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-profile.js +2 -2
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-type.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.js +1 -1
- package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat.js +2 -2
- package/collection/components/widgets/pn-find-price/pn-find-price-result.js +1 -1
- package/collection/components/widgets/pn-find-price/pn-find-price.js +2 -2
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.js +1 -1
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price.js +1 -1
- package/collection/components/widgets/pn-hero-block-international/pn-hero-block-international.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up.js +2 -2
- package/collection/components/widgets/pn-link-list/pn-link-list.js +1 -1
- package/collection/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.js +1 -1
- package/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.js +1 -1
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js +1 -1
- package/collection/components/widgets/pn-product-card/pn-product-card.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-result.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js +2 -2
- package/collection/components/widgets/pn-product-tile/pn-product-tile-info.js +1 -1
- package/collection/components/widgets/pn-product-tile/pn-product-tile.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js +3 -3
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js +1 -1
- package/collection/components/widgets/pn-qr-code-generator/pn-qr-code-generator.js +1 -1
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +1 -1
- package/components/pn-address-autofill.js +1 -1
- package/components/pn-app-banner.js +1 -1
- package/components/pn-bonus-progressbar-level.js +1 -1
- package/components/pn-bonus-progressbar.js +1 -1
- package/components/pn-breakpoints.js +1 -1
- package/components/pn-chart.js +1 -1
- package/components/pn-charts-card.js +3 -3
- package/components/pn-chat-message2.js +1 -1
- package/components/pn-chat.js +2 -2
- package/components/pn-choice-button2.js +1 -1
- package/components/pn-cta-block.js +2 -2
- package/components/pn-customernumber-selector-option.js +1 -1
- package/components/pn-customernumber-selector.js +1 -1
- package/components/pn-date-and-time.js +1 -1
- package/components/pn-dropdown-choice-adds-row.js +1 -1
- package/components/pn-dropdown-with-multi-input-rows-row2.js +1 -1
- package/components/pn-dropdown-with-multi-input-rows.js +2 -2
- package/components/pn-filter-checkbox2.js +1 -1
- package/components/pn-find-price-result2.js +1 -1
- package/components/pn-find-price.js +2 -2
- package/components/pn-find-service-and-price-result2.js +1 -1
- package/components/pn-find-service-and-price.js +1 -1
- package/components/pn-hero-block-international.js +1 -1
- package/components/pn-language-selector-option2.js +1 -1
- package/components/pn-language-selector2.js +1 -1
- package/components/pn-level-up-modal2.js +1 -1
- package/components/pn-level-up.js +2 -2
- package/components/pn-link-list.js +1 -1
- package/components/pn-mainnav-level2.js +2 -2
- package/components/pn-mainnav-link2.js +1 -1
- package/components/pn-mainnav-list2.js +1 -1
- package/components/pn-mainnav2.js +1 -1
- package/components/pn-marketweb-carousel2.js +1 -1
- package/components/pn-marketweb-icon.js +1 -1
- package/components/pn-marketweb-input2.js +1 -1
- package/components/pn-marketweb-search.js +1 -1
- package/components/pn-marketweb-siteheader-login-button2.js +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js +1 -1
- package/components/pn-marketweb-siteheader.js +4 -4
- package/components/pn-marketweb-table.js +1 -1
- package/components/pn-media-block.js +1 -1
- package/components/pn-multi-row-connected-dropdown-row2.js +1 -1
- package/components/pn-multi-row-connected-dropdown.js +1 -1
- package/components/pn-multiple-input.js +2 -2
- package/components/pn-parcel-tracker.js +1 -1
- package/components/pn-pex-pricefinder.js +1 -1
- package/components/pn-product-card2.js +1 -1
- package/components/pn-product-pricelist-result.js +1 -1
- package/components/pn-product-pricelist.js +2 -2
- package/components/pn-product-tile-info2.js +1 -1
- package/components/pn-product-tile.js +1 -1
- package/components/pn-profile-modal-customernumber.js +1 -1
- package/components/pn-profile-modal-profile.js +2 -2
- package/components/pn-profile-modal-type.js +1 -1
- package/components/pn-profile-modal.js +1 -1
- package/components/pn-profile-selector-option.js +1 -1
- package/components/pn-profile-selector.js +1 -1
- package/components/pn-proxio-findprice-result2.js +1 -1
- package/components/pn-proxio-findprice.js +3 -3
- package/components/pn-proxio-pricegroup.js +1 -1
- package/components/pn-proxio-productcard-description2.js +1 -1
- package/components/pn-proxio-productcard-information2.js +1 -1
- package/components/pn-proxio-productcard2.js +1 -1
- package/components/pn-qr-code-generator2.js +1 -1
- package/components/pn-quick-cta.js +1 -1
- package/components/pn-share-item2.js +1 -1
- package/components/pn-share.js +1 -1
- package/components/pn-sidenav-level.js +1 -1
- package/components/pn-sidenav-link.js +1 -1
- package/components/pn-sidenav-togglebutton.js +1 -1
- package/components/pn-sidenav.js +1 -1
- package/components/pn-site-footer-col2.js +1 -1
- package/components/pn-site-footer2.js +1 -1
- package/components/pn-site-selector-item2.js +1 -1
- package/components/pn-site-selector2.js +1 -1
- package/components/pn-spotlight.js +1 -1
- package/components/pn-stats-info-data2.js +1 -1
- package/components/pn-stats-info.js +1 -1
- package/components/pn-swan2.js +1 -1
- package/components/pn-titletag2.js +1 -1
- package/components/pn-usp-promoter.js +1 -1
- package/components/pn-versa-card.d.ts +11 -0
- package/components/pn-versa-card.js +114 -0
- package/components/pn-versa-card.js.map +1 -0
- package/esm/index-c0a4d8bd.js +4 -0
- package/esm/loader.js +1 -1
- package/esm/pn-address-autofill.entry.js +1 -1
- package/esm/pn-app-banner.entry.js +1 -1
- package/esm/pn-bonus-progressbar-level.entry.js +1 -1
- package/esm/pn-bonus-progressbar.entry.js +1 -1
- package/esm/pn-breakpoints.entry.js +1 -1
- package/esm/pn-chart.entry.js +1 -1
- package/esm/pn-charts-card.entry.js +3 -3
- package/esm/pn-chat-message_2.entry.js +2 -2
- package/esm/pn-chat.entry.js +2 -2
- package/esm/pn-choice-button.entry.js +1 -1
- package/esm/pn-cta-block.entry.js +2 -2
- package/esm/pn-customernumber-selector-option.entry.js +1 -1
- package/esm/pn-customernumber-selector.entry.js +1 -1
- package/esm/pn-date-and-time.entry.js +1 -1
- package/esm/pn-dropdown-choice-adds-row.entry.js +1 -1
- package/esm/pn-dropdown-with-multi-input-rows-row.entry.js +1 -1
- package/esm/pn-dropdown-with-multi-input-rows.entry.js +2 -2
- package/esm/pn-filter-checkbox.entry.js +1 -1
- package/esm/pn-find-price-result.entry.js +1 -1
- package/esm/pn-find-price.entry.js +2 -2
- package/esm/pn-find-service-and-price-result.entry.js +1 -1
- package/esm/pn-find-service-and-price.entry.js +1 -1
- package/esm/pn-hero-block-international.entry.js +1 -1
- package/esm/pn-language-selector_9.entry.js +8 -8
- package/esm/pn-level-up-modal.entry.js +1 -1
- package/esm/pn-level-up.entry.js +2 -2
- package/esm/pn-link-list.entry.js +1 -1
- package/esm/pn-mainnav-link.entry.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-icon.entry.js +1 -1
- package/esm/pn-marketweb-input.entry.js +1 -1
- package/esm/pn-marketweb-search.entry.js +1 -1
- package/esm/pn-marketweb-siteheader-login-button_4.entry.js +2 -2
- package/esm/pn-marketweb-siteheader-login-mypage-button.entry.js +1 -1
- package/esm/pn-marketweb-siteheader.entry.js +4 -4
- package/esm/pn-marketweb-table.entry.js +1 -1
- package/esm/pn-media-block.entry.js +1 -1
- package/esm/pn-multi-row-connected-dropdown-row.entry.js +1 -1
- package/esm/pn-multi-row-connected-dropdown.entry.js +1 -1
- package/esm/pn-multiple-input.entry.js +2 -2
- package/esm/pn-parcel-tracker.entry.js +1 -1
- package/esm/pn-pex-pricefinder.entry.js +1 -1
- package/esm/pn-product-card_3.entry.js +1 -1
- package/esm/pn-product-pricelist-result.entry.js +1 -1
- package/esm/pn-product-pricelist.entry.js +2 -2
- package/esm/pn-product-tile-info_2.entry.js +1 -1
- package/esm/pn-product-tile.entry.js +1 -1
- package/esm/pn-profile-modal-customernumber.entry.js +1 -1
- package/esm/pn-profile-modal-profile.entry.js +2 -2
- package/esm/pn-profile-modal-type.entry.js +1 -1
- package/esm/pn-profile-modal.entry.js +1 -1
- package/esm/pn-profile-selector-option.entry.js +1 -1
- package/esm/pn-profile-selector.entry.js +1 -1
- package/esm/pn-proxio-findprice-result.entry.js +1 -1
- package/esm/pn-proxio-findprice.entry.js +3 -3
- package/esm/pn-proxio-pricegroup.entry.js +1 -1
- package/esm/pn-proxio-productcard_4.entry.js +3 -3
- package/esm/pn-qr-code-generator.entry.js +1 -1
- package/esm/pn-quick-cta.entry.js +1 -1
- package/esm/pn-share-item.entry.js +1 -1
- package/esm/pn-share.entry.js +1 -1
- package/esm/pn-sidenav-level.entry.js +1 -1
- package/esm/pn-sidenav-link.entry.js +1 -1
- package/esm/pn-sidenav-togglebutton.entry.js +1 -1
- package/esm/pn-sidenav.entry.js +1 -1
- package/esm/pn-site-footer_3.entry.js +3 -3
- package/esm/pn-spotlight.entry.js +1 -1
- package/esm/pn-stats-info-data.entry.js +1 -1
- package/esm/pn-stats-info.entry.js +1 -1
- package/esm/pn-titletag.entry.js +1 -1
- package/esm/pn-usp-promoter.entry.js +1 -1
- package/esm/pn-versa-card.entry.js +80 -0
- package/esm/pn-versa-card.entry.js.map +1 -0
- package/package.json +2 -1
- package/pn-market-web-components/{p-e69d8395.entry.js → p-01fbf1ce.entry.js} +2 -2
- package/pn-market-web-components/{p-d18b9aff.entry.js → p-022780ab.entry.js} +2 -2
- package/pn-market-web-components/{p-ebba8dd2.entry.js → p-0700cb4c.entry.js} +2 -2
- package/pn-market-web-components/{p-89272a6b.entry.js → p-0a29bdca.entry.js} +2 -2
- package/pn-market-web-components/{p-aee65729.entry.js → p-0c07ad6d.entry.js} +2 -2
- package/pn-market-web-components/{p-e1c20440.entry.js → p-0d4d9d90.entry.js} +2 -2
- package/pn-market-web-components/{p-9c0243fd.entry.js → p-0f6f715b.entry.js} +2 -2
- package/pn-market-web-components/{p-b0845b6e.entry.js → p-118fe47d.entry.js} +2 -2
- package/pn-market-web-components/{p-02cc3319.entry.js → p-11c6e458.entry.js} +2 -2
- package/pn-market-web-components/{p-9b709942.entry.js → p-12cafd55.entry.js} +2 -2
- package/pn-market-web-components/{p-c6db243c.entry.js → p-150da889.entry.js} +2 -2
- package/pn-market-web-components/{p-b3605a96.entry.js → p-1c644b91.entry.js} +2 -2
- package/pn-market-web-components/{p-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-3c69298b.entry.js +2 -0
- package/pn-market-web-components/p-3c69298b.entry.js.map +1 -0
- 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 +28 -0
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +1 -1
- package/types/components.d.ts +51 -0
- package/vscode-data.json +89 -0
- package/pn-market-web-components/p-0b7d3d23.entry.js +0 -2
- package/pn-market-web-components/p-133c7313.entry.js +0 -2
- package/pn-market-web-components/p-e55e5b49.entry.js +0 -2
- /package/pn-market-web-components/{p-e69d8395.entry.js.map → p-01fbf1ce.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d18b9aff.entry.js.map → p-022780ab.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ebba8dd2.entry.js.map → p-0700cb4c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-89272a6b.entry.js.map → p-0a29bdca.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-aee65729.entry.js.map → p-0c07ad6d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e1c20440.entry.js.map → p-0d4d9d90.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9c0243fd.entry.js.map → p-0f6f715b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b0845b6e.entry.js.map → p-118fe47d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-02cc3319.entry.js.map → p-11c6e458.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9b709942.entry.js.map → p-12cafd55.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c6db243c.entry.js.map → p-150da889.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b3605a96.entry.js.map → p-1c644b91.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9638d206.entry.js.map → p-2616cdc1.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6d6ae33e.entry.js.map → p-2e585ed5.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f6c5c4de.entry.js.map → p-32bd2ff8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ed5c0dcc.entry.js.map → p-32e3ed3a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ec7a8e5a.entry.js.map → p-3f268359.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-7526d49d.entry.js.map → p-40e632cc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-eafffc4b.entry.js.map → p-4149e715.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-368aa69f.entry.js.map → p-4517a3d4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-588525ac.entry.js.map → p-461c8792.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-bb5a6883.entry.js.map → p-4915b14a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6f6ed930.entry.js.map → p-4a164ef8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-08c96012.entry.js.map → p-4bc6d49f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-44175dbd.entry.js.map → p-4d848e18.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-60e3ba3d.entry.js.map → p-5090bb1d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5d8eb438.entry.js.map → p-5efb190e.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e07d8b18.entry.js.map → p-64f6691d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-02094ddb.entry.js.map → p-66c0c8dc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-315b9cba.entry.js.map → p-671a8129.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b20d2e1b.entry.js.map → p-6d77e747.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-34cb1e2e.entry.js.map → p-6e693269.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-2f324058.entry.js.map → p-6f1e27ec.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c7d41f58.entry.js.map → p-6f83d9ea.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-dc11fc75.entry.js.map → p-71956f95.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b697755f.entry.js.map → p-7c1ba9d7.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-1cb0f3fa.entry.js.map → p-7e618c6b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5d70be75.entry.js.map → p-89fbca3b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-7a721a2a.entry.js.map → p-8a76d782.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-fc5c33e7.entry.js.map → p-8f25176b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-de55f656.entry.js.map → p-91effe9a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-62ce6700.entry.js.map → p-9930e104.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9fc3711d.entry.js.map → p-99843884.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d3b4c8d7.entry.js.map → p-9ca239b4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6a5cb4ca.entry.js.map → p-9f2ad61a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3737defb.entry.js.map → p-a079f703.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3a298543.entry.js.map → p-a13f1f73.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-b9774a2d.entry.js.map → p-a30de538.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0b7d3d23.entry.js.map → p-a3f601cb.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e1ccd651.entry.js.map → p-ab1e3dc2.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-e9d495e3.entry.js.map → p-ac565795.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-096cbbcb.entry.js.map → p-af646091.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-46711387.entry.js.map → p-b2b2bae0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f962fd3e.entry.js.map → p-b8b84719.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0d67f0af.entry.js.map → p-bd8ec517.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-317fcddf.entry.js.map → p-c0315c45.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-92e8e287.entry.js.map → p-c7965104.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c030c263.entry.js.map → p-c89f3d6b.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a6941ea3.entry.js.map → p-ca003c1f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4bf2c8ab.entry.js.map → p-d0f27361.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d07efc2e.entry.js.map → p-d2c8cabd.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6e3c311a.entry.js.map → p-da0477d7.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4a8ef165.entry.js.map → p-e43a36e0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-778ae152.entry.js.map → p-e6d6a752.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5f904742.entry.js.map → p-ee33397c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-0b092a5c.entry.js.map → p-f0d423d0.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-d49d093f.entry.js.map → p-f4d2d0d3.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6b6aeeab.entry.js.map → p-ff38b9a5.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"2d6b4f8d417b989c5b62364786955531858d5d7b",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"61fad438a530cc8a122a282fcd231d71e0ee70c0",...i,...n==="button"&&{...a}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"c5eb307a1d6c438f3d9f6fc140dc27d4999f4017"},this.name),this.hasChildren&&n==="button"?e("div",{class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null),this.hasChildren&&n==="a"?e("button",{...a,class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null,e("slot",{key:"023cad72a3c1315ee90af2b4db802b834ae151b6"}))}};p.style=d;export{p as pn_sidenav_link};
|
|
2
|
+
//# sourceMappingURL=p-12cafd55.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"f0a5d1859a53f84db4d4d5c59238349f093302ff"},(this.heading||this.preamble)&&n("div",{key:"e0859d24a8605a7ed5155165ab6bb7bfd89f542a",class:"link-list__header"},this.heading&&n("h2",{key:"3f6bf90c1ffefa4e6d175025de14775095b269aa",class:"link-list__heading"},this.heading),this.preamble&&n("p",{key:"3e649e4f66d1b2bfeb08350dbeaf89c5a5f2f32d",class:"link-list__preamble"},this.preamble)),n("div",{key:"0b663079c4d0ca30fa7c755980a78ac78700747b",class:"link-list"},n("div",{key:"7c0a5ad32c0e2521ffa826655b843aa33cc57cac",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"eafc5beff332905549a4ca22ece8ea0de12887a9",class:"link-list__scrollable"},n("slot",{key:"905739d2d378cdbb6ee157a47b3d4c57ad5a08ec",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
|
|
2
|
+
//# sourceMappingURL=p-150da889.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as i}from"./p-ae5756dd.js";import{b as a}from"./p-7e3afa8c.js";import{c as d}from"./p-cfaf2eec.js";import"./p-2132ad75.js";const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=s;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){i.openMenu=!i.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",i.openMenu+"")}render(){return n(o,{key:"09f914dd75d836271638a7e99ef4409e7be91266"},n("pn-button",{key:"02fd7ac645088c639b41c2ef2891880b7708895d",appearance:"light",icon:i.openMenu?d:a,"left-icon":true,small:true,onclick:this.onClick.bind(this),label:this.label},n("slot",{key:"24dfd9ea301d3a490a65eed7d4d53f067a40fc15"})))}};r.style=p;export{r as pn_sidenav_togglebutton};
|
|
2
|
+
//# sourceMappingURL=p-1c644b91.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as n,h as i,d as a}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import"./p-2132ad75.js";const o={sv:{open:"Öppna",close:"Stäng",navLabel:"Undernavigering"},en:{open:"Open",close:"Close",navLabel:"Sub navigation"},da:{open:"Åbne",close:"Stæng",navLabel:"Undernavigation"},no:{open:"Åpne",close:"Stäng",navLabel:"Undernavigering"},fi:{open:"Avaa",close:"Sulje",navLabel:"Ali navigointi"},de:{open:"Offen",close:"Schließen",navLabel:"Unternavigation"},zh:{open:"Open",close:"Close",navLabel:"Sub navigation"},it:{open:"Open",close:"Close",navLabel:"Sub navigation"},nl:{open:"Open",close:"Close",navLabel:"Sub navigation"}};const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";const d=s;const r=class{constructor(n){e(this,n);this.language="sv";this.navLabel="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return n(this)}componentWillLoad(){this.init()}async init(){this.setLanguage();if(window.matchMedia("screen and (min-width:64em)").matches===false){t.openMenu=false}}setLanguage(){if(o[this.language]){t.i18n=o[this.language];if(!this.navLabel){this.navLabel=t.i18n.navLabel}}}onOpenSubMenuLevelChange(e){t.openLevel=e.detail}render(){return i(a,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as n,h as i,d as a}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import"./p-2132ad75.js";const o={sv:{open:"Öppna",close:"Stäng",navLabel:"Undernavigering"},en:{open:"Open",close:"Close",navLabel:"Sub navigation"},da:{open:"Åbne",close:"Stæng",navLabel:"Undernavigation"},no:{open:"Åpne",close:"Stäng",navLabel:"Undernavigering"},fi:{open:"Avaa",close:"Sulje",navLabel:"Ali navigointi"},de:{open:"Offen",close:"Schließen",navLabel:"Unternavigation"},zh:{open:"Open",close:"Close",navLabel:"Sub navigation"},it:{open:"Open",close:"Close",navLabel:"Sub navigation"},nl:{open:"Open",close:"Close",navLabel:"Sub navigation"}};const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";const d=s;const r=class{constructor(n){e(this,n);this.language="sv";this.navLabel="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return n(this)}componentWillLoad(){this.init()}async init(){this.setLanguage();if(window.matchMedia("screen and (min-width:64em)").matches===false){t.openMenu=false}}setLanguage(){if(o[this.language]){t.i18n=o[this.language];if(!this.navLabel){this.navLabel=t.i18n.navLabel}}}onOpenSubMenuLevelChange(e){t.openLevel=e.detail}render(){return i(a,{key:"b6621eee6b0623b0c7aac8e26c6e20bd2f9fc17a",open:(t.openMenu==true)+""},i("slot",{key:"7ae7557ca0ced4868d1f6fc01c3baa5a21c1cc4c",name:"above"}),i("nav",{key:"d4dee8d2a799322c7b0cf1a966d6856ec7f278ec",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"e4df14699a9213b794c8ada8528951dbb2f63303"})))}};r.style=d;export{r as pn_sidenav};
|
|
2
|
+
//# sourceMappingURL=p-2616cdc1.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,F as n,d as a}from"./p-b3a13b6a.js";import{H as i}from"./p-885d59e8.js";import{b as s,a as o}from"./p-5f4ccd8a.js";import{P as r}from"./p-6bec8d72.js";import{F as l}from"./p-3478f368.js";const d={mobile:768,tablet:1024,desktop:1025};class c{static instance;breakpoints;callbacks;resizeTimeout;constructor(){this.breakpoints=d;this.callbacks=new Set;this.initializeListeners()}static getInstance(){if(!c.instance){c.instance=new c}return c.instance}setBreakpoints(e){this.breakpoints={...this.breakpoints,...e};this.notifyListeners()}getWidth(){if(typeof window==="undefined")return 0;return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0}isTouch(){if(typeof window==="undefined")return false;return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}getScreenSize(e){if(e<this.breakpoints.mobile)return"mobile";if(e<this.breakpoints.tablet)return"tablet";return"desktop"}getScreenInfo(){const e=this.getWidth();return{width:e,size:this.getScreenSize(e),isTouch:this.isTouch()}}initializeListeners(){if(typeof window==="undefined")return;const e=()=>{if(this.resizeTimeout){window.clearTimeout(this.resizeTimeout)}this.resizeTimeout=window.setTimeout((()=>{this.notifyListeners()}),250)};window.addEventListener("resize",e);window.addEventListener("orientationchange",e)}notifyListeners(){const e=this.getScreenInfo();this.callbacks.forEach((t=>t(e)))}subscribe(e){this.callbacks.add(e);e(this.getScreenInfo());return()=>{this.callbacks.delete(e)}}}const h={sv:{newMessage:"Nytt meddelande",toggleButtonOn:"Visa detaljer",toggleButtonOff:"Dölj detaljer",showMoreLabel:"Visa mer"},en:{newMessage:"New message",toggleButtonOn:"Show details",toggleButtonOff:"Hide details",showMoreLabel:"Show more"},da:{newMessage:"Ny besked",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mere"},no:{newMessage:"Ny melding",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mer"},fi:{newMessage:"Uusi viesti",toggleButtonOn:"Näytä tiedot",toggleButtonOff:"Piilota tiedot",showMoreLabel:"Näytä lisää"},de:{newMessage:"Neue Nachricht",toggleButtonOn:"Details anzeigen",toggleButtonOff:"Details ausblenden",showMoreLabel:"Mehr anzeigen"},zh:{newMessage:"新消息",toggleButtonOn:"显示详情",toggleButtonOff:"隐藏详情",showMoreLabel:"显示更多"},it:{newMessage:"Nuovo messaggio",toggleButtonOn:"Mostra dettagli",toggleButtonOff:"Nascondi dettagli",showMoreLabel:"Mostra di più"},nl:{newMessage:"Nieuw bericht",toggleButtonOn:"Toon details",toggleButtonOff:"Verberg details",showMoreLabel:"Meer tonen"},tr:{newMessage:"Yeni mesaj",toggleButtonOn:"Detayları göster",toggleButtonOff:"Detayları gizle",showMoreLabel:"Daha fazla göster"},pt:{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"},pl:{newMessage:"Nowa wiadomość",toggleButtonOn:"Pokaż szczegóły",toggleButtonOff:"Ukryj szczegóły",showMoreLabel:"Pokaż więcej"},"pt-BR":{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"}};class b{_endpoint;_language;fetchHelper=new l("MarketTableService");_getUserShipmentsPath=`/get-user-shipments`;constructor(e,t){this._endpoint=this.formatEndpoint(e);this._language=t}async getUserShipments(e,t,n,a){let i={skip:t,take:n,isChatEnabled:a,language:this._language,contentId:e};const s=this._endpoint+this._getUserShipmentsPath;const o=await this.fetchHelper.fetchJson(s,this.getRequestInit(i),false);return JSON.parse(o.shipments)}formatEndpoint(e){var t=e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e;return t}getRequestInit(e,t="POST",n="cors",a="application/json"){return{mode:n,method:t,headers:{"Content-Type":a},body:JSON.stringify(e)}}}const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:block}.pn-marketweb-table .container{max-width:1200px;margin:0 auto;padding:1rem}.pn-marketweb-table .heading-section{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pn-marketweb-table .heading-section{flex-direction:column}}.pn-marketweb-table .heading-section .heading-wrapper{display:flex;flex-direction:column}.pn-marketweb-table .heading-section .preamble-section{width:80%}.pn-marketweb-table .heading-section .main-heading{margin-bottom:1rem}.pn-marketweb-table .heading-section .summary{display:flex;height:7rem;justify-content:flex-end;gap:clamp(1rem, 4vw, 2rem)}@media (max-width: 768px){.pn-marketweb-table .heading-section .summary{justify-content:center}}.pn-marketweb-table .heading-section .sub-heading-section{background-color:#effbff;border-radius:1.6rem;display:flex;align-items:center;gap:clamp(0.6rem, 4vw, 1rem);padding:0.6rem 1.2rem;width:13.5rem}.pn-marketweb-table .heading-section .sub-heading-section .icon-container{background-color:#e0f8ff;border-radius:50%;padding:4px}.pn-marketweb-table .heading-section .sub-heading{font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .heading-section .sub-heading strong{color:#005d92;font-weight:700}.pn-marketweb-table .pn-marketweb-table__table{width:100%;border-collapse:collapse;margin-bottom:3.2rem;border:none}.pn-marketweb-table .pn-marketweb-table__table tr{border-bottom:1px solid #e9e6e5;position:relative;border-left:4px solid #ffffff;transition:all 0.7s ease}.pn-marketweb-table .pn-marketweb-table__table tr:last-child{border-bottom:none}.pn-marketweb-table .pn-marketweb-table__table tr:hover{border-left:4px solid #8eddf9;background:#effbff}.pn-marketweb-table .pn-marketweb-table__table tr.row-new-message,.pn-marketweb-table .pn-marketweb-table__table tr.row-new-messag:hover{border-left:4px solid #0aa85c;background:linear-gradient(90deg, rgb(220, 246, 231) 0%, rgb(237, 251, 243) 30%, rgb(255, 255, 255) 70%)}.pn-marketweb-table .pn-marketweb-table__table td{padding:1.6rem 1rem}.pn-marketweb-table .image-container{min-height:5.8rem}.pn-marketweb-table .cell-heading{color:#5e554a;font-size:clamp(0.875rem, 4vw, 1.2rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .cell-value{color:#2d2013;display:inline-block;font-size:clamp(1rem, 4vw, 1.5rem);font-weight:400;line-height:clamp(1.4rem, 4vw, 1.8rem);margin:0;padding:0.5rem 0}.pn-marketweb-table .row-image{border-radius:0.5rem}.pn-marketweb-table .actions{align-content:center;width:20%}.pn-marketweb-table .actions .button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:1.6rem}.pn-marketweb-table .actions .button-wrapper pn-button{min-width:50%}.pn-marketweb-table .actions .button-wrapper pn-button.toggle-widget{min-width:30%}.pn-marketweb-table .actions .button-wrapper .pn-button-text{white-space:nowrap}@media screen and (max-width: 768px){.pn-marketweb-table .actions .button-wrapper{justify-content:space-between;flex-direction:column}}@media screen and (max-width: 768px){.pn-marketweb-table tr{display:flex;flex-wrap:wrap}.pn-marketweb-table td:not(.cell-content){width:100%}.pn-marketweb-table td.cell-image{text-align:center}.pn-marketweb-table td.cell-content{flex:1 0 40%}.pn-marketweb-table td.cell-content::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:0.5em}.pn-marketweb-table td.actions .button-wrapper{gap:2rem}}@media (min-width: 768px){.pn-marketweb-table .row-image{max-width:80px}}.pn-marketweb-table .toggle-detail{display:none;color:#005d92;cursor:pointer;border:none;border-radius:3em;outline:none;position:relative;font-size:0.875em;min-width:5.5em;font-weight:500;background-color:transparent;justify-content:center;align-items:center;transition:color 0.3s;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:0.375em 1em;min-height:2em;line-height:1.65em;white-space:nowrap}.pn-marketweb-table .toggle-detail:hover{background-color:#e0f8ff;opacity:1}.pn-marketweb-table .shipment-id-active .button-wrapper{display:flex}.pn-marketweb-table tr td.cell-content:first-child .cell-value{font-weight:500}.pn-marketweb-table .pn-widget-wrapper{display:flex;justify-content:center}.pn-marketweb-table .shipment-id-active,.pn-marketweb-table .widget-row{background-color:#effbff}.pn-marketweb-table .pn-market-table__show-more-wrapper{display:flex;justify-content:center;width:100%}.row-new-message .button-wrapper:after{content:attr(data-label);background:#0aa85c;border-radius:0 0.4rem 0.4rem 0;color:#ffffff;display:block;position:absolute;left:0;top:0;font-size:1.4rem;padding:0 0.4rem}@media (min-width: 768px){.row-new-message .button-wrapper:after{background:#005e41;border-radius:0.4rem;left:auto;right:1.6rem;font-size:1.1rem;top:0.3rem}}";const m=p;const g=class{constructor(t){e(this,t);this.mainHeading=undefined;this.mainHeadingLevel="h2";this.preamble=undefined;this.subHeadingLevel="h3";this.headers=undefined;this.rows=undefined;this.showHeadersInCells=false;this.cellHeaderLevel="h3";this.tableRowCtaActionLabel=undefined;this.imageColAriaHeader=undefined;this.ctaColAriaHeader=undefined;this.checkForNewShipments=false;this.endpoint=undefined;this.language="sv";this.market=undefined;this.toggleDetailLabel="View details";this.checkForChat=false;this.value="";this.shipmentType=undefined;this.contentId="";this.takeAmountRow=2;this.shipmentCount=2;this.i18n=undefined;this._headers=[];this._rows=[];this._allKeys=new Set;this.screenInfo=undefined}screenWidth=c.getInstance();cleanup;_chatService;_chatSegment="#chat";_marketwebTableService;componentWillLoad(){this.setInitialValues();this.setTranslations();this._marketwebTableService=new b(this.endpoint,this.language);this.cleanup=this.screenWidth.subscribe((e=>{this.screenInfo=e}));if(this.checkForNewShipments){this._chatService=new r(this.endpoint,this.market,this.language);setInterval((()=>{this.checkForNewMessages()}),6e4)}}setTranslations(){if(h[this.language]){this.i18n=h[this.language]}else{const e="sv";this.i18n=h[e]}}onLanguageChange(){this.setTranslations()}async componentDidLoad(){if(this.checkForChat){const e=document.querySelector("pn-marketweb-table."+this.shipmentType);const t=e.querySelectorAll('[href*="#chat"]');const n=Array.from(t).filter((e=>e instanceof HTMLAnchorElement));this.OpenChatEvent(n)}}componentDidRender(){const e=document.querySelector("pn-marketweb-table[shipment-type="+this.shipmentType+"]");const t=e?.querySelectorAll("pn-button.toggle-widget");t?.forEach((e=>{const t=e.querySelector(".pn-button-text");if(t&&t.innerHTML!==this.i18n.toggleButtonOn){t.innerHTML=this.i18n.toggleButtonOn}const n=e.querySelector("button");if(n&&!n.hasAttribute("data-toggle-initialized")){n.addEventListener("click",this.toggleButton.bind(this));n.setAttribute("data-toggle-initialized","true")}}))}toggleButton(e){const t=e.currentTarget;const n=t.closest("tr");const a=t.closest("pn-button");const i=n.classList.contains("shipment-id-active");const r=document.querySelectorAll(".widget-row");r.forEach((e=>e.remove()));const l=document.querySelectorAll("tr");l.forEach((e=>e.classList.remove("shipment-id-active")));const d=document.querySelectorAll("pn-button.toggle-widget");d.forEach((e=>{e.setAttribute("icon",s);e.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOn}));if(i){return}t.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOff;n.classList.add("shipment-id-active");const c=document.createElement("tr");c.classList.add("widget-row");const h=document.createElement("td");h.colSpan=n.children.length;const b=document.createElement("div");b.classList.add("pn-widget-wrapper");const p=document.createElement("pn-widget");p.setAttribute("locale",this.language);p.setAttribute("shipment-id",t.id);b.appendChild(p);h.appendChild(b);c.appendChild(h);n.parentNode.insertBefore(c,n.nextSibling);a.setAttribute("icon",o)}handleShowMore=async()=>{let e=this._rows.length;let t=await this._marketwebTableService.getUserShipments(this.contentId,e,this.takeAmountRow,this.checkForChat);if(t){this._rows=[...this._rows,...t]}};async waitForComponent(e,t=10,n=300){for(let a=0;a<t;a++){const t=document.querySelector(e);if(t){return t}await new Promise((e=>setTimeout(e,n)))}return null}disconnectedCallback(){if(this.cleanup){this.cleanup()}}async checkForNewMessages(){for(let e=0;e<this._rows.length;e++){const t=this._rows[e];const n=t.id;if(n){const a=await this._chatService.hasNewMessages(n);if(t.hasNewMessages!==a){this._rows[e]={...t,hasNewMessages:a}}}}this._rows=[...this._rows]}setInitialValues(){try{this.parseRows();this.parseHeaders()}catch(e){console.error("Error parsing table data:",e);this._rows=[];this._headers=[]}}parseRows(){this._rows=typeof this.rows==="string"?JSON.parse(this.rows):this.rows;this._allKeys=new Set(this._rows.flatMap((e=>Object.keys(e))))}parseHeaders(){if(typeof this.headers==="string"){this._headers=JSON.parse(this.headers)}else if(this.headers){this._headers=this.headers}else{this._headers=Array.from(this._allKeys).map((e=>({key:e,label:e})))}}renderCellContent(e,t){const n=e.render?e.render(t):t[e.key]??"-";return n}renderCell(e,a){const s=this.renderCellContent(e,a);if(this.showHeadersInCells||this.screenInfo.width<=d.tablet){return t("div",{class:"cell-content",role:"cell"},t(i,{level:this.cellHeaderLevel,cssClass:"cell-heading",additionalProps:{"aria-hidden":"true",role:"presentation"}},e.label),t("span",{class:"cell-value"},s))}return t(n,null,s)}handleToggleClick=()=>{const e=document.querySelector(".trackandtracewidgetblock");if(e?.parentElement){e.parentElement.classList.toggle("hideRow")}};renderActionButtons(e){if(!e.actionButtons)return null;return t("td",{class:"actions",role:"cell"},t("div",{class:"button-wrapper",role:"group","aria-label":this.tableRowCtaActionLabel,"data-label":this.i18n.newMessage},e.actionButtons.map((e=>t("pn-button",{appearance:e.appearance,class:e.class,variant:e.variant,small:e.small,loading:e.loading,icon:e.icon,leftIcon:e.leftIcon,tooltip:e.tooltip,href:e.href,rel:e.rel,download:e.download,form:e.form,buttonId:e.buttonId,"icon-only":e.iconOnly,arialabel:e.content,"data-chat":e.customAttribute},e.content)))))}async OpenChatEvent(e){e.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=window?.location?.hash??"";const a=/#chat:([a-zA-Z0-9]+)(?=#|$)/;const i=e.href.match(a);const s=i?i[1]:"";const o=`${this._chatSegment}:${s}`;window.location.hash=o;this.waitForComponent("pn-chat").then((t=>{if(s){t.setAttribute("item-id",s)}else{t.setAttribute("item-id","")}let a=t.getAttribute("pn-chat-id");const i="00000000-0000-0000-0000-000000000000";const r="1";const l=a===i?r:i;let d=l;const c=e?.parentElement?.getAttribute("data-chat");if(c){d=c.split("").reverse().join("")}t.setAttribute("is-logged-in","true");t.setAttribute("pn-chat-id",d);if(n.includes(o)){let e=t.getAttribute("force-open")??"true";e=e==="true"?"false":"true";t.setAttribute("force-open",e)}}))}))}))}render(){const e=`table-${Math.random().toString(36)}`;const n=`${e}-main-heading`;return t(a,{key:"98283a658faabafcb813eeb447c4bc406f05f18c",language:this.language},t("div",{key:"baea729e089500c3c99757e4e614f9f710000603",class:"pn-marketweb-table"},t("div",{key:"ef40e29179a3d9f380360ed54099e5724d4368df",role:"region","aria-labelledby":this.mainHeading?n:undefined},t("div",{key:"61c96ab70681a3ec976c94f385c9d4136d73cb8e",class:"heading-section"},t("div",{key:"4ed87bda71059736a9d0dbe8a55d89a34a81a89c",class:"heading-wrapper"},this.mainHeading&&t(i,{key:"0ef856c0259011be63c5b6a169bd69285ee09c13",level:this.mainHeadingLevel,cssClass:"main-heading",id:n},this.mainHeading),this.preamble&&t("div",{key:"9eb7c8d520843e331a2ec77bc434a135d82c4699",class:"preamble-section"},this.preamble))),this._rows.length>0&&t("table",{key:"6346e44c176d834b2fe66dea162c5976fae61441",class:"pn-marketweb-table__table","aria-labelledby":this.mainHeading?`${e}-main-heading`:undefined},this._headers&&t("thead",{key:"92d29b69db5ca91664df5dd9ee3fb7b9c3fc97bb",class:this.showHeadersInCells?"sr-only":undefined},t("tr",{key:"fa3d3ec4062835a13f6292a70e37559e7ba90fb7"},this._rows.some((e=>e.imageUrl))&&this.imageColAriaHeader&&t("th",{key:"5d2e43ee1cd03b1a722ee5ae9594226500c0fbe3",scope:"col",class:"sr-only"},this.imageColAriaHeader),this._headers.map((e=>t("th",{key:e.key,scope:"col",class:"sr-only-mobile"},e.label))),this._rows.some((e=>e.link1||e.link2))&&this.ctaColAriaHeader&&t("th",{key:"07356d07d91450352ea9a425286e1f9876e2e578",scope:"col",class:"sr-only"},this.ctaColAriaHeader))),t("tbody",{key:"3b0357be0ffccef7e768d055379f75a8fdd1b6e7",class:"pn-marketweb-table__table-body"},this._rows.slice(0,this.shipmentCount).map(((e,n)=>t("tr",{key:n,class:`cell-row ${e.hasNewMessages?"row-new-message":""}`},e.imageUrl&&t("td",{class:"cell-image"},t("div",{class:"image-container"},t("img",{src:e.imageUrl,alt:"",class:"row-image"}))),this._headers.map((a=>t("td",{key:`${n}-${a.key}`,class:"cell-content"},this.renderCell(a,e)))),this.renderActionButtons(e)))))),this.shipmentCount>this._rows.length&&t("div",{key:"ff1ab5516f505a6315a45e60275e0ca1167840f1",class:"pn-market-table__show-more-wrapper"},t("pn-button",{key:"c34362a272f682e5e7a2f9bb6498d1713afcf6fa",variant:"outlined",appearance:"light",label:this.i18n?.showMoreLabel||"Show More",onClick:()=>this.handleShowMore()})))))}static get watchers(){return{language:["onLanguageChange"]}}};g.style=m;export{g as pn_marketweb_table};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,F as n,d as a}from"./p-b3a13b6a.js";import{H as i}from"./p-885d59e8.js";import{b as s,a as o}from"./p-5f4ccd8a.js";import{P as r}from"./p-6bec8d72.js";import{F as l}from"./p-3478f368.js";const d={mobile:768,tablet:1024,desktop:1025};class c{static instance;breakpoints;callbacks;resizeTimeout;constructor(){this.breakpoints=d;this.callbacks=new Set;this.initializeListeners()}static getInstance(){if(!c.instance){c.instance=new c}return c.instance}setBreakpoints(e){this.breakpoints={...this.breakpoints,...e};this.notifyListeners()}getWidth(){if(typeof window==="undefined")return 0;return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0}isTouch(){if(typeof window==="undefined")return false;return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}getScreenSize(e){if(e<this.breakpoints.mobile)return"mobile";if(e<this.breakpoints.tablet)return"tablet";return"desktop"}getScreenInfo(){const e=this.getWidth();return{width:e,size:this.getScreenSize(e),isTouch:this.isTouch()}}initializeListeners(){if(typeof window==="undefined")return;const e=()=>{if(this.resizeTimeout){window.clearTimeout(this.resizeTimeout)}this.resizeTimeout=window.setTimeout((()=>{this.notifyListeners()}),250)};window.addEventListener("resize",e);window.addEventListener("orientationchange",e)}notifyListeners(){const e=this.getScreenInfo();this.callbacks.forEach((t=>t(e)))}subscribe(e){this.callbacks.add(e);e(this.getScreenInfo());return()=>{this.callbacks.delete(e)}}}const h={sv:{newMessage:"Nytt meddelande",toggleButtonOn:"Visa detaljer",toggleButtonOff:"Dölj detaljer",showMoreLabel:"Visa mer"},en:{newMessage:"New message",toggleButtonOn:"Show details",toggleButtonOff:"Hide details",showMoreLabel:"Show more"},da:{newMessage:"Ny besked",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mere"},no:{newMessage:"Ny melding",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mer"},fi:{newMessage:"Uusi viesti",toggleButtonOn:"Näytä tiedot",toggleButtonOff:"Piilota tiedot",showMoreLabel:"Näytä lisää"},de:{newMessage:"Neue Nachricht",toggleButtonOn:"Details anzeigen",toggleButtonOff:"Details ausblenden",showMoreLabel:"Mehr anzeigen"},zh:{newMessage:"新消息",toggleButtonOn:"显示详情",toggleButtonOff:"隐藏详情",showMoreLabel:"显示更多"},it:{newMessage:"Nuovo messaggio",toggleButtonOn:"Mostra dettagli",toggleButtonOff:"Nascondi dettagli",showMoreLabel:"Mostra di più"},nl:{newMessage:"Nieuw bericht",toggleButtonOn:"Toon details",toggleButtonOff:"Verberg details",showMoreLabel:"Meer tonen"},tr:{newMessage:"Yeni mesaj",toggleButtonOn:"Detayları göster",toggleButtonOff:"Detayları gizle",showMoreLabel:"Daha fazla göster"},pt:{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"},pl:{newMessage:"Nowa wiadomość",toggleButtonOn:"Pokaż szczegóły",toggleButtonOff:"Ukryj szczegóły",showMoreLabel:"Pokaż więcej"},"pt-BR":{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"}};class b{_endpoint;_language;fetchHelper=new l("MarketTableService");_getUserShipmentsPath=`/get-user-shipments`;constructor(e,t){this._endpoint=this.formatEndpoint(e);this._language=t}async getUserShipments(e,t,n,a){let i={skip:t,take:n,isChatEnabled:a,language:this._language,contentId:e};const s=this._endpoint+this._getUserShipmentsPath;const o=await this.fetchHelper.fetchJson(s,this.getRequestInit(i),false);return JSON.parse(o.shipments)}formatEndpoint(e){var t=e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e;return t}getRequestInit(e,t="POST",n="cors",a="application/json"){return{mode:n,method:t,headers:{"Content-Type":a},body:JSON.stringify(e)}}}const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:block}.pn-marketweb-table .container{max-width:1200px;margin:0 auto;padding:1rem}.pn-marketweb-table .heading-section{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pn-marketweb-table .heading-section{flex-direction:column}}.pn-marketweb-table .heading-section .heading-wrapper{display:flex;flex-direction:column}.pn-marketweb-table .heading-section .preamble-section{width:80%}.pn-marketweb-table .heading-section .main-heading{margin-bottom:1rem}.pn-marketweb-table .heading-section .summary{display:flex;height:7rem;justify-content:flex-end;gap:clamp(1rem, 4vw, 2rem)}@media (max-width: 768px){.pn-marketweb-table .heading-section .summary{justify-content:center}}.pn-marketweb-table .heading-section .sub-heading-section{background-color:#effbff;border-radius:1.6rem;display:flex;align-items:center;gap:clamp(0.6rem, 4vw, 1rem);padding:0.6rem 1.2rem;width:13.5rem}.pn-marketweb-table .heading-section .sub-heading-section .icon-container{background-color:#e0f8ff;border-radius:50%;padding:4px}.pn-marketweb-table .heading-section .sub-heading{font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .heading-section .sub-heading strong{color:#005d92;font-weight:700}.pn-marketweb-table .pn-marketweb-table__table{width:100%;border-collapse:collapse;margin-bottom:3.2rem;border:none}.pn-marketweb-table .pn-marketweb-table__table tr{border-bottom:1px solid #e9e6e5;position:relative;border-left:4px solid #ffffff;transition:all 0.7s ease}.pn-marketweb-table .pn-marketweb-table__table tr:last-child{border-bottom:none}.pn-marketweb-table .pn-marketweb-table__table tr:hover{border-left:4px solid #8eddf9;background:#effbff}.pn-marketweb-table .pn-marketweb-table__table tr.row-new-message,.pn-marketweb-table .pn-marketweb-table__table tr.row-new-messag:hover{border-left:4px solid #0aa85c;background:linear-gradient(90deg, rgb(220, 246, 231) 0%, rgb(237, 251, 243) 30%, rgb(255, 255, 255) 70%)}.pn-marketweb-table .pn-marketweb-table__table td{padding:1.6rem 1rem}.pn-marketweb-table .image-container{min-height:5.8rem}.pn-marketweb-table .cell-heading{color:#5e554a;font-size:clamp(0.875rem, 4vw, 1.2rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .cell-value{color:#2d2013;display:inline-block;font-size:clamp(1rem, 4vw, 1.5rem);font-weight:400;line-height:clamp(1.4rem, 4vw, 1.8rem);margin:0;padding:0.5rem 0}.pn-marketweb-table .row-image{border-radius:0.5rem}.pn-marketweb-table .actions{align-content:center;width:20%}.pn-marketweb-table .actions .button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:1.6rem}.pn-marketweb-table .actions .button-wrapper pn-button{min-width:50%}.pn-marketweb-table .actions .button-wrapper pn-button.toggle-widget{min-width:30%}.pn-marketweb-table .actions .button-wrapper .pn-button-text{white-space:nowrap}@media screen and (max-width: 768px){.pn-marketweb-table .actions .button-wrapper{justify-content:space-between;flex-direction:column}}@media screen and (max-width: 768px){.pn-marketweb-table tr{display:flex;flex-wrap:wrap}.pn-marketweb-table td:not(.cell-content){width:100%}.pn-marketweb-table td.cell-image{text-align:center}.pn-marketweb-table td.cell-content{flex:1 0 40%}.pn-marketweb-table td.cell-content::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:0.5em}.pn-marketweb-table td.actions .button-wrapper{gap:2rem}}@media (min-width: 768px){.pn-marketweb-table .row-image{max-width:80px}}.pn-marketweb-table .toggle-detail{display:none;color:#005d92;cursor:pointer;border:none;border-radius:3em;outline:none;position:relative;font-size:0.875em;min-width:5.5em;font-weight:500;background-color:transparent;justify-content:center;align-items:center;transition:color 0.3s;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:0.375em 1em;min-height:2em;line-height:1.65em;white-space:nowrap}.pn-marketweb-table .toggle-detail:hover{background-color:#e0f8ff;opacity:1}.pn-marketweb-table .shipment-id-active .button-wrapper{display:flex}.pn-marketweb-table tr td.cell-content:first-child .cell-value{font-weight:500}.pn-marketweb-table .pn-widget-wrapper{display:flex;justify-content:center}.pn-marketweb-table .shipment-id-active,.pn-marketweb-table .widget-row{background-color:#effbff}.pn-marketweb-table .pn-market-table__show-more-wrapper{display:flex;justify-content:center;width:100%}.row-new-message .button-wrapper:after{content:attr(data-label);background:#0aa85c;border-radius:0 0.4rem 0.4rem 0;color:#ffffff;display:block;position:absolute;left:0;top:0;font-size:1.4rem;padding:0 0.4rem}@media (min-width: 768px){.row-new-message .button-wrapper:after{background:#005e41;border-radius:0.4rem;left:auto;right:1.6rem;font-size:1.1rem;top:0.3rem}}";const m=p;const g=class{constructor(t){e(this,t);this.mainHeading=undefined;this.mainHeadingLevel="h2";this.preamble=undefined;this.subHeadingLevel="h3";this.headers=undefined;this.rows=undefined;this.showHeadersInCells=false;this.cellHeaderLevel="h3";this.tableRowCtaActionLabel=undefined;this.imageColAriaHeader=undefined;this.ctaColAriaHeader=undefined;this.checkForNewShipments=false;this.endpoint=undefined;this.language="sv";this.market=undefined;this.toggleDetailLabel="View details";this.checkForChat=false;this.value="";this.shipmentType=undefined;this.contentId="";this.takeAmountRow=2;this.shipmentCount=2;this.i18n=undefined;this._headers=[];this._rows=[];this._allKeys=new Set;this.screenInfo=undefined}screenWidth=c.getInstance();cleanup;_chatService;_chatSegment="#chat";_marketwebTableService;componentWillLoad(){this.setInitialValues();this.setTranslations();this._marketwebTableService=new b(this.endpoint,this.language);this.cleanup=this.screenWidth.subscribe((e=>{this.screenInfo=e}));if(this.checkForNewShipments){this._chatService=new r(this.endpoint,this.market,this.language);setInterval((()=>{this.checkForNewMessages()}),6e4)}}setTranslations(){if(h[this.language]){this.i18n=h[this.language]}else{const e="sv";this.i18n=h[e]}}onLanguageChange(){this.setTranslations()}async componentDidLoad(){if(this.checkForChat){const e=document.querySelector("pn-marketweb-table."+this.shipmentType);const t=e.querySelectorAll('[href*="#chat"]');const n=Array.from(t).filter((e=>e instanceof HTMLAnchorElement));this.OpenChatEvent(n)}}componentDidRender(){const e=document.querySelector("pn-marketweb-table[shipment-type="+this.shipmentType+"]");const t=e?.querySelectorAll("pn-button.toggle-widget");t?.forEach((e=>{const t=e.querySelector(".pn-button-text");if(t&&t.innerHTML!==this.i18n.toggleButtonOn){t.innerHTML=this.i18n.toggleButtonOn}const n=e.querySelector("button");if(n&&!n.hasAttribute("data-toggle-initialized")){n.addEventListener("click",this.toggleButton.bind(this));n.setAttribute("data-toggle-initialized","true")}}))}toggleButton(e){const t=e.currentTarget;const n=t.closest("tr");const a=t.closest("pn-button");const i=n.classList.contains("shipment-id-active");const r=document.querySelectorAll(".widget-row");r.forEach((e=>e.remove()));const l=document.querySelectorAll("tr");l.forEach((e=>e.classList.remove("shipment-id-active")));const d=document.querySelectorAll("pn-button.toggle-widget");d.forEach((e=>{e.setAttribute("icon",s);e.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOn}));if(i){return}t.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOff;n.classList.add("shipment-id-active");const c=document.createElement("tr");c.classList.add("widget-row");const h=document.createElement("td");h.colSpan=n.children.length;const b=document.createElement("div");b.classList.add("pn-widget-wrapper");const p=document.createElement("pn-widget");p.setAttribute("locale",this.language);p.setAttribute("shipment-id",t.id);b.appendChild(p);h.appendChild(b);c.appendChild(h);n.parentNode.insertBefore(c,n.nextSibling);a.setAttribute("icon",o)}handleShowMore=async()=>{let e=this._rows.length;let t=await this._marketwebTableService.getUserShipments(this.contentId,e,this.takeAmountRow,this.checkForChat);if(t){this._rows=[...this._rows,...t]}};async waitForComponent(e,t=10,n=300){for(let a=0;a<t;a++){const t=document.querySelector(e);if(t){return t}await new Promise((e=>setTimeout(e,n)))}return null}disconnectedCallback(){if(this.cleanup){this.cleanup()}}async checkForNewMessages(){for(let e=0;e<this._rows.length;e++){const t=this._rows[e];const n=t.id;if(n){const a=await this._chatService.hasNewMessages(n);if(t.hasNewMessages!==a){this._rows[e]={...t,hasNewMessages:a}}}}this._rows=[...this._rows]}setInitialValues(){try{this.parseRows();this.parseHeaders()}catch(e){console.error("Error parsing table data:",e);this._rows=[];this._headers=[]}}parseRows(){this._rows=typeof this.rows==="string"?JSON.parse(this.rows):this.rows;this._allKeys=new Set(this._rows.flatMap((e=>Object.keys(e))))}parseHeaders(){if(typeof this.headers==="string"){this._headers=JSON.parse(this.headers)}else if(this.headers){this._headers=this.headers}else{this._headers=Array.from(this._allKeys).map((e=>({key:e,label:e})))}}renderCellContent(e,t){const n=e.render?e.render(t):t[e.key]??"-";return n}renderCell(e,a){const s=this.renderCellContent(e,a);if(this.showHeadersInCells||this.screenInfo.width<=d.tablet){return t("div",{class:"cell-content",role:"cell"},t(i,{level:this.cellHeaderLevel,cssClass:"cell-heading",additionalProps:{"aria-hidden":"true",role:"presentation"}},e.label),t("span",{class:"cell-value"},s))}return t(n,null,s)}handleToggleClick=()=>{const e=document.querySelector(".trackandtracewidgetblock");if(e?.parentElement){e.parentElement.classList.toggle("hideRow")}};renderActionButtons(e){if(!e.actionButtons)return null;return t("td",{class:"actions",role:"cell"},t("div",{class:"button-wrapper",role:"group","aria-label":this.tableRowCtaActionLabel,"data-label":this.i18n.newMessage},e.actionButtons.map((e=>t("pn-button",{appearance:e.appearance,class:e.class,variant:e.variant,small:e.small,loading:e.loading,icon:e.icon,leftIcon:e.leftIcon,tooltip:e.tooltip,href:e.href,rel:e.rel,download:e.download,form:e.form,buttonId:e.buttonId,"icon-only":e.iconOnly,arialabel:e.content,"data-chat":e.customAttribute},e.content)))))}async OpenChatEvent(e){e.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=window?.location?.hash??"";const a=/#chat:([a-zA-Z0-9]+)(?=#|$)/;const i=e.href.match(a);const s=i?i[1]:"";const o=`${this._chatSegment}:${s}`;window.location.hash=o;this.waitForComponent("pn-chat").then((t=>{if(s){t.setAttribute("item-id",s)}else{t.setAttribute("item-id","")}let a=t.getAttribute("pn-chat-id");const i="00000000-0000-0000-0000-000000000000";const r="1";const l=a===i?r:i;let d=l;const c=e?.parentElement?.getAttribute("data-chat");if(c){d=c.split("").reverse().join("")}t.setAttribute("is-logged-in","true");t.setAttribute("pn-chat-id",d);if(n.includes(o)){let e=t.getAttribute("force-open")??"true";e=e==="true"?"false":"true";t.setAttribute("force-open",e)}}))}))}))}render(){const e=`table-${Math.random().toString(36)}`;const n=`${e}-main-heading`;return t(a,{key:"cfb4b87491bb70d4e5fba735909619585afa8bfe",language:this.language},t("div",{key:"508087740e83919bed00a2d0ba31c637b489dce9",class:"pn-marketweb-table"},t("div",{key:"8947c43938fd2fc6391c087e8c3906b0de7faee0",role:"region","aria-labelledby":this.mainHeading?n:undefined},t("div",{key:"706bd910aa99f0f2c64a68b089b1b22199951284",class:"heading-section"},t("div",{key:"54133893dab654e1448da97a053a0137b1080e9f",class:"heading-wrapper"},this.mainHeading&&t(i,{key:"3ff9b772fb8befe16bda6348d0e4fbec713a5270",level:this.mainHeadingLevel,cssClass:"main-heading",id:n},this.mainHeading),this.preamble&&t("div",{key:"6bbc362c9e475cf4a9509af9d141c4ec2471b0c0",class:"preamble-section"},this.preamble))),this._rows.length>0&&t("table",{key:"b70775247f377625a204bfedcd6e2e997d8a4faa",class:"pn-marketweb-table__table","aria-labelledby":this.mainHeading?`${e}-main-heading`:undefined},this._headers&&t("thead",{key:"c157534758a2e32bb1a433cf928ea3fc532b078e",class:this.showHeadersInCells?"sr-only":undefined},t("tr",{key:"168cb7c0e982ef0f4d8a418d09d397dc3bacf8be"},this._rows.some((e=>e.imageUrl))&&this.imageColAriaHeader&&t("th",{key:"726ebe1ab7284e0eabd63dd2322893b982991e41",scope:"col",class:"sr-only"},this.imageColAriaHeader),this._headers.map((e=>t("th",{key:e.key,scope:"col",class:"sr-only-mobile"},e.label))),this._rows.some((e=>e.link1||e.link2))&&this.ctaColAriaHeader&&t("th",{key:"2b9ffa6167300b3085c8b9d4a22ee1515ea3bf61",scope:"col",class:"sr-only"},this.ctaColAriaHeader))),t("tbody",{key:"b651f73c0d334407cdde0ba159e2ca455f2a239f",class:"pn-marketweb-table__table-body"},this._rows.slice(0,this.shipmentCount).map(((e,n)=>t("tr",{key:n,class:`cell-row ${e.hasNewMessages?"row-new-message":""}`},e.imageUrl&&t("td",{class:"cell-image"},t("div",{class:"image-container"},t("img",{src:e.imageUrl,alt:"",class:"row-image"}))),this._headers.map((a=>t("td",{key:`${n}-${a.key}`,class:"cell-content"},this.renderCell(a,e)))),this.renderActionButtons(e)))))),this.shipmentCount>this._rows.length&&t("div",{key:"ca427d1bdd7fa15e924270072087ccd64a621e87",class:"pn-market-table__show-more-wrapper"},t("pn-button",{key:"846f66c7de4412b033683ae47d58ef3fcd3784da",variant:"outlined",appearance:"light",label:this.i18n?.showMoreLabel||"Show More",onClick:()=>this.handleShowMore()})))))}static get watchers(){return{language:["onLanguageChange"]}}};g.style=m;export{g as pn_marketweb_table};
|
|
2
|
+
//# sourceMappingURL=p-2e585ed5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as i,d as n}from"./p-b3a13b6a.js";import{a as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as i,d as n}from"./p-b3a13b6a.js";import{a as o}from"./p-36b39340.js";const e="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const r=e;const a=class{constructor(i){t(this,i)}render(){return i(n,{key:"18f4debce00ea703ae0ec262219926c9d158945d"},i("div",{key:"25378928e06021a5c84f893de78022497f0c60c4",class:"cardcontent"},i("div",{key:"5fa50eb5d85a19854c7acc4cba08803d627222bd",class:"carddetails"},i("slot",{key:"d35ce25913f4801d318c490c7646f536aef50b08",name:"illustrationmobile"}),i("div",{key:"93b9656a686404540b3267a29d29759b3ed508af",class:"heading"},i("slot",{key:"827760771f181b1626147d829663283b5d7b050e",name:"title"}),i("slot",{key:"5b8beed915dc06dedc83da0946e49a0a571d76e4",name:"uppertags"})),i("slot",{key:"5146bca025c0c4acbdda1afef86c576d6332babb",name:"description"}),i("slot",{key:"09102a116101cecffc73ad08388c9aca2a728c1f",name:"information"}),i("slot",{key:"737170086d74da0383fb8d5c67b3006c17d50608",name:"bottomtags"})),i("div",{key:"62a48fe9515a5aac176dd906b9948589db71c638",class:"cardcalltoactions"},i("slot",{key:"68043dd0d7373482a0a0e7872771da98739bb0d0",name:"illustration"}),i("slot",{key:"efbb82c7d23f509316938b7bce971d731502ad53",name:"pricelink"}),i("slot",{key:"411b68aaa1f0de5b5c261bc0d089f06a0ddc04e7",name:"insurance"}))))}};a.style=r;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const c=d;const p=class{constructor(i){t(this,i);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return i(n,{key:"085d3dd80b91ac6c7b76b06078fa97c31491b588"},this.heading?i("h3",null,this.heading):null,this.highlight?i("h3",{class:"highlight"},this.highlight):null,this.description?i("span",null,this.description):null,this.list?i("ul",null,this.list.map((t=>i("li",null,t)))):null)}};p.style=c;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=l;const m=class{constructor(i){t(this,i);this.label=undefined;this.information=[]}render(){return i(n,{key:"3138ded954fc151ce4544b60bc2a5e75e69cc107"},i("div",{key:"0aa51b50ab4ab57245d84675a4a095ae5c90c2f0",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?i("div",{class:"cardinfocontent-item"},this.label?i("p",{class:"cardinfocontent-title"},i("strong",null,this.label)):null,this.information.map((t=>t?i("p",null,i("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};m.style=s;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const u=h;const b=class{constructor(i){t(this,i);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?i(n,null,this.price?i("h3",null,this.price," ",i("span",{class:"pn-pricelink-vat"},this.vatText)):null,i("pn-button",{small:"true",icon:o,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};b.style=u;export{a as pn_proxio_productcard,p as pn_proxio_productcard_description,m as pn_proxio_productcard_information,b as pn_proxio_productcard_pricelink};
|
|
2
|
+
//# sourceMappingURL=p-32bd2ff8.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as s,h as r,d as t}from"./p-b3a13b6a.js";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as s,h as r,d as t}from"./p-b3a13b6a.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const i=a;const o=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"0c2800a5ff59a29a2932257f625a86ec8217ab78"},r("div",{key:"d53c24cd81f61b5b71e8065b423108e70b37228e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"4bf2dd629ee729f680f75e0bdb25d60ab29463cb",class:"bonusprogressbar-top-heading"},r("h4",{key:"c23baca714b75a70374c164c4af5fee0ac3df1a8",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"aecfe379324384f06b23c648de1f902a6f233f62",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"c4186c08abbf122d0895f030a836b5adbd4b4a6c",class:"bonusprogressbar-wrapper"},r("progress",{key:"043df984daf3c135d4248c67e62d83ee4e1ea978",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"adc85d4228cbbc28aa2846b78f753660cd7e366a"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};o.style=i;export{o as pn_bonus_progressbar};
|
|
2
|
+
//# sourceMappingURL=p-32e3ed3a.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,g as a,h as e,d as t}from"./p-b3a13b6a.js";import{H as n}from"./p-885d59e8.js";const s='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-versa-card{display:flex;width:100%;height:100%;--versa-card-bg:transparent;--versa-card-heading-color:inherit;--versa-card-text-color:inherit;--versa-card-blockquote-border-color:inherit;--versa-link-color:#005d92;--versa-card-padding:1.6rem;--versa-card-heading-size:2.4rem;--versa-card-preamble-size:1.8rem;--versa-card-label-size:1.2rem;--rte-text-color:var(--versa-card-text-color);--rte-heading-color:var(--versa-card-heading-color);--rte-blockquote-border-color:var(--versa-card-blockquote-border-color);--rte-image-radius:1.6rem}pn-versa-card .pn-versa-card-label{display:block;font-size:var(--versa-card-label-size);text-transform:uppercase;margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card-heading{font-size:var(--versa-card-heading-size);margin:0 0 0.4rem 0;color:var(--versa-card-heading-color)}pn-versa-card .pn-versa-card-preamble{font-size:var(--versa-card-preamble-size);margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card{display:flex;flex-direction:column;width:100%;height:100%;gap:0.8rem;position:relative}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image],pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture,pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{display:block;width:100%;height:100%}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{border-radius:1.6rem;object-fit:cover}pn-versa-card .pn-versa-card .pn-versa-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:100%;gap:1.6rem;padding-bottom:1.6rem;--pn-link-current-color:var(--versa-link-color);--rte-link-color:var(--pn-link-current-color)}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent{display:flex;flex-direction:column;color:var(--versa-card-text-color);max-width:70rem;width:100%;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{display:flex;align-items:center;min-height:4.8rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.6rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a{margin-bottom:0}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] pn-button[appearance=light]{color:unset}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button){color:var(--pn-link-current-color);text-decoration:none;font-weight:400}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button):hover{text-decoration:underline}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasBg{position:relative;padding:var(--versa-card-padding);border-radius:1.6rem;background-color:transparent}pn-versa-card .pn-versa-card-hasBg::before{content:"";position:absolute;inset:0;background-color:var(--versa-card-bg);border-radius:inherit;z-index:0;pointer-events:none;opacity:1}pn-versa-card .pn-versa-card-hasBg>*{position:relative;z-index:1}pn-versa-card .pn-versa-card-hasBg .pn-versa-card-content{padding-bottom:0}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground::before{opacity:0.9}pn-versa-card .pn-versa-card-hasImageCover{padding:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper{height:100%;margin-bottom:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper [slot=image] picture img{width:100%;height:100%;object-fit:cover}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText{--pn-versa-hover-overlay-alpha:var(--pn-versa-opacity, 0.85)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper{position:relative;height:100%}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before,pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{content:"";position:absolute;inset:0;border-radius:1.6rem;pointer-events:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before{background:radial-gradient(circle, rgba(13, 35, 75, 0.8) 7%, rgba(13, 35, 75, 0) 100%);z-index:1}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{background-color:rgba(13, 35, 75, var(--pn-versa-hover-overlay-alpha));opacity:0;transition:opacity 1s;z-index:2}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper [slot=image] picture img{position:relative;z-index:0}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.4rem;max-width:unset;color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.5);--pn-link-current-color:#ffffff;--rte-text-color:#ffffff;--rte-heading-color:#ffffff;--rte-blockquote-text-color:#ffffff;--rte-blockquote-border-color:rgba(255, 255, 255, 0.8);--rte-quote-author-color:#ffffff;--rte-quote-author-bg:rgba(255, 255, 255, 0.16)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content a{color:var(--pn-link-current-color);text-shadow:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content pn-button[appearance=light] a{color:#005d92}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText:hover .pn-versa-card-imageWrapper::after{opacity:1}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:auto;height:auto}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{aspect-ratio:1/1;width:100%;height:100%;max-width:12rem;border-radius:50%}pn-versa-card .pn-versa-card-horizontal{flex-direction:column}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper [slot=image] picture img{height:100%}pn-versa-card .pn-versa-card-center .pn-versa-card-imageWrapper{align-self:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content{align-items:center;text-align:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle .pn-versa-card-content{height:auto}pn-versa-card[data-card-color=white]{--versa-card-bg:#ffffff}pn-versa-card[data-card-color=blue25]{--versa-card-bg:#effbff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue50]{--versa-card-bg:#e0f8ff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue400]{--versa-card-bg:#00a0d6}pn-versa-card[data-card-color=blue900]{--versa-card-bg:#0d234b;--versa-card-heading-color:#8eddf9;--versa-card-text-color:#ffffff;--versa-card-blockquote-border-color:#ffffff;--versa-link-color:#ffffff}pn-versa-card[data-card-color=coral25]{--versa-card-bg:#fef7f6;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=coral50]{--versa-card-bg:#fdefee;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=green25]{--versa-card-bg:#edfbf3;--versa-card-blockquote-border-color:#5ec584}pn-versa-card[data-card-color=green50]{--versa-card-bg:#dcf6e7;--versa-card-blockquote-border-color:#5ec584}@media (min-width: 600px){pn-versa-card .pn-versa-card-horizontal{flex-direction:row;gap:3.2rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper,pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{flex:1}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper{height:auto}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper [slot=image] picture img{height:auto;position:sticky;top:1.6rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{width:50%;box-sizing:border-box;justify-content:flex-start}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:2.4rem}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-horizontal--imgRight{flex-direction:row-reverse}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper{height:100%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-imageWrapper{align-self:auto}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content{align-items:stretch;text-align:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper{align-self:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-alignMiddle .pn-versa-card-content{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:50%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{max-width:unset}}@media (min-width: 1440px){pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:3.2rem}}pn-versa-card .versa-card-cta-link-animated pn-icon{position:relative;left:-0.3rem;transition:0.3s ease-in-out}pn-versa-card .versa-card-cta-link-animated:hover pn-icon{left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte]{color:var(--rte-text-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a{text-decoration:underline}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a:not(.pn-button){color:var(--rte-link-color, currentColor)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h1{font-size:var(--rte-h1-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h2{font-size:var(--rte-h2-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h3{font-size:var(--rte-h3-size, 2rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h4{font-size:var(--rte-h4-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h5{font-weight:var(--rte-h5-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h6{font-weight:var(--rte-h6-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] strong{font-weight:var(--rte-strong-weight, 500)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ul{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ol{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .flex-bullet-list{padding-left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table{display:block;width:100%;max-width:100%;overflow-x:auto;margin-bottom:var(--rte-table-margin-bottom, 2.4rem);padding:var(--rte-table-padding, 0.8rem);border:none;border-radius:var(--rte-table-radius, 0.8rem);background:var(--rte-table-bg, #fff)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table.table-tiny-mce th{background:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] th{padding:var(--rte-th-padding, 0.8rem);min-width:var(--rte-th-min-width, 20rem);text-align:left;font-weight:var(--rte-th-font-weight, 500);background:var(--rte-th-bg, #effbff);border:var(--rte-th-border-width, 3px) solid var(--rte-th-border-color, #e0f8ff);color:var(--rte-th-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] td{padding:var(--rte-td-padding, 0.8rem);min-width:var(--rte-td-min-width, 20rem);text-align:left;border:var(--rte-td-border-width, 1px) solid var(--rte-td-border-color, #e2e2e2);background:var(--rte-td-bg, #fff);color:var(--rte-td-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote{padding-left:var(--rte-blockquote-padding-left, 1.6rem);margin:var(--rte-blockquote-margin, 1.6rem 0);border-left:var(--rte-blockquote-border-width, 0.4rem) solid var(--rte-blockquote-border-color, currentColor);border-radius:var(--rte-blockquote-radius, 0);color:var(--rte-blockquote-text-color, inherit);background:var(--rte-blockquote-bg, transparent)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote p{margin:var(--rte-blockquote-paragraph-margin, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote em{display:inline-block;font-style:normal;margin-top:var(--rte-quote-author-margin-top, 0.8rem);font-size:var(--rte-quote-author-font-size, 1.4rem);padding:var(--rte-quote-author-padding, 0.4rem);border-radius:var(--rte-quote-author-radius, 0.4rem);background:var(--rte-quote-author-bg, rgba(255, 255, 255, 0.1));color:var(--rte-quote-author-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .accordionblock-title{font-size:var(--rte-accordion-title-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] img{border-radius:var(--rte-image-radius, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__Element{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .FormSubmitButton .btn{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__MainBody section>div{margin-bottom:var(--rte-forms-spacing, 1.6rem) !important}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .pn-quote-card__section{max-width:none !important;background-color:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .quoteblock-section .pn-quote-card__section .pn-quote-card__quote{border:none !important;padding-left:0 !important}.onethirdwidth pn-versa-card{--rte-forms-spacing:1.2rem}@media (min-width: 992px){.onequarterwidth pn-versa-card{--versa-card-padding:0.8rem;--versa-card-heading-size:2rem;--versa-card-preamble-size:1.7rem;--versa-card-label-size:1.1rem;--rte-h2-size:2rem;--rte-h3-size:1.8rem;--rte-h4-size:1.6rem}.halfwidth pn-versa-card,.fullwidth pn-versa-card{--rte-blockquote-margin:2.4rem 0}}';const c=s;const o=class{constructor(a){r(this,a);this.label=undefined;this.heading=undefined;this.preamble=undefined;this.imageGrow=false;this.horizontal=false;this.imgAlignment="left";this.hasImageCover=false;this.alignMiddle=false;this.center=false;this.roundImage=false;this.headingLevel="h3";this.opacity=90;this.transparentBackground=false;this.showImage=false;this.showRte=false;this.showCta=false}get hostElement(){return a(this)}cx(r){return r.filter(Boolean).join(" ")}get hasImageCoverText(){return!!(this.label||this.heading||this.preamble||this.showRte||this.showCta)}get normalizedOpacity(){return Math.min(100,Math.max(0,this.opacity??90))}get cardColor(){const r=this.hostElement.getAttribute("data-card-color")?.trim().toLowerCase();return r||null}get hasBg(){return!!this.cardColor}get cardClass(){return this.cx(["pn-versa-card",this.horizontal&&"pn-versa-card-horizontal",this.horizontal&&this.imgAlignment==="right"&&"pn-versa-card-horizontal--imgRight",this.hasBg&&"pn-versa-card-hasBg",this.hasImageCover&&"pn-versa-card-hasImageCover",this.hasImageCover&&this.hasImageCoverText&&"pn-versa-card-hasImageCoverText",this.roundImage&&"pn-versa-card-hasRoundedImage",this.center&&"pn-versa-card-center",this.alignMiddle&&"pn-versa-card-alignMiddle",this.imageGrow&&"pn-versa-card-imageGrow",this.hasBg&&this.transparentBackground&&"pn-versa-card-transparentBackground"])}get showContent(){return this.showTextContent||this.showCta}get showTextContent(){return!!(this.label||this.heading||this.preamble||this.showRte)}componentWillLoad(){this.showImage=!!this.hostElement.querySelector('[slot="image"]');this.showRte=!!this.hostElement.querySelector('[slot="rte"]');this.showCta=!!this.hostElement.querySelector('[slot="cta"]')}render(){return e(t,{key:"68795fe8f1d2c350e5a75587f4f3a4c5c7aa36c9"},e("div",{key:"56ed337bc840a49cb2cabac58296816a863476d0",class:this.cardClass,style:{"--pn-versa-opacity":`${this.normalizedOpacity/100}`}},this.showImage&&e("div",{key:"819b335ef80afc4a7acdcdc4b8de3aa778f5848b",class:"pn-versa-card-imageWrapper"},e("slot",{key:"29ec92758424d1ab78ec647a88960b30ef831296",name:"image"})),this.showContent&&e("div",{key:"52f708312839f2026574e4c26e4d5cc7dd19d9c7",class:"pn-versa-card-content"},this.showTextContent&&e("div",{key:"f945d3960dab715386493f01d798d81eec49f47d",class:"pn-versa-card-textContent"},this.label&&e("span",{key:"acf5de375907dbf4699d450cd8f358a68475808d",class:"pn-versa-card-label"},this.label),this.heading&&e(n,{key:"e2cdc9c1662c77184010fc6a5179b47959a637e9",cssClass:"pn-versa-card-heading",level:this.headingLevel},this.heading),this.preamble&&e("p",{key:"82c6e264660a5acc5227f9db0f0a7c5777e37d83",class:"pn-versa-card-preamble"},this.preamble),this.showRte&&e("div",{key:"1025d88c618f24e63d8b75cf3fb62262d98015e0",class:"pn-versa-card-RTEtext"},e("slot",{key:"ec7cadcd2950cdb5d697f1bdd059d5ece1473168",name:"rte"}))),this.showCta&&e("div",{key:"7ae363ccac0b3ea35559c97d0a45b8629c8c310e",class:"pn-versa-card-linkwrapper"},e("slot",{key:"e0d30dd052fab2dd5a3af805f67628b26e71750b",name:"cta"})))))}};o.style=c;export{o as pn_versa_card};
|
|
2
|
+
//# sourceMappingURL=p-3c69298b.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["pnVersaCardCss","PnVersaCardStyle0","PnVersaCard","cx","parts","filter","Boolean","join","hasImageCoverText","this","label","heading","preamble","showRte","showCta","normalizedOpacity","Math","min","max","opacity","cardColor","value","hostElement","getAttribute","trim","toLowerCase","hasBg","cardClass","horizontal","imgAlignment","hasImageCover","roundImage","center","alignMiddle","imageGrow","transparentBackground","showContent","showTextContent","componentWillLoad","showImage","querySelector","render","h","Host","key","class","style","name","HeadingTag","cssClass","level","headingLevel"],"sources":["src/components/cards/pn-versa-card/pn-versa-card.scss?tag=pn-versa-card","src/components/cards/pn-versa-card/pn-versa-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$versa-card-radius: rem16(16px);\n$versa-card-gap: rem16(8px);\n$versa-card-content-gap: rem16(16px);\n$versa-card-content-padding-bottom: rem16(16px);\n$versa-card-text-max-width: rem16(700px);\n$versa-card-cover-padding: rem16(24px);\n$versa-card-horizontal-gap: rem16(32px);\n$versa-card-horizontal-padding: rem16(24px);\n$versa-card-horizontal-padding-lg: rem16(32px);\n$versa-card-sticky-top: rem16(16px);\n\n$versa-card-meta-margin-bottom: rem16(4px);\n$versa-card-cta-gap: rem16(16px);\n$versa-card-cta-min-height: rem16(48px);\n$versa-card-rounded-image-max-width: rem16(120px);\n\n$versa-card-cover-overlay-rgb: rgb(13, 35, 75);\n$versa-card-cover-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8),\n 0 4px 12px rgba(0, 0, 0, 0.5);\n\n$versa-card-cta-icon-offset: -0.3rem;\n$versa-card-cta-transition: 0.3s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Root / design tokens\n// CSS variables are kept for styling + contextual overrides\n// -----------------------------------------------------------------------------\npn-versa-card {\n display: flex;\n width: 100%;\n height: 100%;\n\n --versa-card-bg: transparent;\n --versa-card-heading-color: inherit;\n --versa-card-text-color: inherit;\n --versa-card-blockquote-border-color: inherit;\n --versa-link-color: #{$blue700};\n\n --versa-card-padding: #{rem16(16px)};\n --versa-card-heading-size: #{rem16(24px)};\n --versa-card-preamble-size: #{rem16(18px)};\n --versa-card-label-size: #{rem16(12px)};\n\n --rte-text-color: var(--versa-card-text-color);\n --rte-heading-color: var(--versa-card-heading-color);\n --rte-blockquote-border-color: var(--versa-card-blockquote-border-color);\n --rte-image-radius: #{$versa-card-radius};\n\n .pn-versa-card-label {\n display: block;\n font-size: var(--versa-card-label-size);\n text-transform: uppercase;\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n\n .pn-versa-card-heading {\n font-size: var(--versa-card-heading-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n color: var(--versa-card-heading-color);\n }\n\n .pn-versa-card-preamble {\n font-size: var(--versa-card-preamble-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n}\n\n// -----------------------------------------------------------------------------\n// Base structure\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n gap: $versa-card-gap;\n position: relative;\n\n .pn-versa-card-imageWrapper {\n\n [slot='image'],\n [slot='image'] picture,\n [slot='image'] picture img {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n [slot='image'] picture img {\n border-radius: $versa-card-radius;\n object-fit: cover;\n }\n }\n\n .pn-versa-card-content { \n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width:100%;\n max-width: 100%;\n gap: $versa-card-content-gap;\n padding-bottom: $versa-card-content-padding-bottom;\n\n --pn-link-current-color: var(--versa-link-color);\n --rte-link-color: var(--pn-link-current-color);\n\n .pn-versa-card-textContent {\n display: flex;\n flex-direction: column;\n color: var(--versa-card-text-color);\n max-width: $versa-card-text-max-width;\n width:100%;\n margin:0 auto;\n }\n\n .pn-versa-card-linkwrapper {\n display: flex;\n align-items: center;\n min-height: $versa-card-cta-min-height;\n width: 100%;\n\n [slot='cta'] {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: $versa-card-cta-gap;\n width: 100%;\n\n a {\n margin-bottom: 0;\n }\n\n pn-button[appearance='light'] {\n color: unset;\n }\n\n a:not(.pn-button) {\n color: var(--pn-link-current-color);\n text-decoration: none;\n font-weight: 400;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Modifiers (visual / state)\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-hasBg {\n position: relative;\n padding: var(--versa-card-padding);\n border-radius: $versa-card-radius;\n background-color: transparent;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--versa-card-bg);\n border-radius: inherit;\n z-index: 0;\n pointer-events: none;\n opacity: 1;\n }\n\n >* {\n position: relative;\n z-index: 1;\n }\n\n .pn-versa-card-content {\n padding-bottom: 0;\n }\n\n &.pn-versa-card-transparentBackground::before {\n opacity: 0.9;\n }\n }\n\n .pn-versa-card-hasImageCover {\n padding: 0;\n\n .pn-versa-card-imageWrapper {\n height: 100%;\n margin-bottom: 0;\n\n [slot='image'] picture img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &.pn-versa-card-hasImageCoverText {\n --pn-versa-hover-overlay-alpha: var(--pn-versa-opacity, 0.85);\n\n .pn-versa-card-imageWrapper {\n position: relative;\n height: 100%;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: $versa-card-radius;\n pointer-events: none;\n }\n\n &::before {\n background: radial-gradient(circle,\n rgba($versa-card-cover-overlay-rgb, 0.8) 7%,\n rgba($versa-card-cover-overlay-rgb, 0) 100%);\n z-index: 1;\n }\n\n &::after {\n background-color: rgba($versa-card-cover-overlay-rgb, var(--pn-versa-hover-overlay-alpha));\n opacity: 0;\n transition: opacity 1s;\n z-index: 2;\n }\n\n [slot='image'] picture img {\n position: relative;\n z-index: 0;\n }\n }\n\n .pn-versa-card-content {\n position: absolute;\n inset: 0;\n z-index: 3;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n padding: $versa-card-cover-padding;\n max-width: unset;\n\n color: #{$white};\n text-shadow: $versa-card-cover-text-shadow;\n\n --pn-link-current-color: #{$white};\n --rte-text-color: #{$white};\n --rte-heading-color: #{$white};\n --rte-blockquote-text-color: #{$white};\n --rte-blockquote-border-color: rgba(255, 255, 255, 0.8);\n --rte-quote-author-color: #{$white};\n --rte-quote-author-bg: rgba(255, 255, 255, 0.16);\n\n a {\n color: var(--pn-link-current-color);\n text-shadow: none;\n }\n\n pn-button[appearance='light'] a {\n color: $blue700;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n\n &:hover .pn-versa-card-imageWrapper::after {\n opacity: 1;\n }\n }\n }\n\n .pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: auto;\n height: auto;\n\n [slot='image'] picture img {\n aspect-ratio: 1 / 1;\n width: 100%;\n height: 100%;\n max-width: $versa-card-rounded-image-max-width;\n border-radius: 50%;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Layout + alignment\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: column;\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n [slot='image'] picture img {\n height: 100%;\n }\n }\n }\n }\n\n .pn-versa-card-center {\n .pn-versa-card-imageWrapper {\n align-self: center;\n }\n\n .pn-versa-card-content {\n align-items: center;\n text-align: center;\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n \n .pn-versa-card-alignMiddle { \n \n justify-content: center;\n\n \n .pn-versa-card-content { \n height: auto;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Theme / colors\n// -----------------------------------------------------------------------------\npn-versa-card {\n &[data-card-color='white'] {\n --versa-card-bg: #{$white};\n }\n\n &[data-card-color='blue25'] {\n --versa-card-bg: #{$blue25};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue50'] {\n --versa-card-bg: #{$blue50};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue400'] {\n --versa-card-bg: #{$blue400};\n }\n\n &[data-card-color='blue900'] {\n --versa-card-bg: #{$blue900};\n --versa-card-heading-color: #{$blue200};\n --versa-card-text-color: #{$white};\n --versa-card-blockquote-border-color: #{$white};\n --versa-link-color: #{$white};\n }\n\n &[data-card-color='coral25'] {\n --versa-card-bg: #{$coral25};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='coral50'] {\n --versa-card-bg: #{$coral50};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='green25'] {\n --versa-card-bg: #{$green25};\n --versa-card-blockquote-border-color: #{$green400};\n }\n\n &[data-card-color='green50'] {\n --versa-card-bg: #{$green50};\n --versa-card-blockquote-border-color: #{$green400};\n }\n}\n\n// -----------------------------------------------------------------------------\n// Responsive\n// -----------------------------------------------------------------------------\n@media (min-width: 600px) {\n pn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: row;\n gap: $versa-card-horizontal-gap;\n\n .pn-versa-card-imageWrapper,\n .pn-versa-card-content {\n flex: 1;\n }\n\n .pn-versa-card-imageWrapper {\n height: auto;\n\n [slot='image'] picture img {\n height: auto;\n position: sticky;\n top: $versa-card-sticky-top;\n }\n }\n\n .pn-versa-card-content {\n width: 50%;\n box-sizing: border-box;\n justify-content: flex-start;\n }\n\n &.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding;\n }\n\n &.pn-versa-card-horizontal--imgRight {\n flex-direction: row-reverse;\n }\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n height: 100%;\n }\n }\n\n &.pn-versa-card-center {\n .pn-versa-card-imageWrapper {\n align-self: auto;\n }\n\n .pn-versa-card-content {\n align-items: stretch;\n text-align: center;\n\n .pn-versa-card-textContent,\n .pn-versa-card-linkwrapper {\n align-self: center;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n\n &.pn-versa-card-alignMiddle {\n .pn-versa-card-content { \n justify-content: center; //overrides mobile alignMiddle which sets justify-content to space-between\n }\n }\n\n &.pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: 50%;\n\n [slot='image'] picture img {\n max-width: unset;\n }\n }\n }\n }\n }\n}\n\n@media (min-width: 1440px) {\n pn-versa-card {\n .pn-versa-card-horizontal.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding-lg;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CTA animation\n// -----------------------------------------------------------------------------\npn-versa-card {\n .versa-card-cta-link-animated {\n pn-icon {\n position: relative;\n left: $versa-card-cta-icon-offset;\n transition: $versa-card-cta-transition;\n }\n\n &:hover pn-icon {\n left: 0;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// RTE\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-RTEtext {\n [slot='rte'] {\n @include shared-rte;\n\n .pn-quote-card__section {\n max-width: none !important;\n background-color: transparent;\n }\n\n .quoteblock-section .pn-quote-card__section .pn-quote-card__quote {\n border: none !important;\n padding-left: 0 !important;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CMS Width Overrides\n// -----------------------------------------------------------------------------\n.onethirdwidth {\n pn-versa-card {\n --rte-forms-spacing: #{rem16(12px)};\n }\n}\n\n@media (min-width: 992px) {\n .onequarterwidth {\n pn-versa-card {\n --versa-card-padding: #{rem16(8px)};\n --versa-card-heading-size: #{rem16(20px)};\n --versa-card-preamble-size: #{rem16(17px)};\n --versa-card-label-size: #{rem16(11px)};\n\n --rte-h2-size: #{rem16(20px)};\n --rte-h3-size: #{rem16(18px)};\n --rte-h4-size: #{rem16(16px)};\n }\n }\n\n .halfwidth,\n .fullwidth {\n pn-versa-card {\n --rte-blockquote-margin: #{rem16(24px)} 0;\n }\n }\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n Component,\n Element,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n/** A short description about `pn-versa-card` */\n@Component({\n tag: 'pn-versa-card',\n styleUrl: 'pn-versa-card.scss',\n})\nexport class PnVersaCard {\n\n @Element() hostElement: HTMLElement;\n\n @Prop() label?: string;\n @Prop() heading?: string;\n @Prop() preamble?: string;\n @Prop() imageGrow = false;\n\n // Layout / modifiers\n @Prop() horizontal = false;\n @Prop() imgAlignment?: 'left' | 'right' = 'left';\n @Prop() hasImageCover = false;\n @Prop() alignMiddle = false;\n @Prop() center = false;\n\n @Prop() roundImage = false;\n @Prop() headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n @Prop() opacity: number = 90;\n @Prop() transparentBackground = false;\n\n private cx(parts: Array<string | false | null | undefined>) {\n return parts.filter(Boolean).join(' ');\n }\n\n private get hasImageCoverText(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte || this.showCta);\n }\n\n private get normalizedOpacity(): number {\n return Math.min(100, Math.max(0, this.opacity ?? 90));\n }\n\n // This getter reads the data-card-color attribute, which is used to set CSS variables for background and text colors in the SCSS file. It returns the color value or null if not set.\n private get cardColor() {\n const value = this.hostElement.getAttribute('data-card-color')?.trim().toLowerCase();\n return value || null;\n }\n\n private get hasBg(): boolean {\n return !!this.cardColor;\n }\n\n private get cardClass() {\n\n return this.cx([\n 'pn-versa-card',\n\n // modifiers \n this.horizontal && 'pn-versa-card-horizontal',\n this.horizontal && this.imgAlignment === 'right' && 'pn-versa-card-horizontal--imgRight',\n this.hasBg && 'pn-versa-card-hasBg',\n this.hasImageCover && 'pn-versa-card-hasImageCover', // can be true without text, just means image covers whole card without text on top\n this.hasImageCover && this.hasImageCoverText && 'pn-versa-card-hasImageCoverText', //has to have imageCover true AND imageCoverText in order for class to be set\n this.roundImage && 'pn-versa-card-hasRoundedImage',\n this.center && 'pn-versa-card-center',\n this.alignMiddle && 'pn-versa-card-alignMiddle',\n this.imageGrow && 'pn-versa-card-imageGrow',\n this.hasBg && this.transparentBackground && 'pn-versa-card-transparentBackground',\n\n ]);\n }\n\n private get showContent(): boolean {\n return this.showTextContent || this.showCta;\n }\n\n private get showTextContent(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte);\n }\n\n @State() showImage: boolean = false;\n @State() showRte: boolean = false;\n @State() showCta: boolean = false;\n\n componentWillLoad() {\n this.showImage = !!this.hostElement.querySelector('[slot=\"image\"]');\n this.showRte = !!this.hostElement.querySelector('[slot=\"rte\"]');\n this.showCta = !!this.hostElement.querySelector('[slot=\"cta\"]');\n\n }\n\n render() {\n return (\n <Host>\n <div class={this.cardClass} style={{ '--pn-versa-opacity': `${this.normalizedOpacity / 100}` }}>\n {this.showImage && (\n <div class=\"pn-versa-card-imageWrapper\">\n <slot name=\"image\" />\n </div>)}\n {this.showContent && (\n <div class=\"pn-versa-card-content\">\n {this.showTextContent && <div class=\"pn-versa-card-textContent\">\n {this.label && (\n <span class=\"pn-versa-card-label\">{this.label}</span>\n )}\n\n {this.heading && (\n <HeadingTag cssClass=\"pn-versa-card-heading\" level={this.headingLevel}>{this.heading}</HeadingTag>\n )}\n\n {this.preamble && (\n <p class=\"pn-versa-card-preamble\">{this.preamble}</p>\n )}\n\n {this.showRte && <div class=\"pn-versa-card-RTEtext\">\n <slot name=\"rte\" />\n </div>\n }\n </div>}\n\n {this.showCta && <div class=\"pn-versa-card-linkwrapper\">\n <slot name=\"cta\" />\n </div>}\n\n </div>\n )}\n </div>\n </Host>\n );\n }\n}"],"mappings":"wFAAA,MAAMA,EAAiB,46dACvB,MAAAC,EAAeD,E,MCcFE,EAAW,M,4GAOF,M,gBAGC,M,kBACqB,O,mBAClB,M,iBACF,M,YACL,M,gBAEI,M,kBAC2C,K,aAEtC,G,2BACM,M,eAoDF,M,aACF,M,aACA,K,kCApDpB,EAAAC,CAAGC,GACT,OAAOA,EAAMC,OAAOC,SAASC,KAAK,I,CAGpC,qBAAYC,GACV,SAAUC,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,SAAWJ,KAAKK,Q,CAGhF,qBAAYC,GACV,OAAOC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGT,KAAKU,SAAW,I,CAInD,aAAYC,GACV,MAAMC,EAAQZ,KAAKa,YAAYC,aAAa,oBAAoBC,OAAOC,cACvE,OAAOJ,GAAS,I,CAGlB,SAAYK,GACV,QAASjB,KAAKW,S,CAGhB,aAAYO,GAEV,OAAOlB,KAAKN,GAAG,CACb,gBAGAM,KAAKmB,YAAc,2BACnBnB,KAAKmB,YAAcnB,KAAKoB,eAAiB,SAAW,qCACpDpB,KAAKiB,OAAS,sBACdjB,KAAKqB,eAAiB,8BACtBrB,KAAKqB,eAAiBrB,KAAKD,mBAAqB,kCAChDC,KAAKsB,YAAc,gCACnBtB,KAAKuB,QAAU,uBACfvB,KAAKwB,aAAe,4BACpBxB,KAAKyB,WAAa,0BAClBzB,KAAKiB,OAASjB,KAAK0B,uBAAyB,uC,CAKhD,eAAYC,GACV,OAAO3B,KAAK4B,iBAAmB5B,KAAKK,O,CAGtC,mBAAYuB,GACV,SAAU5B,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,Q,CAOhE,iBAAAyB,GACE7B,KAAK8B,YAAc9B,KAAKa,YAAYkB,cAAc,kBAClD/B,KAAKI,UAAYJ,KAAKa,YAAYkB,cAAc,gBAChD/B,KAAKK,UAAYL,KAAKa,YAAYkB,cAAc,e,CAIlD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAKkB,UAAWmB,MAAO,CAAE,qBAAsB,GAAGrC,KAAKM,kBAAoB,QACpFN,KAAK8B,WACJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WAEdtC,KAAK2B,aACJM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACRpC,KAAK4B,iBAAmBK,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACjCpC,KAAKC,OACJgC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,uBAAuBpC,KAAKC,OAGzCD,KAAKE,SACJ+B,EAACM,EAAU,CAAAJ,IAAA,2CAACK,SAAS,wBAAwBC,MAAOzC,KAAK0C,cAAe1C,KAAKE,SAG9EF,KAAKG,UACJ8B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,0BAA0BpC,KAAKG,UAGzCH,KAAKI,SAAW6B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,UAKdtC,KAAKK,SAAW4B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,W","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,g as n,h as o,d as i}from"./p-b3a13b6a.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-4ed69de7.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-multi-row-connected-dropdown-row{gap:1rem}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"3be033df5e2edc072e18e40c6a6d37f3819b24a7"},o("div",{key:"6602ef69148d4ef7039535da7dd53577eb719b25",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"ed1e95a309aec8aaf19436f6a49f42a82c023bc4",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"a89291b971da7187d42b460daea34df929711db1",class:"connected-dropdown__row__no-margin"},o("label",{key:"856d9c8b242b8c370a9cbd34d3d0990c8d8db421"},this.label)),o("div",{key:"5f53d80b080791a863597025e7188519673a53c3",class:"connected-dropdown__row button-row"},o("div",{key:"a598274d0e043aca1c89be26a230db668c20546b",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"8ae7a14c1769d89506fa62e51b86b59b10189a5e",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"72c10a8a182e840a8032385ce27aae68ac84833d",class:"connected-dropdown__row input-row"},o("pn-select",{key:"3e29caeb46483b04ddf3ac5fb28949bb770a3e04",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"eb528f92d2117c7ef3e2f8ee7e4efd397da58259",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"e37abf8454e0908717b123d542cc7f5066f9a73e",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"7d0d552bc1383afbf577d39e929e8422ac03c085",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"afd24254729348dcbb75ae98259f973319196da5",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,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?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"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})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"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}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,g as n,h as o,d as i}from"./p-b3a13b6a.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-4ed69de7.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-multi-row-connected-dropdown-row{gap:1rem}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"0b153d46f1b7a22b5c57b6f7052f4dfd8bd007f9"},o("div",{key:"34acbc01a25bc614a1b3b6afcda9cee5a3b8db45",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"f6400bf9276c6cb954140e21f8fd860ffdc56d61",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"81c12c13d5990e53b6508477475692ada070af8e",class:"connected-dropdown__row__no-margin"},o("label",{key:"8f9f11bca997d1cec353d608f1636fcb908a5307"},this.label)),o("div",{key:"6f5659889a7e0ded8f8666094ce1f9af62f414a8",class:"connected-dropdown__row button-row"},o("div",{key:"8adb6c2363477e36fa818481869142547818999c",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"1802e68e75ab0bbe59324e758a22e15470634023",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"dd35b8e6d657e4a7a2d8156a01c53cfb7bce053f",class:"connected-dropdown__row input-row"},o("pn-select",{key:"a4086f4b9fcff516692c98c96fea963bce517b5b",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"3a063ba06c90ac19809358c0dde6216b8bc11d25",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"a2d3408fee103aadf6bbfdd8f24ace9dbb05af82",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"90fd6aced7ee6a573cd32ebc8443c7e6b1f0e1a8",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"c4553fcd91aa1a587d66ed64ef9a2c5a3ec3d130",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,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?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"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})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"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}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
|
|
2
|
+
//# sourceMappingURL=p-3f268359.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as n,g as e,h as t,d as a}from"./p-b3a13b6a.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";const o=i;const r=class{constructor(e){n(this,e);this.heading=null;this.subHeading=null;this.preamble=null;this.animateLogo=false;this.showSideLoader=true;this.centeredLayout=false}get hostElement(){return e(this)}hasCtaButtonSlot=false;animateSideloader=false;async componentWillLoad(){this.hasCtaButtonSlot=!!this.hostElement.querySelector('[slot="hero-international-cta"]')}componentDidLoad(){if(this.animateLogo){const n=this.hostElement.querySelector(".hero-international__content__logo-col__image");const e=this.hostElement.querySelector(".hero-international__side-loader--animate");this.animateSideloader=true;if(n){n.classList.add("animate-in")}if(e){e.classList.add("animate-in")}}}render(){return t(a,{key:"29a1cbf6af742f1c9a7b5cc3554600c46e8d9385",class:`hero-international ${this.centeredLayout?"hero-international--centered-layout":""} ${this.animateLogo?"hero-international--animate":""}`},t("div",{key:"80efe44f05675ceaba7533ff198f8697565c5638",class:"hero-international__content"},t("div",{key:"8a7523d6354528218e36c98ad9445c13b4637f80",class:"flex-wrapper"},t("div",{key:"9cf9f7758c031b2ff7f54c07c9467894cc5d8ffe",class:"content-col"},t("span",{key:"cdca9a270bb61f15cde5da19bf7dda780e4895bf",class:"hero-international__content__site-tag"},"International"),t("h1",{key:"4068c56efd71f7692ba3341899e6820b77ca12ab",class:"hero-international__content__heading"},this.heading," ",t("span",{key:"dd74bfe566c7225f8f30d786512e23f3b5bdb209"},this.subHeading)),t("p",{key:"aeb3a5b81b381c4306aea57b28c9fc32f4e845ad",class:"hero-international__content__preamble"},this.preamble),this.hasCtaButtonSlot&&t("div",{key:"3c00c3fbc7fd42a08735f17ba1ef8dc56bc5cb7b",class:"hero-international__content__cta"},t("slot",{key:"58f9a63a04f29170126425029625c477c31cd73b",name:"hero-international-cta"}))),!this.centeredLayout&&t("div",{key:"0a659dcad26ebd0a6ac1e7d9f86c7968eda41df0",class:"hero-international__content__logo-col"},t("div",{key:"8261a17c77ee5b18874c56a41361d7d3e4dd772d",class:"hero-international__content__logo-col__image"},t("svg",{key:"d404ad512ea0bebc2cc5b5e0df4404c6125dadfa",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 919 336"},t("circle",{key:"28106848da1e8364bc43fe8d591154342f71e75b",class:"cls-1",cx:"168",cy:"168",r:"168"}),t("circle",{key:"565176e62b896455941315643289d97a39baf62b",class:"cls-1",cx:"519",cy:"168",r:"168"}),t("path",{key:"0da027ee8c90501749291a00b37b2df8879e8632",class:"cls-1",d:"M510 0h409v336H510z"}),t("path",{key:"cb1637d901d59f116557a9b134929bf0988e3192",d:"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z",class:"svg-path-style2"}),t("path",{key:"258b567b1f39d98caea0e082ae372336ee19ef59",d:"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z",class:"svg-path-style1"}))))),this.showSideLoader&&!this.centeredLayout&&t("div",{key:"63b24b9a3b124781977bd6026511bf5fdb30c105",class:`hero-international__side-loader ${this.animateSideloader?"hero-international__side-loader--animate":""}`},t("div",{key:"17ba19d5ced4d5cf6a000c01742a31cd91a5c877",class:"shape"}))))}};r.style=o;export{r as pn_hero_block_international};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as n,g as e,h as t,d as a}from"./p-b3a13b6a.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";const o=i;const r=class{constructor(e){n(this,e);this.heading=null;this.subHeading=null;this.preamble=null;this.animateLogo=false;this.showSideLoader=true;this.centeredLayout=false}get hostElement(){return e(this)}hasCtaButtonSlot=false;animateSideloader=false;async componentWillLoad(){this.hasCtaButtonSlot=!!this.hostElement.querySelector('[slot="hero-international-cta"]')}componentDidLoad(){if(this.animateLogo){const n=this.hostElement.querySelector(".hero-international__content__logo-col__image");const e=this.hostElement.querySelector(".hero-international__side-loader--animate");this.animateSideloader=true;if(n){n.classList.add("animate-in")}if(e){e.classList.add("animate-in")}}}render(){return t(a,{key:"57001ce40c7508b8aec22ae7c1155fb567d3dfb3",class:`hero-international ${this.centeredLayout?"hero-international--centered-layout":""} ${this.animateLogo?"hero-international--animate":""}`},t("div",{key:"e91b385e0df3e9c024921e96931d3a78d4f1c804",class:"hero-international__content"},t("div",{key:"ce6405545d9ebc6fe45a07e918b0a555aef3af9b",class:"flex-wrapper"},t("div",{key:"c89dcd60502b8b786617cb0dea8843419807b64d",class:"content-col"},t("span",{key:"e87b664691915fbd34eea787aabffff4e95167fb",class:"hero-international__content__site-tag"},"International"),t("h1",{key:"c8a7d1282967151dbfa23c945d99561510367de8",class:"hero-international__content__heading"},this.heading," ",t("span",{key:"754831aa07db3a2b3bd64eb88ed6fb56aa785328"},this.subHeading)),t("p",{key:"479f6999ab61347ecaca45444eaa7c7cf29366dd",class:"hero-international__content__preamble"},this.preamble),this.hasCtaButtonSlot&&t("div",{key:"691b426fb7fd63dadd9d059b1190621cfaa38340",class:"hero-international__content__cta"},t("slot",{key:"07eace3f34ebf1da9c221190f6870eb1ad48ec0c",name:"hero-international-cta"}))),!this.centeredLayout&&t("div",{key:"571a0b7f2384d3330bf725a60b115245baeec970",class:"hero-international__content__logo-col"},t("div",{key:"48d339a3e2354a2e9db4dea1dff38f823109b049",class:"hero-international__content__logo-col__image"},t("svg",{key:"8b3a539b63bb2b5ecdbbdabccf8bc0d01e4e5564",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 919 336"},t("circle",{key:"beec8130572087110c30e5659ccd1905c8e8badd",class:"cls-1",cx:"168",cy:"168",r:"168"}),t("circle",{key:"82ed005c047765a5bb0fd3ee79cab8efb4b94492",class:"cls-1",cx:"519",cy:"168",r:"168"}),t("path",{key:"1cea5be71c324c712c56e52ef814144f2dbf1154",class:"cls-1",d:"M510 0h409v336H510z"}),t("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"}),t("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&&t("div",{key:"bc54283980443f3eefce06fc6c12b15bb3e7d3e6",class:`hero-international__side-loader ${this.animateSideloader?"hero-international__side-loader--animate":""}`},t("div",{key:"efc050466ff155560ad2421a75bf6fccfcf908b8",class:"shape"}))))}};r.style=o;export{r as pn_hero_block_international};
|
|
2
|
+
//# sourceMappingURL=p-40e632cc.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as o,d as r}from"./p-b3a13b6a.js";import{a as i,b as n}from"./p-5f4ccd8a.js";const s={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as o,d as r}from"./p-b3a13b6a.js";import{a as i,b as n}from"./p-5f4ccd8a.js";const s={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const d=a;const c=class{constructor(t){e(this,t);this.language="sv";this.open=false;this.heading="";this.description="";this.i18n=s["en"]}get hostElement(){return t(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&s[this.language]){this.i18n=s[this.language]}}render(){return o(r,{key:"c790ef0a0ff36cf11ae66ed632a2eaeeb5d2d620"},o("div",{key:"29a30f4ea68bf8042adbce2b9d0463d789452571",class:"customernumber-container"},o("button",{key:"29ad545a5ce4492d13b9e759cfd1ccfec302f7e6",class:"customernumber-toggle","aria-label":this.i18n.toggleLinkTitleText,onClick:()=>this.open=!this.open},o("div",{key:"5ae5475e99341d26be463c6fd3d6002fb7b1efa9",class:"customernumber-selected"},o("strong",{key:"fc87bedbb9469709a6c4956a8972a414a4039cb6",class:"customernumber-selected-title"},this.heading),o("div",{key:"1b0bd560ddf4838c5bc297e7800e99890175ec2a",class:"customernumber-selected-description"},this.description)),o("pn-icon",{key:"567508ab9472d65326d1c0e3e0ca806a3532150f",icon:this.open?i:n,small:"false",color:"blue700"})),o("div",{key:"f01d414c0281e2bcc25fa884b076062d899c39e9",class:"customernumber-options"},o("slot",{key:"002478ca2038f25d4939ae2bdfc1dadec4fa4097"}))))}};c.style=d;export{c as pn_customernumber_selector};
|
|
2
|
+
//# sourceMappingURL=p-4149e715.entry.js.map
|