@postnord/pn-marketweb-components 3.0.3 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/{FetchHelper-8d537d38.js → FetchHelper-dcfe4038.js} +122 -123
- package/cjs/FetchHelper-dcfe4038.js.map +1 -0
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-address-autofill.cjs.entry.js +47 -49
- package/cjs/pn-address-autofill.cjs.entry.js.map +1 -1
- package/cjs/pn-animated-tile.cjs.entry.js +4 -4
- package/cjs/pn-animated-tile.cjs.entry.js.map +1 -1
- package/cjs/pn-app-banner.cjs.entry.js +15 -15
- package/cjs/pn-app-banner.cjs.entry.js.map +1 -1
- package/cjs/pn-bonus-progressbar-level.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar-level.cjs.entry.js.map +1 -1
- package/cjs/pn-bonus-progressbar.cjs.entry.js +1 -1
- package/cjs/pn-bonus-progressbar.cjs.entry.js.map +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js.map +1 -1
- package/cjs/pn-chart.cjs.entry.js +47 -10
- package/cjs/pn-chart.cjs.entry.js.map +1 -1
- package/cjs/pn-charts-card.cjs.entry.js +7 -7
- package/cjs/pn-charts-card.cjs.entry.js.map +1 -1
- package/cjs/pn-choice-button.cjs.entry.js +1 -1
- package/cjs/pn-choice-button.cjs.entry.js.map +1 -1
- package/cjs/pn-cta-block.cjs.entry.js +1 -1
- package/cjs/pn-cta-block.cjs.entry.js.map +1 -1
- package/cjs/pn-customernumber-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-customernumber-selector-option.cjs.entry.js.map +1 -1
- package/cjs/pn-customernumber-selector.cjs.entry.js +1 -1
- package/cjs/pn-customernumber-selector.cjs.entry.js.map +1 -1
- package/cjs/pn-date-and-time.cjs.entry.js +13 -15
- package/cjs/pn-date-and-time.cjs.entry.js.map +1 -1
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js +33 -36
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js.map +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js +13 -10
- package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js.map +1 -1
- package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +46 -40
- package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js.map +1 -1
- package/cjs/pn-filter-checkbox.cjs.entry.js +2 -3
- package/cjs/pn-filter-checkbox.cjs.entry.js.map +1 -1
- package/cjs/pn-find-price.cjs.entry.js +1 -2
- package/cjs/pn-find-price.cjs.entry.js.map +1 -1
- package/cjs/pn-find-service-and-price.cjs.entry.js +2 -3
- package/cjs/pn-find-service-and-price.cjs.entry.js.map +1 -1
- package/cjs/pn-hero-block-international.cjs.entry.js +3 -3
- package/cjs/pn-hero-block-international.cjs.entry.js.map +1 -1
- package/cjs/pn-language-selector_9.cjs.entry.js +83 -79
- package/cjs/pn-language-selector_9.cjs.entry.js.map +1 -1
- package/cjs/pn-line-shape.cjs.entry.js +1 -1
- package/cjs/pn-line-shape.cjs.entry.js.map +1 -1
- package/cjs/pn-link-list.cjs.entry.js +33 -37
- package/cjs/pn-link-list.cjs.entry.js.map +1 -1
- package/cjs/pn-mainnav-link.cjs.entry.js +2 -2
- package/cjs/pn-mainnav-link.cjs.entry.js.map +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-input.cjs.entry.js +1 -2
- package/cjs/pn-marketweb-input.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-search.cjs.entry.js +5 -1
- package/cjs/pn-marketweb-search.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +18 -24
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-siteheader-login-button_5.cjs.entry.js +17 -20
- package/cjs/pn-marketweb-siteheader-login-button_5.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-siteheader-login-linklist.cjs.entry.js +5 -5
- package/cjs/pn-marketweb-siteheader-login-linklist.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +22 -27
- package/cjs/pn-marketweb-siteheader.cjs.entry.js.map +1 -1
- package/cjs/pn-media-block.cjs.entry.js +31 -29
- package/cjs/pn-media-block.cjs.entry.js.map +1 -1
- package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js +37 -45
- package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js.map +1 -1
- package/cjs/pn-multi-row-connected-dropdown.cjs.entry.js +39 -33
- package/cjs/pn-multi-row-connected-dropdown.cjs.entry.js.map +1 -1
- package/cjs/pn-multiple-input.cjs.entry.js +9 -6
- package/cjs/pn-multiple-input.cjs.entry.js.map +1 -1
- package/cjs/pn-parcel-tracker.cjs.entry.js +1 -1
- package/cjs/pn-parcel-tracker.cjs.entry.js.map +1 -1
- package/cjs/pn-pex-pricefinder.cjs.entry.js +1 -1
- package/cjs/pn-pex-pricefinder.cjs.entry.js.map +1 -1
- package/cjs/pn-play-on-scroll.cjs.entry.js +19 -17
- package/cjs/pn-play-on-scroll.cjs.entry.js.map +1 -1
- package/cjs/pn-product-pricelist.cjs.entry.js +2 -3
- package/cjs/pn-product-pricelist.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-modal-customernumber.cjs.entry.js +2 -1
- package/cjs/pn-profile-modal-customernumber.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-modal-profile.cjs.entry.js +3 -1
- package/cjs/pn-profile-modal-profile.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-modal-type.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-type.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-modal.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js.map +1 -1
- package/cjs/pn-profile-selector.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector.cjs.entry.js.map +1 -1
- package/cjs/pn-proxio-findprice-result.cjs.entry.js +8 -12
- package/cjs/pn-proxio-findprice-result.cjs.entry.js.map +1 -1
- package/cjs/pn-proxio-findprice.cjs.entry.js +16 -23
- package/cjs/pn-proxio-findprice.cjs.entry.js.map +1 -1
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +9 -13
- package/cjs/pn-proxio-pricegroup.cjs.entry.js.map +1 -1
- package/cjs/pn-quick-cta.cjs.entry.js +1 -1
- package/cjs/pn-quick-cta.cjs.entry.js.map +1 -1
- package/cjs/pn-quote-card.cjs.entry.js +1 -1
- package/cjs/pn-quote-card.cjs.entry.js.map +1 -1
- package/cjs/pn-scroll_2.cjs.entry.js +16 -15
- package/cjs/pn-scroll_2.cjs.entry.js.map +1 -1
- package/cjs/pn-share-item.cjs.entry.js +1 -1
- package/cjs/pn-share-item.cjs.entry.js.map +1 -1
- package/cjs/pn-share.cjs.entry.js +1 -1
- package/cjs/pn-share.cjs.entry.js.map +1 -1
- package/cjs/pn-sidenav-level.cjs.entry.js +3 -4
- package/cjs/pn-sidenav-level.cjs.entry.js.map +1 -1
- package/cjs/pn-sidenav-link.cjs.entry.js +2 -2
- package/cjs/pn-sidenav-link.cjs.entry.js.map +1 -1
- package/cjs/pn-sidenav-togglebutton.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-togglebutton.cjs.entry.js.map +1 -1
- package/cjs/pn-sidenav.cjs.entry.js +1 -1
- package/cjs/pn-sidenav.cjs.entry.js.map +1 -1
- package/cjs/pn-site-footer_3.cjs.entry.js +1 -1
- package/cjs/pn-site-footer_3.cjs.entry.js.map +1 -1
- package/cjs/pn-spotlight.cjs.entry.js +1 -1
- package/cjs/pn-spotlight.cjs.entry.js.map +1 -1
- package/cjs/pn-stats-info-data.cjs.entry.js +5 -5
- package/cjs/pn-stats-info-data.cjs.entry.js.map +1 -1
- package/cjs/pn-teaser-card.cjs.entry.js +2 -3
- package/cjs/pn-teaser-card.cjs.entry.js.map +1 -1
- package/cjs/pn-titletag.cjs.entry.js +1 -1
- package/cjs/pn-titletag.cjs.entry.js.map +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js.map +1 -1
- package/collection/components/animation/pn-animated-tile/pn-animated-tile.js +4 -3
- package/collection/components/animation/pn-animated-tile/pn-animated-tile.js.map +1 -1
- package/collection/components/animation/pn-play-on-scroll/pn-play-on-scroll.js +19 -16
- package/collection/components/animation/pn-play-on-scroll/pn-play-on-scroll.js.map +1 -1
- package/collection/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.js +11 -9
- package/collection/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.js.map +1 -1
- package/collection/components/animation/pn-scroll/pn-scroll.js +5 -4
- package/collection/components/animation/pn-scroll/pn-scroll.js.map +1 -1
- package/collection/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.js +1 -0
- package/collection/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.js.map +1 -1
- package/collection/components/cards/pn-quote-card/pn-quote-card.js +1 -0
- package/collection/components/cards/pn-quote-card/pn-quote-card.js.map +1 -1
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.js +2 -2
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.js.map +1 -1
- package/collection/components/charts/pn-chart/pn-chart-helper.js +32 -7
- package/collection/components/charts/pn-chart/pn-chart-helper.js.map +1 -1
- package/collection/components/charts/pn-chart/pn-chart.js +15 -2
- package/collection/components/charts/pn-chart/pn-chart.js.map +1 -1
- package/collection/components/charts/pn-charts-card/pn-charts-card.js +7 -6
- package/collection/components/charts/pn-charts-card/pn-charts-card.js.map +1 -1
- package/collection/components/cta/pn-cta-block/pn-cta-block.js +1 -0
- package/collection/components/cta/pn-cta-block/pn-cta-block.js.map +1 -1
- package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js +1 -0
- package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js.map +1 -1
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.js +1 -0
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.js.map +1 -1
- package/collection/components/cta/pn-share/pn-share-item.js +1 -0
- package/collection/components/cta/pn-share/pn-share-item.js.map +1 -1
- package/collection/components/cta/pn-share/pn-share.js +1 -0
- package/collection/components/cta/pn-share/pn-share.js.map +1 -1
- package/collection/components/cta/pn-spotlight/pn-spotlight.js +1 -0
- package/collection/components/cta/pn-spotlight/pn-spotlight.js.map +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +5 -5
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js.map +1 -1
- package/collection/components/input/pn-address-autofill/pn-address-autofill.js +46 -47
- package/collection/components/input/pn-address-autofill/pn-address-autofill.js.map +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js +1 -0
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js.map +1 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js +1 -0
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js.map +1 -1
- package/collection/components/input/pn-choice-button/pn-choice-button.js +1 -0
- package/collection/components/input/pn-choice-button/pn-choice-button.js.map +1 -1
- package/collection/components/input/pn-date-and-time/pn-date-and-time.js +13 -14
- package/collection/components/input/pn-date-and-time/pn-date-and-time.js.map +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js +51 -35
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js.map +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.stories.js +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.js +13 -9
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.js.map +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js +46 -39
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js.map +1 -1
- package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.stories.js +1 -1
- package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.js +2 -2
- package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.js.map +1 -1
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js +1 -2
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js.map +1 -1
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js +5 -0
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js.map +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.js +37 -44
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.js.map +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.js +39 -32
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.js.map +1 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.stories.js +1 -1
- package/collection/components/input/pn-multiple-input/pn-multiple-input.js +9 -5
- package/collection/components/input/pn-multiple-input/pn-multiple-input.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js +17 -22
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js +2 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.js +5 -4
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.js +6 -7
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.js +1 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js +7 -8
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js +7 -6
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js +3 -2
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js +1 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +21 -25
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +5 -22
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js.map +1 -1
- package/collection/components/media/pn-media-block/pn-media-block.js +31 -28
- package/collection/components/media/pn-media-block/pn-media-block.js.map +1 -1
- package/collection/components/minor/pn-app-banner/pn-app-banner.js +15 -14
- package/collection/components/minor/pn-app-banner/pn-app-banner.js.map +1 -1
- package/collection/components/minor/pn-swan/pn-swan.js +1 -0
- package/collection/components/minor/pn-swan/pn-swan.js.map +1 -1
- package/collection/components/minor/pn-titletag/pn-titletag.js +1 -0
- package/collection/components/minor/pn-titletag/pn-titletag.js.map +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.js +1 -0
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.js.map +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +4 -2
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js.map +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +2 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js.map +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +2 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js.map +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js +1 -0
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js.map +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js +4 -0
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js.map +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-level.js +3 -3
- package/collection/components/navigation/pn-sidenav/pn-sidenav-level.js.map +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-link.js +2 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-link.js.map +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js +1 -0
- package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js.map +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav.js +1 -0
- package/collection/components/navigation/pn-sidenav/pn-sidenav.js.map +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js +1 -0
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js.map +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js +1 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js.map +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js +1 -0
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js.map +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-customernumber.js +2 -0
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-customernumber.js.map +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-profile.js +3 -0
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-profile.js.map +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-type.js +1 -0
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-type.js.map +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal.js +1 -0
- package/collection/components/profile/pn-profile-modal/pn-profile-modal.js.map +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js +1 -0
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js.map +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.js +1 -0
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.js.map +1 -1
- package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js +1 -0
- package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js.map +1 -1
- package/collection/components/widgets/pn-find-price/pn-find-price.js +1 -2
- package/collection/components/widgets/pn-find-price/pn-find-price.js.map +1 -1
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price.js +2 -3
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price.js.map +1 -1
- package/collection/components/widgets/pn-hero-block-international/pn-hero-block-international.js +3 -2
- package/collection/components/widgets/pn-hero-block-international/pn-hero-block-international.js.map +1 -1
- package/collection/components/widgets/pn-link-list/pn-link-list.js +33 -37
- package/collection/components/widgets/pn-link-list/pn-link-list.js.map +1 -1
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js +1 -0
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js.map +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js +2 -3
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js.map +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js +8 -12
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js.map +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js +15 -22
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js.map +1 -1
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +8 -12
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js.map +1 -1
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +1 -0
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js.map +1 -1
- package/collection/globals/FetchHelper.js +35 -35
- package/collection/globals/FetchHelper.js.map +1 -1
- package/collection/globals/MarketWebContextService.js +86 -87
- package/collection/globals/MarketWebContextService.js.map +1 -1
- package/collection/globals/MarketWebLoginManager.js +60 -61
- package/collection/globals/MarketWebLoginManager.js.map +1 -1
- package/components/FetchHelper.js +121 -122
- package/components/FetchHelper.js.map +1 -1
- package/components/pn-address-autofill.js +46 -48
- package/components/pn-address-autofill.js.map +1 -1
- package/components/pn-animated-tile.js +4 -4
- package/components/pn-animated-tile.js.map +1 -1
- package/components/pn-app-banner.js +15 -15
- package/components/pn-app-banner.js.map +1 -1
- package/components/pn-bonus-progressbar-level.js +1 -1
- package/components/pn-bonus-progressbar-level.js.map +1 -1
- package/components/pn-bonus-progressbar.js +1 -1
- package/components/pn-bonus-progressbar.js.map +1 -1
- package/components/pn-breakpoints.js +1 -1
- package/components/pn-breakpoints.js.map +1 -1
- package/components/pn-chart.js +47 -10
- package/components/pn-chart.js.map +1 -1
- package/components/pn-charts-card.js +7 -7
- package/components/pn-charts-card.js.map +1 -1
- package/components/pn-choice-button2.js +1 -1
- package/components/pn-choice-button2.js.map +1 -1
- package/components/pn-cta-block.js +1 -1
- package/components/pn-cta-block.js.map +1 -1
- package/components/pn-customernumber-selector-option.js +1 -1
- package/components/pn-customernumber-selector-option.js.map +1 -1
- package/components/pn-customernumber-selector.js +1 -1
- package/components/pn-customernumber-selector.js.map +1 -1
- package/components/pn-date-and-time.js +13 -15
- package/components/pn-date-and-time.js.map +1 -1
- package/components/pn-dropdown-choice-adds-row.js +34 -36
- package/components/pn-dropdown-choice-adds-row.js.map +1 -1
- package/components/pn-dropdown-with-multi-input-rows-row2.js +13 -10
- package/components/pn-dropdown-with-multi-input-rows-row2.js.map +1 -1
- package/components/pn-dropdown-with-multi-input-rows.js +46 -40
- package/components/pn-dropdown-with-multi-input-rows.js.map +1 -1
- package/components/pn-filter-checkbox2.js +2 -3
- package/components/pn-filter-checkbox2.js.map +1 -1
- package/components/pn-find-price.js +1 -2
- package/components/pn-find-price.js.map +1 -1
- package/components/pn-find-service-and-price.js +2 -3
- package/components/pn-find-service-and-price.js.map +1 -1
- package/components/pn-hero-block-international.js +3 -3
- package/components/pn-hero-block-international.js.map +1 -1
- package/components/pn-language-selector-option2.js +1 -0
- package/components/pn-language-selector-option2.js.map +1 -1
- package/components/pn-language-selector2.js +4 -3
- package/components/pn-language-selector2.js.map +1 -1
- package/components/pn-line-shape.js +1 -1
- package/components/pn-line-shape.js.map +1 -1
- package/components/pn-link-list.js +33 -37
- package/components/pn-link-list.js.map +1 -1
- package/components/pn-mainnav-level2.js +2 -2
- package/components/pn-mainnav-level2.js.map +1 -1
- package/components/pn-mainnav-link2.js +2 -2
- package/components/pn-mainnav-link2.js.map +1 -1
- package/components/pn-mainnav-list2.js +1 -1
- package/components/pn-mainnav-list2.js.map +1 -1
- package/components/pn-mainnav2.js +4 -1
- package/components/pn-mainnav2.js.map +1 -1
- package/components/pn-marketweb-input2.js +1 -2
- package/components/pn-marketweb-input2.js.map +1 -1
- package/components/pn-marketweb-search.js +5 -1
- package/components/pn-marketweb-search.js.map +1 -1
- package/components/pn-marketweb-sitefooter.js +17 -23
- package/components/pn-marketweb-sitefooter.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-button2.js +2 -1
- package/components/pn-marketweb-siteheader-login-button2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-linklist2.js +5 -5
- package/components/pn-marketweb-siteheader-login-linklist2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-links2.js +6 -8
- package/components/pn-marketweb-siteheader-login-links2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button2.js +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login-profileselection2.js +7 -9
- package/components/pn-marketweb-siteheader-login-profileselection2.js.map +1 -1
- package/components/pn-marketweb-siteheader-login2.js +67 -68
- package/components/pn-marketweb-siteheader-login2.js.map +1 -1
- package/components/pn-marketweb-siteheader-search2.js +3 -3
- package/components/pn-marketweb-siteheader-search2.js.map +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js.map +1 -1
- package/components/pn-marketweb-siteheader.js +21 -26
- package/components/pn-marketweb-siteheader.js.map +1 -1
- package/components/pn-media-block.js +31 -29
- package/components/pn-media-block.js.map +1 -1
- package/components/pn-multi-row-connected-dropdown-row2.js +37 -45
- package/components/pn-multi-row-connected-dropdown-row2.js.map +1 -1
- package/components/pn-multi-row-connected-dropdown.js +39 -33
- package/components/pn-multi-row-connected-dropdown.js.map +1 -1
- package/components/pn-multiple-input.js +9 -6
- package/components/pn-multiple-input.js.map +1 -1
- package/components/pn-parcel-tracker.js +1 -1
- package/components/pn-parcel-tracker.js.map +1 -1
- package/components/pn-pex-pricefinder.js +1 -1
- package/components/pn-pex-pricefinder.js.map +1 -1
- package/components/pn-play-on-scroll2.js +19 -17
- package/components/pn-play-on-scroll2.js.map +1 -1
- package/components/pn-product-pricelist.js +2 -3
- package/components/pn-product-pricelist.js.map +1 -1
- package/components/pn-profile-modal-customernumber.js +2 -1
- package/components/pn-profile-modal-customernumber.js.map +1 -1
- package/components/pn-profile-modal-profile.js +3 -1
- package/components/pn-profile-modal-profile.js.map +1 -1
- package/components/pn-profile-modal-type.js +1 -1
- package/components/pn-profile-modal-type.js.map +1 -1
- package/components/pn-profile-modal.js +1 -1
- package/components/pn-profile-modal.js.map +1 -1
- package/components/pn-profile-selector-option.js +1 -1
- package/components/pn-profile-selector-option.js.map +1 -1
- package/components/pn-profile-selector.js +1 -1
- package/components/pn-profile-selector.js.map +1 -1
- package/components/pn-proxio-findprice-result2.js +8 -12
- package/components/pn-proxio-findprice-result2.js.map +1 -1
- package/components/pn-proxio-findprice.js +15 -22
- package/components/pn-proxio-findprice.js.map +1 -1
- package/components/pn-proxio-pricegroup.js +8 -12
- package/components/pn-proxio-pricegroup.js.map +1 -1
- package/components/pn-quick-cta.js +1 -1
- package/components/pn-quick-cta.js.map +1 -1
- package/components/pn-quote-card.js +1 -1
- package/components/pn-quote-card.js.map +1 -1
- package/components/pn-scroll2.js +5 -5
- package/components/pn-scroll2.js.map +1 -1
- package/components/pn-share-item2.js +1 -1
- package/components/pn-share-item2.js.map +1 -1
- package/components/pn-share.js +1 -1
- package/components/pn-share.js.map +1 -1
- package/components/pn-sidenav-level.js +3 -4
- package/components/pn-sidenav-level.js.map +1 -1
- package/components/pn-sidenav-link.js +2 -2
- package/components/pn-sidenav-link.js.map +1 -1
- package/components/pn-sidenav-togglebutton.js +1 -1
- package/components/pn-sidenav-togglebutton.js.map +1 -1
- package/components/pn-sidenav.js +1 -1
- package/components/pn-sidenav.js.map +1 -1
- package/components/pn-site-selector2.js +1 -1
- package/components/pn-site-selector2.js.map +1 -1
- package/components/pn-spotlight.js +1 -1
- package/components/pn-spotlight.js.map +1 -1
- package/components/pn-stats-info-data2.js +5 -5
- package/components/pn-stats-info-data2.js.map +1 -1
- package/components/pn-swan2.js +1 -1
- package/components/pn-swan2.js.map +1 -1
- package/components/pn-teaser-card.js +2 -3
- package/components/pn-teaser-card.js.map +1 -1
- package/components/pn-titletag2.js +1 -1
- package/components/pn-titletag2.js.map +1 -1
- package/components/pn-usp-promoter.js +1 -1
- package/components/pn-usp-promoter.js.map +1 -1
- package/components/pn-video-overlay2.js +11 -10
- package/components/pn-video-overlay2.js.map +1 -1
- package/esm/{FetchHelper-03b37a44.js → FetchHelper-da579b12.js} +122 -123
- package/esm/FetchHelper-da579b12.js.map +1 -0
- package/esm/loader.js +1 -1
- package/esm/pn-address-autofill.entry.js +48 -50
- package/esm/pn-address-autofill.entry.js.map +1 -1
- package/esm/pn-animated-tile.entry.js +5 -5
- package/esm/pn-animated-tile.entry.js.map +1 -1
- package/esm/pn-app-banner.entry.js +16 -16
- package/esm/pn-app-banner.entry.js.map +1 -1
- package/esm/pn-bonus-progressbar-level.entry.js +2 -2
- package/esm/pn-bonus-progressbar-level.entry.js.map +1 -1
- package/esm/pn-bonus-progressbar.entry.js +2 -2
- package/esm/pn-bonus-progressbar.entry.js.map +1 -1
- package/esm/pn-breakpoints.entry.js +2 -2
- package/esm/pn-breakpoints.entry.js.map +1 -1
- package/esm/pn-chart.entry.js +48 -11
- package/esm/pn-chart.entry.js.map +1 -1
- package/esm/pn-charts-card.entry.js +8 -8
- package/esm/pn-charts-card.entry.js.map +1 -1
- package/esm/pn-choice-button.entry.js +2 -2
- package/esm/pn-choice-button.entry.js.map +1 -1
- package/esm/pn-cta-block.entry.js +2 -2
- package/esm/pn-cta-block.entry.js.map +1 -1
- package/esm/pn-customernumber-selector-option.entry.js +2 -2
- package/esm/pn-customernumber-selector-option.entry.js.map +1 -1
- package/esm/pn-customernumber-selector.entry.js +2 -2
- package/esm/pn-customernumber-selector.entry.js.map +1 -1
- package/esm/pn-date-and-time.entry.js +14 -16
- package/esm/pn-date-and-time.entry.js.map +1 -1
- package/esm/pn-dropdown-choice-adds-row.entry.js +34 -37
- package/esm/pn-dropdown-choice-adds-row.entry.js.map +1 -1
- package/esm/pn-dropdown-with-multi-input-rows-row.entry.js +14 -11
- package/esm/pn-dropdown-with-multi-input-rows-row.entry.js.map +1 -1
- package/esm/pn-dropdown-with-multi-input-rows.entry.js +47 -41
- package/esm/pn-dropdown-with-multi-input-rows.entry.js.map +1 -1
- package/esm/pn-filter-checkbox.entry.js +3 -4
- package/esm/pn-filter-checkbox.entry.js.map +1 -1
- package/esm/pn-find-price.entry.js +1 -2
- package/esm/pn-find-price.entry.js.map +1 -1
- package/esm/pn-find-service-and-price.entry.js +2 -3
- package/esm/pn-find-service-and-price.entry.js.map +1 -1
- package/esm/pn-hero-block-international.entry.js +4 -4
- package/esm/pn-hero-block-international.entry.js.map +1 -1
- package/esm/pn-language-selector_9.entry.js +84 -80
- package/esm/pn-language-selector_9.entry.js.map +1 -1
- package/esm/pn-line-shape.entry.js +2 -2
- package/esm/pn-line-shape.entry.js.map +1 -1
- package/esm/pn-link-list.entry.js +33 -37
- package/esm/pn-link-list.entry.js.map +1 -1
- package/esm/pn-mainnav-link.entry.js +3 -3
- package/esm/pn-mainnav-link.entry.js.map +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-input.entry.js +1 -2
- package/esm/pn-marketweb-input.entry.js.map +1 -1
- package/esm/pn-marketweb-search.entry.js +6 -2
- package/esm/pn-marketweb-search.entry.js.map +1 -1
- package/esm/pn-marketweb-sitefooter.entry.js +19 -25
- package/esm/pn-marketweb-sitefooter.entry.js.map +1 -1
- package/esm/pn-marketweb-siteheader-login-button_5.entry.js +18 -21
- package/esm/pn-marketweb-siteheader-login-button_5.entry.js.map +1 -1
- package/esm/pn-marketweb-siteheader-login-linklist.entry.js +6 -6
- package/esm/pn-marketweb-siteheader-login-linklist.entry.js.map +1 -1
- package/esm/pn-marketweb-siteheader.entry.js +23 -28
- package/esm/pn-marketweb-siteheader.entry.js.map +1 -1
- package/esm/pn-media-block.entry.js +32 -30
- package/esm/pn-media-block.entry.js.map +1 -1
- package/esm/pn-multi-row-connected-dropdown-row.entry.js +38 -46
- package/esm/pn-multi-row-connected-dropdown-row.entry.js.map +1 -1
- package/esm/pn-multi-row-connected-dropdown.entry.js +40 -34
- package/esm/pn-multi-row-connected-dropdown.entry.js.map +1 -1
- package/esm/pn-multiple-input.entry.js +10 -7
- package/esm/pn-multiple-input.entry.js.map +1 -1
- package/esm/pn-parcel-tracker.entry.js +2 -2
- package/esm/pn-parcel-tracker.entry.js.map +1 -1
- package/esm/pn-pex-pricefinder.entry.js +2 -2
- package/esm/pn-pex-pricefinder.entry.js.map +1 -1
- package/esm/pn-play-on-scroll.entry.js +20 -18
- package/esm/pn-play-on-scroll.entry.js.map +1 -1
- package/esm/pn-product-pricelist.entry.js +2 -3
- package/esm/pn-product-pricelist.entry.js.map +1 -1
- package/esm/pn-profile-modal-customernumber.entry.js +3 -2
- package/esm/pn-profile-modal-customernumber.entry.js.map +1 -1
- package/esm/pn-profile-modal-profile.entry.js +4 -2
- package/esm/pn-profile-modal-profile.entry.js.map +1 -1
- package/esm/pn-profile-modal-type.entry.js +2 -2
- package/esm/pn-profile-modal-type.entry.js.map +1 -1
- package/esm/pn-profile-modal.entry.js +2 -2
- package/esm/pn-profile-modal.entry.js.map +1 -1
- package/esm/pn-profile-selector-option.entry.js +2 -2
- package/esm/pn-profile-selector-option.entry.js.map +1 -1
- package/esm/pn-profile-selector.entry.js +2 -2
- package/esm/pn-profile-selector.entry.js.map +1 -1
- package/esm/pn-proxio-findprice-result.entry.js +8 -12
- package/esm/pn-proxio-findprice-result.entry.js.map +1 -1
- package/esm/pn-proxio-findprice.entry.js +16 -23
- package/esm/pn-proxio-findprice.entry.js.map +1 -1
- package/esm/pn-proxio-pricegroup.entry.js +9 -13
- package/esm/pn-proxio-pricegroup.entry.js.map +1 -1
- package/esm/pn-quick-cta.entry.js +2 -2
- package/esm/pn-quick-cta.entry.js.map +1 -1
- package/esm/pn-quote-card.entry.js +2 -2
- package/esm/pn-quote-card.entry.js.map +1 -1
- package/esm/pn-scroll_2.entry.js +17 -16
- package/esm/pn-scroll_2.entry.js.map +1 -1
- package/esm/pn-share-item.entry.js +2 -2
- package/esm/pn-share-item.entry.js.map +1 -1
- package/esm/pn-share.entry.js +2 -2
- package/esm/pn-share.entry.js.map +1 -1
- package/esm/pn-sidenav-level.entry.js +4 -5
- package/esm/pn-sidenav-level.entry.js.map +1 -1
- package/esm/pn-sidenav-link.entry.js +3 -3
- package/esm/pn-sidenav-link.entry.js.map +1 -1
- package/esm/pn-sidenav-togglebutton.entry.js +2 -2
- package/esm/pn-sidenav-togglebutton.entry.js.map +1 -1
- package/esm/pn-sidenav.entry.js +2 -2
- package/esm/pn-sidenav.entry.js.map +1 -1
- package/esm/pn-site-footer_3.entry.js +1 -1
- package/esm/pn-site-footer_3.entry.js.map +1 -1
- package/esm/pn-spotlight.entry.js +2 -2
- package/esm/pn-spotlight.entry.js.map +1 -1
- package/esm/pn-stats-info-data.entry.js +5 -5
- package/esm/pn-stats-info-data.entry.js.map +1 -1
- package/esm/pn-teaser-card.entry.js +3 -4
- package/esm/pn-teaser-card.entry.js.map +1 -1
- package/esm/pn-titletag.entry.js +2 -2
- package/esm/pn-titletag.entry.js.map +1 -1
- package/esm/pn-usp-promoter.entry.js +2 -2
- package/esm/pn-usp-promoter.entry.js.map +1 -1
- package/package.json +1 -2
- package/pn-market-web-components/{p-8ca34ec3.entry.js → p-0247c553.entry.js} +2 -2
- package/pn-market-web-components/p-0247c553.entry.js.map +1 -0
- package/pn-market-web-components/{p-3f50be05.entry.js → p-09b9cc06.entry.js} +2 -2
- package/pn-market-web-components/{p-3f50be05.entry.js.map → p-09b9cc06.entry.js.map} +1 -1
- package/pn-market-web-components/{p-03dfc155.entry.js → p-0a522476.entry.js} +2 -2
- package/pn-market-web-components/{p-03dfc155.entry.js.map → p-0a522476.entry.js.map} +1 -1
- package/pn-market-web-components/{p-2b2b615e.entry.js → p-1317587f.entry.js} +4 -4
- package/pn-market-web-components/{p-2b2b615e.entry.js.map → p-1317587f.entry.js.map} +1 -1
- package/pn-market-web-components/p-1535a09f.entry.js +2 -0
- package/pn-market-web-components/p-1535a09f.entry.js.map +1 -0
- package/pn-market-web-components/{p-470ca6e7.entry.js → p-1578e02e.entry.js} +2 -2
- package/pn-market-web-components/{p-470ca6e7.entry.js.map → p-1578e02e.entry.js.map} +1 -1
- package/pn-market-web-components/p-16f70311.entry.js +2 -0
- package/pn-market-web-components/{p-b7a5fb1b.entry.js.map → p-16f70311.entry.js.map} +1 -1
- package/pn-market-web-components/{p-c8bbdd96.entry.js → p-190c671b.entry.js} +2 -2
- package/pn-market-web-components/{p-c8bbdd96.entry.js.map → p-190c671b.entry.js.map} +1 -1
- package/pn-market-web-components/{p-3e4208bb.entry.js → p-1bd5fa26.entry.js} +2 -2
- package/pn-market-web-components/{p-3e4208bb.entry.js.map → p-1bd5fa26.entry.js.map} +1 -1
- package/pn-market-web-components/{p-e74e962e.entry.js → p-2044eddc.entry.js} +2 -2
- package/pn-market-web-components/{p-e74e962e.entry.js.map → p-2044eddc.entry.js.map} +1 -1
- package/pn-market-web-components/p-370829c6.entry.js +2 -0
- package/pn-market-web-components/p-370829c6.entry.js.map +1 -0
- package/pn-market-web-components/p-391970af.entry.js +2 -0
- package/pn-market-web-components/p-391970af.entry.js.map +1 -0
- package/pn-market-web-components/{p-49fd7182.entry.js → p-40538914.entry.js} +2 -2
- package/pn-market-web-components/{p-49fd7182.entry.js.map → p-40538914.entry.js.map} +1 -1
- package/pn-market-web-components/{p-fa9ea740.entry.js → p-4372d10e.entry.js} +2 -2
- package/pn-market-web-components/p-4372d10e.entry.js.map +1 -0
- package/pn-market-web-components/p-4ea1409d.entry.js +2 -0
- package/pn-market-web-components/p-4ea1409d.entry.js.map +1 -0
- package/pn-market-web-components/{p-66981606.entry.js → p-56bd346e.entry.js} +2 -2
- package/pn-market-web-components/{p-66981606.entry.js.map → p-56bd346e.entry.js.map} +1 -1
- package/pn-market-web-components/p-586a1e3c.entry.js +2 -0
- package/pn-market-web-components/{p-f8eb860b.entry.js.map → p-586a1e3c.entry.js.map} +1 -1
- package/pn-market-web-components/{p-baa28521.entry.js → p-5a467ca6.entry.js} +2 -2
- package/pn-market-web-components/{p-baa28521.entry.js.map → p-5a467ca6.entry.js.map} +1 -1
- package/pn-market-web-components/p-5ac23b38.entry.js +2 -0
- package/pn-market-web-components/p-5ac23b38.entry.js.map +1 -0
- package/pn-market-web-components/{p-7fdc49d1.entry.js → p-63505736.entry.js} +2 -2
- package/pn-market-web-components/p-63505736.entry.js.map +1 -0
- package/pn-market-web-components/{p-3696ebf8.entry.js → p-67d862ac.entry.js} +2 -2
- package/pn-market-web-components/{p-3696ebf8.entry.js.map → p-67d862ac.entry.js.map} +1 -1
- package/pn-market-web-components/{p-3d3f0648.entry.js → p-68aa55f7.entry.js} +2 -2
- package/pn-market-web-components/{p-3d3f0648.entry.js.map → p-68aa55f7.entry.js.map} +1 -1
- package/pn-market-web-components/{p-d2109ea6.entry.js → p-6e9875e5.entry.js} +2 -2
- package/pn-market-web-components/p-6e9875e5.entry.js.map +1 -0
- package/pn-market-web-components/p-7021985c.entry.js +2 -0
- package/pn-market-web-components/{p-c64cb117.entry.js.map → p-7021985c.entry.js.map} +1 -1
- package/pn-market-web-components/{p-716165d2.entry.js → p-721598b8.entry.js} +2 -2
- package/pn-market-web-components/p-721598b8.entry.js.map +1 -0
- package/pn-market-web-components/p-73cef33c.js +2 -0
- package/pn-market-web-components/p-73cef33c.js.map +1 -0
- package/pn-market-web-components/p-74203d3e.entry.js +2 -0
- package/pn-market-web-components/{p-545ea4ef.entry.js.map → p-74203d3e.entry.js.map} +1 -1
- package/pn-market-web-components/p-781ef432.entry.js +2 -0
- package/pn-market-web-components/p-781ef432.entry.js.map +1 -0
- package/pn-market-web-components/{p-3a08299c.entry.js → p-78fbc88c.entry.js} +2 -2
- package/pn-market-web-components/{p-3a08299c.entry.js.map → p-78fbc88c.entry.js.map} +1 -1
- package/pn-market-web-components/{p-22a65c3e.entry.js → p-796ebfee.entry.js} +2 -2
- package/pn-market-web-components/p-796ebfee.entry.js.map +1 -0
- package/pn-market-web-components/p-7b05d7c7.entry.js +2 -0
- package/pn-market-web-components/p-7b05d7c7.entry.js.map +1 -0
- package/pn-market-web-components/{p-6b2009dc.entry.js → p-81b3e038.entry.js} +2 -2
- package/pn-market-web-components/{p-6b2009dc.entry.js.map → p-81b3e038.entry.js.map} +1 -1
- package/pn-market-web-components/p-828449da.entry.js +2 -0
- package/pn-market-web-components/{p-db2f3f6d.entry.js.map → p-828449da.entry.js.map} +1 -1
- package/pn-market-web-components/p-85d57c9d.entry.js +2 -0
- package/pn-market-web-components/p-85d57c9d.entry.js.map +1 -0
- package/pn-market-web-components/p-90ba1d8e.entry.js +2 -0
- package/pn-market-web-components/{p-655e6f71.entry.js.map → p-90ba1d8e.entry.js.map} +1 -1
- package/pn-market-web-components/{p-eee5ec0a.entry.js → p-931d3a9b.entry.js} +2 -2
- package/pn-market-web-components/{p-eee5ec0a.entry.js.map → p-931d3a9b.entry.js.map} +1 -1
- package/pn-market-web-components/{p-9a93bcd0.entry.js → p-95c10b7e.entry.js} +2 -2
- package/pn-market-web-components/{p-9a93bcd0.entry.js.map → p-95c10b7e.entry.js.map} +1 -1
- package/pn-market-web-components/{p-138ecede.entry.js → p-95e054fd.entry.js} +2 -2
- package/pn-market-web-components/{p-138ecede.entry.js.map → p-95e054fd.entry.js.map} +1 -1
- package/pn-market-web-components/p-9776a1c5.entry.js +2 -0
- package/pn-market-web-components/p-9776a1c5.entry.js.map +1 -0
- package/pn-market-web-components/{p-db2e2762.entry.js → p-9998c29d.entry.js} +2 -2
- package/pn-market-web-components/p-9998c29d.entry.js.map +1 -0
- package/pn-market-web-components/p-9a7abcee.entry.js +2 -0
- package/pn-market-web-components/p-9a7abcee.entry.js.map +1 -0
- package/pn-market-web-components/{p-0dca82de.entry.js → p-9be27d72.entry.js} +2 -2
- package/pn-market-web-components/{p-0dca82de.entry.js.map → p-9be27d72.entry.js.map} +1 -1
- package/pn-market-web-components/{p-48f6e683.entry.js → p-a8220c88.entry.js} +2 -2
- package/pn-market-web-components/{p-48f6e683.entry.js.map → p-a8220c88.entry.js.map} +1 -1
- package/pn-market-web-components/p-a9d2f528.entry.js +2 -0
- package/pn-market-web-components/p-a9d2f528.entry.js.map +1 -0
- package/pn-market-web-components/p-acbe60df.entry.js +2 -0
- package/pn-market-web-components/p-acbe60df.entry.js.map +1 -0
- package/pn-market-web-components/{p-5666f0e7.entry.js → p-ade7ffcf.entry.js} +2 -2
- package/pn-market-web-components/p-ade7ffcf.entry.js.map +1 -0
- package/pn-market-web-components/p-b2dcce7c.entry.js +2 -0
- package/pn-market-web-components/p-b2dcce7c.entry.js.map +1 -0
- package/pn-market-web-components/{p-10a3c6f4.entry.js → p-b765e4a9.entry.js} +2 -2
- package/pn-market-web-components/p-b765e4a9.entry.js.map +1 -0
- package/pn-market-web-components/{p-914e1d15.entry.js → p-c224d7c4.entry.js} +2 -2
- package/pn-market-web-components/p-c224d7c4.entry.js.map +1 -0
- package/pn-market-web-components/{p-787e20a1.entry.js → p-c5856c0b.entry.js} +2 -2
- package/pn-market-web-components/{p-787e20a1.entry.js.map → p-c5856c0b.entry.js.map} +1 -1
- package/pn-market-web-components/p-c696bedf.entry.js +2 -0
- package/pn-market-web-components/{p-012ee486.entry.js.map → p-c696bedf.entry.js.map} +1 -1
- package/pn-market-web-components/p-c9f21ea3.entry.js +2 -0
- package/pn-market-web-components/{p-03cb46c2.entry.js.map → p-c9f21ea3.entry.js.map} +1 -1
- package/pn-market-web-components/{p-87aa1f73.entry.js → p-d07cf4c8.entry.js} +2 -2
- package/pn-market-web-components/{p-87aa1f73.entry.js.map → p-d07cf4c8.entry.js.map} +1 -1
- package/pn-market-web-components/p-d40ff187.entry.js +2 -0
- package/pn-market-web-components/p-d40ff187.entry.js.map +1 -0
- package/pn-market-web-components/{p-f21fdae0.entry.js → p-e42f0fbe.entry.js} +2 -2
- package/pn-market-web-components/{p-f21fdae0.entry.js.map → p-e42f0fbe.entry.js.map} +1 -1
- package/pn-market-web-components/{p-4f2a7d41.entry.js → p-e4c7aaec.entry.js} +2 -2
- package/pn-market-web-components/{p-4f2a7d41.entry.js.map → p-e4c7aaec.entry.js.map} +1 -1
- package/pn-market-web-components/{p-107568aa.entry.js → p-e5345c69.entry.js} +2 -2
- package/pn-market-web-components/p-e5345c69.entry.js.map +1 -0
- package/pn-market-web-components/p-e9501c6f.entry.js +2 -0
- package/pn-market-web-components/p-e9501c6f.entry.js.map +1 -0
- package/pn-market-web-components/{p-fa3ccbfb.entry.js → p-ebaeee5e.entry.js} +2 -2
- package/pn-market-web-components/{p-fa3ccbfb.entry.js.map → p-ebaeee5e.entry.js.map} +1 -1
- package/pn-market-web-components/{p-9de267ec.entry.js → p-f2d0d0cc.entry.js} +2 -2
- package/pn-market-web-components/{p-9de267ec.entry.js.map → p-f2d0d0cc.entry.js.map} +1 -1
- package/pn-market-web-components/{p-da953848.entry.js → p-f62879f6.entry.js} +2 -2
- package/pn-market-web-components/p-f62879f6.entry.js.map +1 -0
- package/pn-market-web-components/{p-ec3fcbf9.entry.js → p-fbc07c7a.entry.js} +2 -2
- package/pn-market-web-components/{p-ec3fcbf9.entry.js.map → p-fbc07c7a.entry.js.map} +1 -1
- package/pn-market-web-components/p-fbe70284.entry.js +2 -0
- package/pn-market-web-components/{p-663e4bb8.entry.js.map → p-fbe70284.entry.js.map} +1 -1
- 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/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.d.ts +1 -0
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +1 -1
- package/types/components.d.ts +2 -0
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +1 -1
- package/umd/standalone-loader-salesforce.js +3 -3
- package/umd/standalone-loader.js +2 -2
- package/cjs/FetchHelper-8d537d38.js.map +0 -1
- package/esm/FetchHelper-03b37a44.js.map +0 -1
- package/pn-market-web-components/p-012ee486.entry.js +0 -2
- package/pn-market-web-components/p-03cb46c2.entry.js +0 -2
- package/pn-market-web-components/p-07253be3.entry.js +0 -2
- package/pn-market-web-components/p-07253be3.entry.js.map +0 -1
- package/pn-market-web-components/p-08a64973.entry.js +0 -2
- package/pn-market-web-components/p-08a64973.entry.js.map +0 -1
- package/pn-market-web-components/p-107568aa.entry.js.map +0 -1
- package/pn-market-web-components/p-10a3c6f4.entry.js.map +0 -1
- package/pn-market-web-components/p-161970d1.entry.js +0 -2
- package/pn-market-web-components/p-161970d1.entry.js.map +0 -1
- package/pn-market-web-components/p-22a65c3e.entry.js.map +0 -1
- package/pn-market-web-components/p-2ac83614.entry.js +0 -2
- package/pn-market-web-components/p-2ac83614.entry.js.map +0 -1
- package/pn-market-web-components/p-2fd40198.entry.js +0 -2
- package/pn-market-web-components/p-2fd40198.entry.js.map +0 -1
- package/pn-market-web-components/p-3ae1657a.entry.js +0 -2
- package/pn-market-web-components/p-3ae1657a.entry.js.map +0 -1
- package/pn-market-web-components/p-545ea4ef.entry.js +0 -2
- package/pn-market-web-components/p-5666f0e7.entry.js.map +0 -1
- package/pn-market-web-components/p-5ff663be.entry.js +0 -2
- package/pn-market-web-components/p-5ff663be.entry.js.map +0 -1
- package/pn-market-web-components/p-655e6f71.entry.js +0 -2
- package/pn-market-web-components/p-657957fc.entry.js +0 -2
- package/pn-market-web-components/p-657957fc.entry.js.map +0 -1
- package/pn-market-web-components/p-663e4bb8.entry.js +0 -2
- package/pn-market-web-components/p-716165d2.entry.js.map +0 -1
- package/pn-market-web-components/p-7fdc49d1.entry.js.map +0 -1
- package/pn-market-web-components/p-8ca34ec3.entry.js.map +0 -1
- package/pn-market-web-components/p-914e1d15.entry.js.map +0 -1
- package/pn-market-web-components/p-af16f7e3.entry.js +0 -2
- package/pn-market-web-components/p-af16f7e3.entry.js.map +0 -1
- package/pn-market-web-components/p-b7a5fb1b.entry.js +0 -2
- package/pn-market-web-components/p-be6e903e.entry.js +0 -2
- package/pn-market-web-components/p-be6e903e.entry.js.map +0 -1
- package/pn-market-web-components/p-bece6791.entry.js +0 -2
- package/pn-market-web-components/p-bece6791.entry.js.map +0 -1
- package/pn-market-web-components/p-c64cb117.entry.js +0 -2
- package/pn-market-web-components/p-c95def57.js +0 -2
- package/pn-market-web-components/p-c95def57.js.map +0 -1
- package/pn-market-web-components/p-d2109ea6.entry.js.map +0 -1
- package/pn-market-web-components/p-da0c533f.entry.js +0 -2
- package/pn-market-web-components/p-da0c533f.entry.js.map +0 -1
- package/pn-market-web-components/p-da953848.entry.js.map +0 -1
- package/pn-market-web-components/p-db2e2762.entry.js.map +0 -1
- package/pn-market-web-components/p-db2f3f6d.entry.js +0 -2
- package/pn-market-web-components/p-e0f4dc3d.entry.js +0 -2
- package/pn-market-web-components/p-e0f4dc3d.entry.js.map +0 -1
- package/pn-market-web-components/p-e8189227.entry.js +0 -2
- package/pn-market-web-components/p-e8189227.entry.js.map +0 -1
- package/pn-market-web-components/p-f8eb860b.entry.js +0 -2
- package/pn-market-web-components/p-fa9ea740.entry.js.map +0 -1
- package/pn-market-web-components/p-fd639f58.entry.js +0 -2
- package/pn-market-web-components/p-fd639f58.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pnDropdownWithMultiInputRowsRowCss","PnDropdownWithMultiInputRowsRowStyle0","PnDropdownWithMultiInputRowsRow","this","pnFirstInputField","pnSecondInputField","pnDatePicker","pnDeleteRowButton","componentWillLoad","getPredefinedValues","setInitialValues","componentDidLoad","addEventHandlers","_predefinedValue","JSON","parse","predefinedValue","applyPredefinedValue","_a","firstInputValue","length","validateFirstInput","parseInt","_b","secondInputValue","validateSecondInput","rowIndex","minRowCount","addEventListener","deleteRow","bind","firstInput","secondInput","dateValue","date","emmitValues","debounce","emitRowValues","handleFirstInput","handleSecondInput","handleDateChange","e","elm","target","value","firstInputChange","emit","id","secondInputChange","input","showFirstInputWarning","showFirstInputLowError","showFirstInputHighError","firstInputWarning","firstInputMin","firstInputMax","showSecondInputWarning","showSecondInputLowError","showSecondInputHighError","secondInputWarning","secondInputMin","secondInputMax","detail","rowValueChange","deleteRowEvent","render","h","Host","key","class","ref","el","type","placeholder","fristInputPlaceholder","min","firstInputLowErrorText","firstInputHighErrorText","firstInputWarningText","secondInputPlaceholder","secondInputLowErrorText","secondInputHighErrorText","secondInputWarningText","range","firstValidDate","lastValidDate","language","languageCode","datePlaceholder","start","small","icon","minus","appearance","index","onClick"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.scss?tag=pn-dropdown-with-multi-input-rows-row","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows-row {\n .input-element-row {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n\n .input-container {\n width: 30%;\n\n pn-marketweb-input {\n .input-container {\n width: 100%;\n }\n }\n\n pn-date-picker {\n width: 100%;\n }\n\n .input-element-message-container {\n margin-top: 0.3rem;\n &__error {\n color: red;\n line-height: 1;\n }\n\n &__warning {\n line-height: 1;\n }\n }\n }\n }\n\n .delete-button-contianer {\n margin-top: 0.6rem;\n }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-dropdown-with-multi-input-rows-row',\n styleUrl: 'pn-dropdown-with-multi-input-rows-row.scss',\n})\nexport class PnDropdownWithMultiInputRowsRow {\n @Element() hostElement: Element;\n private _predefinedValue: PredefinedValues;\n pnFirstInputField: HTMLElement = null;\n pnSecondInputField: HTMLElement = null;\n pnDatePicker: HTMLElement = null;\n pnDeleteRowButton: HTMLElement = null;\n\n @Prop() languageCode: string = null;\n @Prop() fristInputPlaceholder: string = null;\n @Prop() firstInputMin: number = null;\n @Prop() firstInputMax: number = null;\n @Prop() firstInputWarning: number = null;\n @Prop() firstInputWarningText: string = null;\n @Prop() firstInputLowErrorText: string = null;\n @Prop() firstInputHighErrorText: string = null;\n @Prop() secondInputPlaceholder: string = null;\n @Prop() secondInputMin: number = null;\n @Prop() secondInputMax: number = null;\n @Prop() secondInputWarning: number = null;\n @Prop() secondInputWarningText: string = null;\n @Prop() secondInputLowErrorText: string = null;\n @Prop() secondInputHighErrorText: string = null;\n @Prop() dateLabel: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() firstValidDate: string = null;\n @Prop() lastValidDate: string = null;\n @Prop() predefinedValue: string = null;\n @Prop() rowIndex: number = null;\n @Prop() minRowCount: number = null;\n\n @State() showFirstInputWarning: boolean = false;\n @State() showFirstInputLowError: boolean = false;\n @State() showFirstInputHighError: boolean = false;\n @State() showSecondInputWarning: boolean = false;\n @State() showSecondInputLowError: boolean = false;\n @State() showSecondInputHighError: boolean = false;\n\n @State() firstInputValue: string = '';\n @State() secondInputValue: string = '';\n @State() dateValue: string = '';\n\n @Event() rowValueChange: EventEmitter<PredefinedValues>;\n @Event() deleteRowEvent: EventEmitter<string>;\n @Event() firstInputChange: EventEmitter<PredefinedValues>;\n @Event() secondInputChange: EventEmitter<PredefinedValues>;\n\n componentWillLoad() {\n this.getPredefinedValues();\n this.setInitialValues();\n }\n\n componentDidLoad() {\n this.addEventHandlers();\n }\n\n getPredefinedValues() {\n this._predefinedValue = JSON.parse(this.predefinedValue);\n }\n\n @Watch('predefinedValue')\n applyPredefinedValue() {\n this.getPredefinedValues();\n this.setInitialValues();\n\n if (this.firstInputValue?.length) {\n this.validateFirstInput(parseInt(this.firstInputValue));\n }\n\n if (this.secondInputValue?.length) {\n this.validateSecondInput(parseInt(this.secondInputValue));\n }\n\n if (this.rowIndex >= this.minRowCount) {\n this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n }\n }\n\n setInitialValues() {\n this.firstInputValue = this._predefinedValue.firstInput;\n this.secondInputValue = this._predefinedValue.secondInput;\n this.dateValue = this._predefinedValue.date;\n }\n\n addEventHandlers() {\n const emmitValues = debounce(this.emitRowValues.bind(this), 500);\n this.pnFirstInputField.addEventListener('keyup', debounce(this.handleFirstInput.bind(this), 500));\n this.pnSecondInputField.addEventListener('keyup', debounce(this.handleSecondInput.bind(this), 500));\n this.pnDatePicker.addEventListener('dateselection', this.handleDateChange.bind(this));\n this.pnDatePicker.addEventListener('dateselection', emmitValues);\n }\n\n handleFirstInput(e) {\n const elm = e.target;\n const value = parseInt(elm.value);\n\n if (value > 0) {\n this.firstInputValue = elm.value;\n this.firstInputChange.emit({\n id: this._predefinedValue.id,\n firstInput: this.firstInputValue,\n secondInput: this.secondInputValue,\n date: this.dateValue,\n });\n }\n\n this.validateFirstInput(value);\n this.emitRowValues();\n }\n\n handleSecondInput(e) {\n const elm = e.target;\n const value = parseInt(elm.value);\n\n if (value > 0) {\n this.secondInputValue = elm.value;\n this.secondInputChange.emit({\n id: this._predefinedValue.id,\n firstInput: this.firstInputValue,\n secondInput: this.secondInputValue,\n date: this.dateValue,\n });\n }\n\n this.validateSecondInput(value);\n this.emitRowValues();\n }\n\n validateFirstInput(input: number) {\n this.showFirstInputWarning = false;\n this.showFirstInputLowError = false;\n this.showFirstInputHighError = false;\n\n if (input < this.firstInputWarning) {\n this.showFirstInputWarning = true;\n }\n\n if (input < this.firstInputMin) {\n this.showFirstInputWarning = false;\n this.showFirstInputLowError = true;\n }\n\n if (input > this.firstInputMax) {\n this.showFirstInputWarning = false;\n this.showFirstInputLowError = false;\n this.showFirstInputHighError = true;\n }\n }\n\n validateSecondInput(input: number) {\n this.showSecondInputWarning = false;\n this.showSecondInputLowError = false;\n this.showSecondInputHighError = false;\n\n if (input < this.secondInputWarning) {\n this.showSecondInputWarning = true;\n }\n\n if (input < this.secondInputMin) {\n this.showSecondInputWarning = false;\n this.showSecondInputLowError = true;\n }\n\n if (input > this.secondInputMax) {\n this.showSecondInputWarning = false;\n this.showSecondInputLowError = false;\n this.showSecondInputHighError = true;\n }\n }\n\n handleDateChange(e) {\n const elm = e.target;\n if (elm === this.pnDatePicker) {\n this.dateValue = e.detail;\n }\n }\n\n emitRowValues() {\n this.rowValueChange.emit({\n id: this._predefinedValue.id,\n firstInput: this.firstInputValue,\n secondInput: this.secondInputValue,\n date: this.dateValue,\n });\n }\n\n deleteRow() {\n this.deleteRowEvent.emit(this._predefinedValue.id);\n }\n\n render() {\n return (\n <Host>\n <div class=\"input-element-row\">\n <div class=\"input-container\">\n <pn-marketweb-input\n ref={el => (this.pnFirstInputField = el as HTMLElement)}\n type=\"number\"\n placeholder={this.fristInputPlaceholder}\n value={this.firstInputValue}\n min=\"1\"\n ></pn-marketweb-input>\n {this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (\n <div class=\"input-element-message-container\">\n {this.showFirstInputLowError ? (\n <div class=\"input-element-message-container__error\">\n <small>{this.firstInputLowErrorText}</small>\n </div>\n ) : null}\n\n {this.showFirstInputHighError ? (\n <div class=\"input-element-message-container__error\">\n <small>{this.firstInputHighErrorText}</small>\n </div>\n ) : null}\n\n {this.showFirstInputWarning ? (\n <div class=\"input-element-message-container__warning\">\n <small>{this.firstInputWarningText}</small>\n </div>\n ) : null}\n </div>\n ) : null}\n </div>\n\n <div class=\"input-container\">\n <pn-marketweb-input\n ref={el => (this.pnSecondInputField = el as HTMLElement)}\n type=\"number\"\n placeholder={this.secondInputPlaceholder}\n value={this.secondInputValue}\n min=\"1\"\n ></pn-marketweb-input>\n {this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (\n <div class=\"input-element-message-container\">\n {this.showSecondInputLowError ? (\n <div class=\"input-element-message-container__error\">\n <small>{this.secondInputLowErrorText}</small>\n </div>\n ) : null}\n\n {this.showSecondInputHighError ? (\n <div class=\"input-element-message-container__error\">\n <small>{this.secondInputHighErrorText}</small>\n </div>\n ) : null}\n\n {this.showSecondInputWarning ? (\n <div class=\"input-element-message-container__warning\">\n <small>{this.secondInputWarningText}</small>\n </div>\n ) : null}\n </div>\n ) : null}\n </div>\n\n <div class=\"input-container\">\n <pn-date-picker\n ref={el => (this.pnDatePicker = el as HTMLElement)}\n range=\"false\"\n disable-weekends={true}\n min-date={this.firstValidDate}\n max-date={this.lastValidDate}\n language={this.languageCode}\n placeholder={this.datePlaceholder}\n start={this.dateValue?.length ? this.dateValue : null}\n ></pn-date-picker>\n </div>\n\n {this.rowIndex >= this.minRowCount ? (\n <div class=\"delete-button-contianer\">\n <pn-button\n ref={el => (this.pnDeleteRowButton = el as HTMLElement)}\n small=\"true\"\n icon={minus}\n appearance=\"warning\"\n index={this.rowIndex}\n onClick={() => {\n this.deleteRow();\n }}\n >\n Delete\n </pn-button>\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,d as i,g as o}from"./p-06555615.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";const s=n;const c=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.checkboxid=undefined;this.disabled=false;this.checked=false;this.indeterminate=false}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState();this.bindEvents()}componentDidUpdate(){this.checkAndSetIndeterminateState()}bindEvents(){const e=document.querySelectorAll('label[for="'+this.checkboxid+'"]');e.forEach((e=>{e.addEventListener("click",(()=>{this.hostElement.shadowRoot.querySelector("label").click()}))}));const t=this.hostElement.shadowRoot.querySelector("input");t.addEventListener("change",this.onCheckboxChange.bind(this,t))}onCheckboxChange(e){let t=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(t){t.value=e.checked?this.value:"";t.dispatchEvent(new CustomEvent("change",{detail:t}))}}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.checkboxid}`);if(e){e.indeterminate=this.indeterminate}}renderInputOutsideShadowRoot(){var e;let t=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(!t){t=this.hostElement.ownerDocument.createElement("input");t.type="hidden";t.classList.add("hidden-"+this.checkboxid);this.hostElement.appendChild(t)}t.name=(e=this.name)!==null&&e!==void 0?e:this.checkboxid}render(){this.renderInputOutsideShadowRoot();return t(i,{key:"233ebbfbb017ddaf60ed532e6eccfee843fdb5e6",checked:this.checked,id:this.checkboxid},t("input",{key:"8a8b9825b0e26bc19134461daaa94ad819c04515",type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked}),t("label",{key:"15e1bdc0aa4ce22d36bc3b93da6777065194fa9e",htmlFor:this.checkboxid,class:"pn-checkbox"},t("svg",{key:"52edced1b2c81bd7b7fc88d9543d5ed4d163b3e1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t("polyline",{key:"9170f52914e4528a0864d01df40b978730e392b1",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),t("polyline",{key:"f6353c46270eb506f9bd799fea7b22ba6d76b77d",class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))}get hostElement(){return o(this)}};c.style=s;export{c as pn_filter_checkbox};
|
|
2
|
-
//# sourceMappingURL=p-2fd40198.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pnFilterCheckboxCss","PnFilterCheckboxStyle0","PnFilterCheckbox","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","bindEvents","componentDidUpdate","labels","document","querySelectorAll","checkboxid","forEach","label","addEventListener","hostElement","shadowRoot","querySelector","click","checkboxInput","onCheckboxChange","bind","outsideInput","value","checked","dispatchEvent","CustomEvent","detail","checkbox","renderInputOutsideShadowRoot","input","ownerDocument","createElement","type","classList","add","appendChild","name","_a","render","h","Host","key","id","disabled","htmlFor","class","xmlns","viewBox","fill","points"],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n display: inline-block;\n user-select: none;\n\n input {\n opacity: 0;\n position: absolute;\n }\n\n input[type='checkbox'] {\n & + label.pn-checkbox {\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n min-height: 1.5em;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 0.1rem solid $gray400;\n cursor: pointer;\n border-radius: 0.4rem;\n cursor: pointer;\n transition-duration: $bg-timing;\n transition-timing-function: $easing;\n transition-property: border, background, box-shadow;\n\n svg {\n width: 80%;\n fill: none;\n\n polyline {\n stroke: #fff;\n transform-origin: 0 0;\n stroke-linecap: round;\n stroke-dasharray: 23;\n stroke-dashoffset: 23;\n transition-delay: none;\n transition: stroke-dashoffset $check-timing $easing;\n }\n }\n }\n\n &:hover + label.pn-checkbox {\n border: 0.1rem solid $blue700;\n background: $blue50;\n }\n\n &:checked + label.pn-checkbox,\n &:indeterminate + label.pn-checkbox {\n background: $blue700;\n border: 0.1rem solid $blue700;\n\n svg polyline {\n transition-delay: $bg-timing;\n }\n }\n\n &:checked + label.pn-checkbox {\n svg polyline.checkmark-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate + label.pn-checkbox {\n svg polyline.indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:focus + label.pn-checkbox,\n &:active + label.pn-checkbox {\n box-shadow:\n 0 0 0 0.1rem white,\n 0 0 0 0.3rem $blue700;\n }\n\n &:disabled + label.pn-checkbox {\n background-color: $gray200;\n border: 0.1rem solid $gray400;\n cursor: not-allowed;\n\n svg polyline {\n stroke: $gray400;\n }\n }\n\n &:disabled:checked + label.pn-checkbox {\n border: 0.1rem solid transparent;\n }\n\n &:disabled:active + label.pn-checkbox {\n box-shadow: none;\n }\n }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n tag: 'pn-filter-checkbox',\n styleUrl: 'pn-filter-checkbox.scss',\n shadow: true,\n})\nexport class PnFilterCheckbox {\n /** This will be emitted on change and input, like a native checkbox */\n @Prop({ reflect: true }) value: any;\n /** The name of the checkbox group */\n @Prop() name: string;\n /** The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n */\n @Prop() checkboxid: string;\n @Prop() disabled?: boolean = false;\n @Prop() checked?: boolean = false;\n @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @Listen('change')\n handlechange() {\n this.indeterminate = false;\n }\n\n componentDidLoad() {\n this.checkAndSetIndeterminateState();\n this.bindEvents();\n }\n\n componentDidUpdate() {\n this.checkAndSetIndeterminateState();\n }\n\n bindEvents() {\n const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n labels.forEach(label => {\n label.addEventListener('click', () => {\n this.hostElement.shadowRoot.querySelector('label').click();\n });\n });\n\n const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n }\n\n onCheckboxChange(checkboxInput: HTMLInputElement) {\n let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement | null;\n if (outsideInput) {\n outsideInput.value = checkboxInput.checked ? this.value : '';\n outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n }\n }\n\n checkAndSetIndeterminateState() {\n let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n if (checkbox) {\n checkbox.indeterminate = this.indeterminate;\n }\n }\n\n private renderInputOutsideShadowRoot() {\n let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement | null;\n if (!input) {\n input = this.hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n input.classList.add('hidden-' + this.checkboxid);\n this.hostElement.appendChild(input);\n }\n\n input.name = this.name ?? this.checkboxid;\n }\n\n render() {\n this.renderInputOutsideShadowRoot();\n\n return (\n <Host checked={this.checked} id={this.checkboxid}>\n <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name || this.checkboxid} disabled={this.disabled} checked={this.checked} />\n <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n </svg>\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,0gEAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,0GASE,M,aACD,M,mBACuB,K,CAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,gCACLH,KAAKI,Y,CAGP,kBAAAC,GACEL,KAAKG,+B,CAGP,UAAAC,GACE,MAAME,EAASC,SAASC,iBAAiB,cAAgBR,KAAKS,WAAa,MAC3EH,EAAOI,SAAQC,IACbA,EAAMC,iBAAiB,SAAS,KAC9BZ,KAAKa,YAAYC,WAAWC,cAAc,SAASC,OAAO,GAC1D,IAGJ,MAAMC,EAAgBjB,KAAKa,YAAYC,WAAWC,cAAc,SAChEE,EAAcL,iBAAiB,SAAUZ,KAAKkB,iBAAiBC,KAAKnB,KAAMiB,G,CAG5E,gBAAAC,CAAiBD,GACf,IAAIG,EAAiCpB,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YAC3F,GAAIW,EAAc,CAChBA,EAAaC,MAAQJ,EAAcK,QAAUtB,KAAKqB,MAAQ,GAC1DD,EAAaG,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQL,I,EAInE,6BAAAjB,GACE,IAAIuB,EAAW1B,KAAKa,YAAYE,cAAc,IAAIf,KAAKS,cAEvD,GAAIiB,EAAU,CACZA,EAASzB,cAAgBD,KAAKC,a,EAI1B,4BAAA0B,G,MACN,IAAIC,EAA0B5B,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YACpF,IAAKmB,EAAO,CACVA,EAAQ5B,KAAKa,YAAYgB,cAAcC,cAAc,SACrDF,EAAMG,KAAO,SACbH,EAAMI,UAAUC,IAAI,UAAYjC,KAAKS,YACrCT,KAAKa,YAAYqB,YAAYN,E,CAG/BA,EAAMO,MAAOC,EAAApC,KAAKmC,QAAI,MAAAC,SAAA,EAAAA,EAAIpC,KAAKS,U,CAGjC,MAAA4B,GACErC,KAAK2B,+BAEL,OACEW,EAACC,EAAI,CAAAC,IAAA,2CAAClB,QAAStB,KAAKsB,QAASmB,GAAIzC,KAAKS,YACpC6B,EAAA,SAAAE,IAAA,2CAAOT,KAAK,WAAWU,GAAIzC,KAAKS,WAAYY,MAAOrB,KAAKqB,MAAOc,KAAMnC,KAAKmC,MAAQnC,KAAKS,WAAYiC,SAAU1C,KAAK0C,SAAUpB,QAAStB,KAAKsB,UAC1IgB,EAAA,SAAAE,IAAA,2CAAOG,QAAS3C,KAAKS,WAAYmC,MAAM,eACrCN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC/DT,EAAA,YAAAE,IAAA,2CAAUI,MAAM,iBAAiBI,OAAO,iBAAgB,eAAc,MACtEV,EAAA,YAAAE,IAAA,2CAAUI,MAAM,qBAAqBI,OAAO,aAAY,eAAc,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,d as e,g as l}from"./p-06555615.js";import{d as n}from"./p-aed52bc1.js";import{p as h}from"./p-df8bfe03.js";import{v as o}from"./p-4ed69de7.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}";const u=d;const r=class{constructor(s){t(this,s);this.allFormValues=i(this,"allFormValues",7);this.pnFirstDropdown=null;this.pnSecondDropdown=null;this.pnSumField=null;this.pnConfirmDeleteButton=null;this.pnAbortDeleteButton=null;this._firstDropdownSelection=null;this._secondDropdownSelection=null;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning.toString(),date:""};this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.fristInputLabel=null;this.fristInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowCount=null;this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDelteConfirm=false}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate()}componentDidLoad(){this.updateSum()}setDropDownData(){var t;if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if((t=this.dropdownDataRoot)===null||t===void 0?void 0:t.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}this.rowCount=this.rowData.length}generateUniqueId(){return o()}setFirstValidDate(){var t;const i=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const s=new Date;s.setDate((t=s.getDate()+this.dateDaysFromToday)!==null&&t!==void 0?t:0);const e=s.getFullYear();const l=(s.getMonth()+1).toString().padStart(2,"0");const n=s.getDate().toString().padStart(2,"0");const h=e+i;this.firstValidDateString=`${e.toString()}-${l}-${n}`;this.lastValidDateString=`${h.toString()}-${l}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.rowCount=this.rowData.length;this._secondDropdownSelection=this.rowCount;this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown(){const t=this.pnFirstDropdown.querySelector("[aria-selected=true]");const i=t===null||t===void 0?void 0:t.textContent;if(!(i===null||i===void 0?void 0:i.length)){return}this.dropdownDataRoot.forEach((t=>{t.checked=false}));const s=this.dropdownDataRoot.find((t=>t.label===i));s.checked=true;this._firstDropdownSelection=s.label;this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowCount;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}handleSecondDropdown(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const i=t===null||t===void 0?void 0:t.textContent;if(!(i===null||i===void 0?void 0:i.length)){return}const s=parseInt(i);if(s<this._secondDropdownSelection){this.showDelteConfirm=true}else{for(let t=this.rowCount;t<s;t++){this.addRow(this.generateUniqueId())}}this.updateSum();this.emitValuesIfValid()}predefinedValueChange(t){const i=this.rowData.findIndex((i=>i.id===t.detail.id));const s=t.detail;this.rowData[i]=Object.assign(Object.assign({},this.rowData[i]),{firstInput:s.firstInput,secondInput:s.secondInput,date:s.date});if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(s.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(s.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowCount;i++){this.rowData[i]=Object.assign(Object.assign({},this.rowData[i]),{firstInput:t})}}updateSecondInputOfRows(t){for(let i=1;i<this.rowCount;i++){this.rowData[i]=Object.assign(Object.assign({},this.rowData[i]),{secondInput:t})}}deleteRowEvent(t){const i=this.rowData.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData.splice(i,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this._secondDropdownSelection=this.rowCount;this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData.forEach((i=>{var s;if((s=i===null||i===void 0?void 0:i.firstInput)===null||s===void 0?void 0:s.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const i=t===null||t===void 0?void 0:t.textContent;if(!(i===null||i===void 0?void 0:i.length)){return}const s=this.rowCount-parseInt(i);for(let t=0;t<s;t++){this.rowData.pop()}this.rowData=[...this.rowData];this.showDelteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDelteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((t=>{var i,s,e,l;const n={row:[]};if((i=this._firstDropdownSelection)===null||i===void 0?void 0:i.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};n.row.push(t)}if((s=t.firstInput)===null||s===void 0?void 0:s.length){const i={name:this.fristInputLabel,value:t.firstInput};n.row.push(i)}if((e=t.secondInput)===null||e===void 0?void 0:e.length){const i={name:this.secondInputLabel,value:t.secondInput};n.row.push(i)}if((l=t.date)===null||l===void 0?void 0:l.length){const i={name:this.dateLabel,value:t.date};n.row.push(i)}if(n.row.length===4){this.formValues.push(n)}}));if(this.formValues.length===this.rowData.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){var t,i,l,o,d,u;return s(e,{key:"db917d14641b4a13e6ed4d3a56f4b9ea52a8e0c1",class:"dropdown-with-multi-input-elemet"},s("div",{key:"bdc73044cdb1e6a791b9965086971ecbb796719d",class:"dropdown-with-multi-input-elemet__row"},s("div",{key:"b605ca3179d5884577c78abddf1b9a572a78b927"},s("pn-select",{key:"fd3a84a88a5fb2eb1cae9288b2750f495d10f75d",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,"empty-option":"true"},(t=this.dropdownDataRoot)===null||t===void 0?void 0:t.map(((t,i)=>s("pn-option",{index:i,label:t.value,value:t.value,selected:t.checked,onClick:n(this.handleFirstDropdown.bind(this),500)})))),((i=this.firstDropdownHelperText)===null||i===void 0?void 0:i.length)?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"8b44e50e1460925caec54bd4013ee38420d66761",class:"dropdown-with-multi-input-elemet__row"},s("div",{key:"5a0c06493c7a1176f0a98df2742766d876b2c605"},s("pn-select",{key:"7bcd69a360ef76ff93f610fe8f8d3a2346838538",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,"empty-option":"true"},(l=this.secondDropdownArr)===null||l===void 0?void 0:l.map(((t,i)=>s("pn-option",{index:i,label:t,value:t,selected:t===this._secondDropdownSelection,onClick:n(this.handleSecondDropdown.bind(this),500)})))),((o=this.secondDropdownHelperText)===null||o===void 0?void 0:o.length)?s("small",null,this.secondDropdownHelperText):null)),this.showDelteConfirm?s("div",{class:"dropdown-with-multi-input-elemet__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"442d4cb2e1929663d3c684ae2b8144354d6c1ca3",class:"dropdown-with-multi-input-elemet__label-row"},s("div",{key:"67ea3ffdd6145f4f54196c2d4661f44172ca862b",class:"dropdown-with-multi-input-elemet__label"},s("label",{key:"5f67d7f607818ef0734da82ec2319ff09a6e22aa"},this.fristInputLabel)),s("div",{key:"191274165ed68bc8d15192e1bae9fe0b51cfabfa",class:"dropdown-with-multi-input-elemet__label"},s("label",{key:"03b4feed9670e23d437c180be328638a6818d683"},this.secondInputLabel)),s("div",{key:"0ada8f9bb65f5328243b284717dd237a624a15bd",class:"dropdown-with-multi-input-elemet__label"},s("label",{key:"bb453907c1d3ede20e707799b194826fbbeffa71"},this.dateLabel))),(d=this.rowData)===null||d===void 0?void 0:d.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-elemet__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"frist-input-placeholder":this.fristInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i})))),s("div",{key:"f82a77eb8e120440084210f5cdec604a5dd05172",class:"dropdown-with-multi-input-elemet__row sum-row"},s("pn-marketweb-input",{key:"8197ba89d43c00fa04bd81c33a5e36dbca40b255",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"6c11671b82b65dbf541d2b85c5dc79f437a62d67",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:h,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),((u=this.elementHelperText)===null||u===void 0?void 0:u.length)?s("div",{class:"dropdown-with-multi-input-elemet__row"},this.elementHelperText):null)}get hostElement(){return l(this)}};r.style=u;export{r as pn_dropdown_with_multi_input_rows};
|
|
2
|
-
//# sourceMappingURL=p-3ae1657a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pnDropdownWithMultiInputRowsCss","PnDropdownWithMultiInputRowsStyle0","PnDropdownWithMultiInputRows","this","pnFirstDropdown","pnSecondDropdown","pnSumField","pnConfirmDeleteButton","pnAbortDeleteButton","_firstDropdownSelection","_secondDropdownSelection","_defaultRow","id","generateUniqueId","firstInput","secondInput","secondInputWarning","toString","date","componentWillLoad","formValues","setDropDownData","updateSecondDropdown","setRowData","setFirstValidDate","componentDidLoad","updateSum","dropdownData","dropdownDataRoot","JSON","parse","_a","length","forEach","element","value","checked","label","minRowCount","selectedItem","find","arr","secondDropdownArr","index","secondDropdownMax","push","updateSelectItemArr","caption","item","rowData","row","Object","assign","rowCount","uuidv4","yearsToadd","yearsToAddToEndDate","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","padStart","day","endYear","firstValidDateString","lastValidDateString","addRow","newRowId","newRow","emitValuesIfValid","handleFirstDropdown","selected","querySelector","selectedValue","textContent","selectionRoot","x","handleSecondDropdown","parseInt","showDelteConfirm","predefinedValueChange","e","indexToUpdate","findIndex","data","detail","val","type","updateFirstInputOfRows","updateSecondInputOfRows","deleteRowEvent","indexToRemove","splice","rowSum","sum","deleteExcessRows","rowsToDelete","pop","abortDeleteRows","rowValue","dropDownValue","name","firstDropdownLabel","_b","firstInputValue","fristInputLabel","_c","secondInputValue","secondInputLabel","_d","dateValue","dateLabel","valueJsonString","stringify","allFormValues","emit","render","h","Host","key","class","ref","el","map","i","onClick","debounce","bind","firstDropdownHelperText","secondDropdownLabel","secondDropdownHelperText","deleteMultipleRowsWarningText","small","appearance","confirmDeleteButtonText","abortDeleteButtonText","_e","languageCode","fristInputPlaceholder","firstInputMin","firstInputMax","firstInputWarning","firstInputWarningText","firstInputLowErrorText","firstInputHighErrorText","secondInputPlaceholder","secondInputMin","secondInputMax","secondInputWarningText","secondInputLowErrorText","secondInputHighErrorText","datePlaceholder","firstValidDate","lastValidDate","disabled","sumFieldLabel","tooltip","addRowText","arialabel","icon","plus","variant","_f","elementHelperText"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.scss?tag=pn-dropdown-with-multi-input-rows","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows {\n .dropdown-with-multi-input-elemet {\n &__row {\n margin-bottom: 1rem;\n }\n\n &__delete {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n padding: 1rem;\n background-color: $gray25;\n\n pn-button {\n margin-top: 0.9rem;\n }\n }\n\n &__label-row {\n display: flex;\n gap: 1rem;\n }\n\n &__label {\n width: 30%;\n font-size: 0.875em;\n color: #5e554a;\n }\n }\n\n .sum-row {\n display: flex;\n justify-content: space-between;\n }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-dropdown-with-multi-input-rows',\n styleUrl: 'pn-dropdown-with-multi-input-rows.scss',\n})\nexport class PnDropdownWithMultiInputRows {\n @Element() hostElement: Element;\n pnFirstDropdown: HTMLElement = null;\n pnSecondDropdown: HTMLElement = null;\n pnSumField: HTMLElement = null;\n pnConfirmDeleteButton: HTMLElement = null;\n pnAbortDeleteButton: HTMLElement = null;\n\n @Prop() dropdownData: string | Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() firstDropdownHelperText: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() secondDropdownHelperText: string = null;\n @Prop() secondDropdownMax: number = null;\n @Prop() deleteMultipleRowsWarningText: string = null;\n @Prop() confirmDeleteButtonText: string = null;\n @Prop() abortDeleteButtonText: string = null;\n @Prop() fristInputLabel: string = null;\n @Prop() fristInputPlaceholder: string = null;\n @Prop() firstInputMin: number = null;\n @Prop() firstInputMax: number = null;\n @Prop() firstInputWarning: number = null;\n @Prop() firstInputWarningText: string = null;\n @Prop() firstInputLowErrorText: string = null;\n @Prop() firstInputHighErrorText: string = null;\n @Prop() secondInputLabel: string = null;\n @Prop() secondInputPlaceholder: string = null;\n @Prop() secondInputMin: number = null;\n @Prop() secondInputMax: number = null;\n @Prop() secondInputWarning: number = null;\n @Prop() secondInputWarningText: string = null;\n @Prop() secondInputLowErrorText: string = null;\n @Prop() secondInputHighErrorText: string = null;\n @Prop() dateLabel: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = 1;\n @Prop() yearsToAddToEndDate: number = null;\n @Prop() sumFieldLabel: string = null;\n @Prop() addRowText: string = null;\n @Prop() elementHelperText: string = null;\n\n @State() dropdownDataRoot: Root[] = null;\n @State() secondDropdownArr: number[] = [];\n @State() rowCount: number = null;\n @State() rowData: PredefinedValues[] = null;\n @State() formValues: FormValue[] = null;\n @State() firstValidDateString: string = '';\n @State() lastValidDateString: string = '';\n @State() rowSum: string = null;\n @State() minRowCount: number = null;\n @State() showDelteConfirm: boolean = false;\n\n @Event() allFormValues: EventEmitter<string>;\n\n private _firstDropdownSelection: string = null;\n private _secondDropdownSelection: number = null;\n\n private _defaultRow: PredefinedValues = {\n id: this.generateUniqueId(),\n firstInput: '',\n secondInput: this.secondInputWarning.toString(),\n date: '',\n };\n\n componentWillLoad() {\n this.formValues = [];\n this.setDropDownData();\n this.updateSecondDropdown();\n this.setRowData();\n this.setFirstValidDate();\n }\n\n componentDidLoad() {\n this.updateSum();\n }\n\n setDropDownData() {\n if (typeof this.dropdownData === 'string') {\n this.dropdownDataRoot = JSON.parse(this.dropdownData);\n } else {\n this.dropdownDataRoot = this.dropdownData;\n }\n\n if (this.dropdownDataRoot?.length) {\n this.dropdownDataRoot.forEach(element => {\n if (!element.value) {\n element.value = 0;\n }\n });\n }\n\n if (this.dropdownDataRoot.length > 0) {\n this.dropdownDataRoot[0].checked = true;\n this._firstDropdownSelection = this.dropdownDataRoot[0].label;\n this._secondDropdownSelection = this.dropdownDataRoot[0].value;\n this.minRowCount = this.dropdownDataRoot[0].value;\n }\n }\n\n updateSecondDropdown() {\n const selectedItem = this.dropdownDataRoot.find(arr => arr.checked === true);\n this.secondDropdownArr = [];\n\n for (let index = selectedItem.value; index <= this.secondDropdownMax; index++) {\n this.secondDropdownArr.push(index);\n }\n }\n\n updateSelectItemArr(arr: Root[], caption: string) {\n arr.forEach(item => {\n if (item.label === caption) {\n item.checked = !item.checked;\n } else {\n item.checked = false;\n }\n });\n return arr;\n }\n\n setRowData() {\n this.rowData = [];\n for (let index = 0; index < this._secondDropdownSelection; index++) {\n const row = Object.assign({}, this._defaultRow);\n row.id = this.generateUniqueId();\n this.rowData = [...this.rowData, row];\n }\n\n this.rowCount = this.rowData.length;\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n setFirstValidDate() {\n const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n const date = new Date();\n date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\n\n const year = date.getFullYear();\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const day = date.getDate().toString().padStart(2, '0');\n const endYear = year + yearsToadd;\n\n this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n }\n\n addRow(newRowId: string) {\n const newRow = Object.assign({}, this.rowData[0]);\n newRow.id = newRowId ? newRowId : this.generateUniqueId();\n newRow.date = '';\n this.rowData = [...this.rowData, newRow];\n this.rowCount = this.rowData.length;\n\n this._secondDropdownSelection = this.rowCount;\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.updateSum();\n this.emitValuesIfValid();\n }\n\n handleFirstDropdown() {\n const selected = this.pnFirstDropdown.querySelector('[aria-selected=true]');\n const selectedValue = selected?.textContent;\n if (!selectedValue?.length) {\n return;\n }\n\n this.dropdownDataRoot.forEach(element => {\n element.checked = false;\n });\n\n const selectionRoot = this.dropdownDataRoot.find(x => x.label === selectedValue);\n selectionRoot.checked = true;\n this._firstDropdownSelection = selectionRoot.label;\n this.minRowCount = selectionRoot.value;\n\n if (selectionRoot.value > this._secondDropdownSelection) {\n this.dropdownDataRoot = [...this.dropdownDataRoot];\n\n for (let index = this.rowCount; index < selectionRoot.value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n\n this.updateSecondDropdown();\n this.updateSum();\n this.emitValuesIfValid();\n }\n\n handleSecondDropdown() {\n const selected = this.pnSecondDropdown.querySelector('[aria-selected=true]');\n const selectedValue = selected?.textContent;\n if (!selectedValue?.length) {\n return;\n }\n\n const value = parseInt(selectedValue);\n if (value < this._secondDropdownSelection) {\n this.showDelteConfirm = true;\n } else {\n for (let index = this.rowCount; index < value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n this.updateSum();\n this.emitValuesIfValid();\n }\n\n @Listen('rowValueChange')\n @Listen('firstInputChange')\n @Listen('secondInputChange')\n predefinedValueChange(e) {\n const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n const val: PredefinedValues = e.detail;\n this.rowData[indexToUpdate] = {\n ...this.rowData[indexToUpdate],\n firstInput: val.firstInput,\n secondInput: val.secondInput,\n date: val.date,\n };\n\n if (e.type === 'firstInputChange' && indexToUpdate === 0) {\n this.updateFirstInputOfRows(val.firstInput);\n }\n\n if (e.type === 'secondInputChange' && indexToUpdate === 0) {\n this.updateSecondInputOfRows(val.secondInput);\n }\n\n this.rowData = [...this.rowData];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateFirstInputOfRows(value: string) {\n for (let index = 1; index < this.rowCount; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n firstInput: value,\n };\n }\n }\n\n updateSecondInputOfRows(value: string) {\n for (let index = 1; index < this.rowCount; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n secondInput: value,\n };\n }\n }\n\n @Listen('deleteRowEvent')\n deleteRowEvent(e) {\n const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n if (indexToRemove < 0) {\n return;\n }\n\n this.rowData.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n this.rowCount = this.rowData.length;\n\n this._secondDropdownSelection = this.rowCount;\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateSum() {\n this.rowSum = '';\n let sum = 0;\n this.rowData.forEach(element => {\n if (element?.firstInput?.length) {\n sum += parseInt(element.firstInput);\n }\n });\n\n this.rowSum = sum.toString();\n }\n\n deleteExcessRows() {\n const selected = this.pnSecondDropdown.querySelector('[aria-selected=true]');\n const selectedValue = selected?.textContent;\n if (!selectedValue?.length) {\n return;\n }\n const rowsToDelete = this.rowCount - parseInt(selectedValue);\n for (let index = 0; index < rowsToDelete; index++) {\n this.rowData.pop();\n }\n this.rowData = [...this.rowData];\n this.showDelteConfirm = false;\n this.updateSum();\n }\n\n abortDeleteRows() {\n this.showDelteConfirm = false;\n }\n\n emitValuesIfValid() {\n this.formValues = [];\n this.rowData.forEach(item => {\n const rowValue: FormValue = { row: [] };\n\n if (this._firstDropdownSelection?.length) {\n const dropDownValue: RowValue = { name: this.firstDropdownLabel, value: this._firstDropdownSelection };\n rowValue.row.push(dropDownValue);\n }\n\n if (item.firstInput?.length) {\n const firstInputValue: RowValue = { name: this.fristInputLabel, value: item.firstInput };\n rowValue.row.push(firstInputValue);\n }\n\n if (item.secondInput?.length) {\n const secondInputValue: RowValue = { name: this.secondInputLabel, value: item.secondInput };\n rowValue.row.push(secondInputValue);\n }\n\n if (item.date?.length) {\n const dateValue: RowValue = { name: this.dateLabel, value: item.date };\n rowValue.row.push(dateValue);\n }\n\n if (rowValue.row.length === 4) {\n this.formValues.push(rowValue);\n }\n });\n\n if (this.formValues.length === this.rowData.length) {\n const valueJsonString = JSON.stringify(this.formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n render() {\n return (\n <Host class=\"dropdown-with-multi-input-elemet\">\n <div class=\"dropdown-with-multi-input-elemet__row\">\n <div>\n <pn-select ref={el => (this.pnFirstDropdown = el as HTMLElement)} class=\"pn-row-select-dropdown dropDown1-dropdown\" label={this.firstDropdownLabel} empty-option=\"true\">\n {this.dropdownDataRoot?.map((item, i) => (\n <pn-option index={i} label={item.value} value={item.value} selected={item.checked} onClick={debounce(this.handleFirstDropdown.bind(this), 500)}></pn-option>\n ))}\n </pn-select>\n {this.firstDropdownHelperText?.length ? <small>{this.firstDropdownHelperText}</small> : null}\n </div>\n </div>\n\n <div class=\"dropdown-with-multi-input-elemet__row\">\n <div>\n <pn-select ref={el => (this.pnSecondDropdown = el as HTMLElement)} class=\"pn-row-select-dropdown dropDown2-dropdown\" label={this.secondDropdownLabel} empty-option=\"true\">\n {this.secondDropdownArr?.map((item, i) => (\n <pn-option index={i} label={item} value={item} selected={item === this._secondDropdownSelection} onClick={debounce(this.handleSecondDropdown.bind(this), 500)}></pn-option>\n ))}\n </pn-select>\n {this.secondDropdownHelperText?.length ? <small>{this.secondDropdownHelperText}</small> : null}\n </div>\n </div>\n\n {this.showDelteConfirm ? (\n <div class=\"dropdown-with-multi-input-elemet__delete\">\n <p>{this.deleteMultipleRowsWarningText}</p>\n <pn-button ref={el => (this.pnConfirmDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"warning\" onClick={this.deleteExcessRows.bind(this)}>\n {this.confirmDeleteButtonText}\n </pn-button>\n <pn-button ref={el => (this.pnAbortDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"light\" onClick={this.abortDeleteRows.bind(this)}>\n {this.abortDeleteButtonText}\n </pn-button>\n </div>\n ) : null}\n\n <div class=\"dropdown-with-multi-input-elemet__label-row\">\n <div class=\"dropdown-with-multi-input-elemet__label\">\n <label>{this.fristInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-elemet__label\">\n <label>{this.secondInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-elemet__label\">\n <label>{this.dateLabel}</label>\n </div>\n </div>\n\n {this.rowData?.map((data, i) => {\n return (\n <div class={'dropdown-with-multi-input-elemet__row generated-row-' + i} id={'generated-row-' + i}>\n <pn-dropdown-with-multi-input-rows-row\n language-code={this.languageCode}\n frist-input-placeholder={this.fristInputPlaceholder}\n first-input-min={this.firstInputMin}\n first-input-max={this.firstInputMax}\n first-input-warning={this.firstInputWarning}\n first-input-warning-text={this.firstInputWarningText}\n first-input-low-error-text={this.firstInputLowErrorText}\n first-input-high-error-text={this.firstInputHighErrorText}\n second-input-placeholder={this.secondInputPlaceholder}\n second-input-min={this.secondInputMin}\n second-input-max={this.secondInputMax}\n second-input-warning={this.secondInputWarning}\n second-input-warning-text={this.secondInputWarningText}\n second-input-low-error-text={this.secondInputLowErrorText}\n second-input-high-error-text={this.secondInputHighErrorText}\n datePlaceholder={this.datePlaceholder}\n firstValidDate={this.firstValidDateString}\n lastValidDate={this.lastValidDateString}\n predefined-value={JSON.stringify(data)}\n min-row-count={this.minRowCount}\n row-index={i}\n ></pn-dropdown-with-multi-input-rows-row>\n </div>\n );\n })}\n\n <div class=\"dropdown-with-multi-input-elemet__row sum-row\">\n <pn-marketweb-input disabled={true} ref={el => (this.pnSumField = el as HTMLElement)} type=\"number\" value={this.rowSum} label={this.sumFieldLabel}></pn-marketweb-input>\n\n <pn-button\n tooltip={this.addRowText ? this.addRowText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow(this.generateUniqueId());\n }}\n >\n {this.addRowText}\n </pn-button>\n </div>\n\n {this.elementHelperText?.length ? <div class=\"dropdown-with-multi-input-elemet__row\">{this.elementHelperText}</div> : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,d as i,g as r}from"./p-06555615.js";const s={sv:{introMessage:`Välj ombud du vill agera som?`},en:{introMessage:`Which customer number do you want to handle today?`},da:{introMessage:`Hvilket kundenummer vil du håndtere i dag?`},no:{introMessage:`Hvilket kundenummer ønsker du å håndtere i dag?`},fi:{introMessage:`Mitä asiakasnumeroa haluat käsitellä tänään?`},de:{introMessage:`Welche Kundennummer möchten Sie heute bearbeiten?`}};const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-selector{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profileselector-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profileselector-logo svg{display:block;margin:0 auto 2.4rem}.profileselector-intromessage{text-align:center;font-weight:700}";const n=o;const l=class{constructor(t){e(this,t);this.language="sv";this.returnUrl="/";this.heading=null;this.i18n=s["en"];this.isLoading=true;this.numberOfProfiles=1}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&s[this.language]){this.i18n=s[this.language]}}render(){return t(i,{key:"507afcbe6e54bd1717fe7a43f3919c2c9d4bd6f7"},t("div",{key:"6c81b92156651080f9c0e65f63310820e9197fb6",class:"profileselector-container"},t("div",{key:"1dbd6d2c872fc13d6654afa7dcae3704783b09e8",class:"profileselector-logo"},t("svg",{key:"30a12bec10c160c4d120376251f99bc0de39ce0e",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},t("path",{key:"1e0956b44ba531ff5918209cdd8f4c8e6baa8cc2","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:t("div",{class:"profileselector-intromessage"},this.heading===null?this.i18n.introMessage:this.heading),t("slot",{key:"0b301901864769b2b4e3fa3e2610c62de2b26de5"})))}get hostElement(){return r(this)}};l.style=n;export{l as pn_profile_selector};
|
|
2
|
-
//# sourceMappingURL=p-545ea4ef.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pnLinkListCss","PnLinkListStyle0","PnLinkList","this","slider","isDragging","startX","scrollLeft","handleMouseDown","e","target","isContainerClick","classList","contains","isLinkClick","tagName","_a","add","pageX","_b","offsetLeft","_c","preventDefault","handleMouseLeave","remove","handleMouseUp","handleMouseMove","x","move","componentDidLoad","document","querySelector","render","h","Host","key","class","heading","preamble","onMouseDown","onMouseUp","onMouseLeave","onMouseMove","name","showMoreUrl","appearance","href","showMoreLabel"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n .link-list__header {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n margin-bottom: 0.8rem;\n }\n\n .link-list__heading {\n margin-bottom: 0.8rem;\n\n @media screen and (min-width: 1140px) {\n font-size: 3.2rem;\n }\n }\n\n .link-list__preamble {\n max-width: 85rem;\n text-align: center;\n margin-bottom: 0;\n\n @media screen and (min-width: 1140px) {\n text-wrap: balance;\n }\n }\n\n .link-list {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n\n margin: 0;\n margin-bottom: 2.4rem;\n padding: 0;\n }\n\n .link-list__container {\n overflow-x: auto;\n text-align: center;\n white-space: nowrap;\n\n &.link-list__active {\n a,\n li,\n ul {\n cursor: grab;\n cursor: -webkit-grab;\n }\n }\n\n &::-webkit-scrollbar {\n height: 0.4rem;\n margin-top: 2rem;\n -webkit-appearance: none;\n\n @media screen and (min-width: 768px) {\n height: 0.6rem;\n }\n }\n\n &::-webkit-scrollbar-thumb {\n background: $blue700;\n border-radius: 2rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #d3cecb;\n border-radius: 2rem;\n width: 100%;\n margin: 0 5rem;\n\n @media screen and (min-width: 768px) {\n margin: 0 10rem;\n }\n\n @media screen and (min-width: 1140px) {\n margin: 0 15rem;\n }\n\n @media screen and (min-width: 1440px) {\n margin: 0 20rem;\n }\n }\n\n &::-webkit-resizer {\n display: none;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n height: 85%;\n width: 10%;\n }\n\n &::before {\n background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n left: 0;\n }\n\n &::after {\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n right: 0;\n }\n }\n\n .link-list__scrollable {\n display: inline-block;\n padding: 2rem 0 1rem;\n\n @media screen and (min-width: 992px) {\n padding: 0.5rem 2rem 1rem;\n }\n }\n\n [slot='linklist'] {\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0 1.6rem;\n }\n\n li {\n & > a {\n display: block;\n color: $gray900;\n font-size: 1.4rem;\n font-weight: 500;\n line-height: 140%;\n text-decoration: none;\n cursor: pointer;\n\n background-color: $white;\n border: 0.1rem solid $gray200;\n border-radius: 0.8rem;\n margin: 0 0.8rem;\n padding: 1rem;\n\n @media screen and (min-width: 1410px) {\n font-size: 1.6rem;\n }\n\n &:hover,\n &:active,\n &:focus {\n color: #fff;\n }\n\n &:hover,\n &:focus {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n outline: 2px solid $blue700;\n outline-offset: 2px;\n }\n }\n }\n }\n\n .link-list__button {\n display: flex;\n justify-content: center;\n }\n\n @-moz-document url-prefix() {\n .link-list__container {\n scrollbar-color: $blue700 #d3cecb;\n }\n\n .link-list__scrollable {\n padding: 0.5rem 2rem 2rem;\n }\n }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'pn-link-list',\n styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n @Prop() heading: string = null;\n @Prop() label: string = null;\n @Prop() preamble: string = null;\n @Prop() url: string = null;\n @Prop() showMoreLabel: string = null;\n @Prop() showMoreUrl: string = null;\n\n private slider: HTMLElement = null;\n private isDragging = false;\n private startX = 0;\n private scrollLeft = 0;\n\n componentDidLoad() {\n this.slider = document.querySelector('.link-list__container') as HTMLElement;\n }\n\n private handleMouseDown = (e: MouseEvent) => {\n const target = e.target as HTMLElement;\n\n const isContainerClick = target.classList.contains('link-list__container');\n const isLinkClick = target.tagName === 'A';\n\n if (isContainerClick || isLinkClick) {\n this.isDragging = true;\n this.slider?.classList.add('link-list__active');\n this.startX = e.pageX - this.slider?.offsetLeft;\n this.scrollLeft = this.slider?.scrollLeft;\n\n if (isLinkClick) {\n e.preventDefault();\n }\n }\n };\n\n private handleMouseLeave = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseUp = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseMove = (e: MouseEvent) => {\n if (this.isDragging) {\n const x = e.pageX - this.slider?.offsetLeft;\n const move = (x - this.startX) * 2;\n this.slider.scrollLeft = this.scrollLeft - move;\n }\n };\n\n render() {\n return (\n <Host>\n <div class=\"link-list__header\">\n <h2 class=\"link-list__heading\">{this.heading}</h2>\n <p class=\"link-list__preamble\">{this.preamble}</p>\n </div>\n <div class=\"link-list\">\n <div\n class=\"link-list__container\"\n onMouseDown={this.handleMouseDown}\n onMouseUp={this.handleMouseUp}\n onMouseLeave={this.handleMouseLeave}\n onMouseMove={this.handleMouseMove}\n >\n <div class=\"link-list__scrollable\">\n <slot name=\"linklist\" />\n </div>\n </div>\n </div>\n {this.showMoreUrl ? (\n <div class=\"link-list__button\">\n <pn-button appearance=\"light\" href={this.showMoreUrl}>\n {this.showMoreLabel}\n </pn-button>{' '}\n </div>\n ) : (\n ''\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,+1GACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,yBAQbC,KAAAC,OAAsB,KACtBD,KAAAE,WAAa,MACbF,KAAAG,OAAS,EACTH,KAAAI,WAAa,EAMbJ,KAAAK,gBAAmBC,I,UACzB,MAAMC,EAASD,EAAEC,OAEjB,MAAMC,EAAmBD,EAAOE,UAAUC,SAAS,wBACnD,MAAMC,EAAcJ,EAAOK,UAAY,IAEvC,GAAIJ,GAAoBG,EAAa,CACnCX,KAAKE,WAAa,MAClBW,EAAAb,KAAKC,UAAM,MAAAY,SAAA,SAAAA,EAAEJ,UAAUK,IAAI,qBAC3Bd,KAAKG,OAASG,EAAES,QAAQC,EAAAhB,KAAKC,UAAM,MAAAe,SAAA,SAAAA,EAAEC,YACrCjB,KAAKI,YAAac,EAAAlB,KAAKC,UAAM,MAAAiB,SAAA,SAAAA,EAAEd,WAE/B,GAAIO,EAAa,CACfL,EAAEa,gB,IAKAnB,KAAAoB,iBAAmB,K,MACzBpB,KAAKE,WAAa,OAClBW,EAAAb,KAAKC,UAAM,MAAAY,SAAA,SAAAA,EAAEJ,UAAUY,OAAO,oBAAoB,EAG5CrB,KAAAsB,cAAgB,K,MACtBtB,KAAKE,WAAa,OAClBW,EAAAb,KAAKC,UAAM,MAAAY,SAAA,SAAAA,EAAEJ,UAAUY,OAAO,oBAAoB,EAG5CrB,KAAAuB,gBAAmBjB,I,MACzB,GAAIN,KAAKE,WAAY,CACnB,MAAMsB,EAAIlB,EAAES,QAAQF,EAAAb,KAAKC,UAAM,MAAAY,SAAA,SAAAA,EAAEI,YACjC,MAAMQ,GAAQD,EAAIxB,KAAKG,QAAU,EACjCH,KAAKC,OAAOG,WAAaJ,KAAKI,WAAaqB,C,gBAhDrB,K,WACF,K,cACG,K,SACL,K,mBACU,K,iBACF,I,CAO9B,gBAAAC,GACE1B,KAAKC,OAAS0B,SAASC,cAAc,wB,CAuCvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,sBAAsBjC,KAAKkC,SACrCJ,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBjC,KAAKmC,WAEvCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,OAAAE,IAAA,2CACEC,MAAM,uBACNG,YAAapC,KAAKK,gBAClBgC,UAAWrC,KAAKsB,cAChBgB,aAActC,KAAKoB,iBACnBmB,YAAavC,KAAKuB,iBAElBO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,gBAIhBxC,KAAKyC,YACJX,EAAA,OAAKG,MAAM,qBACTH,EAAA,aAAWY,WAAW,QAAQC,KAAM3C,KAAKyC,aACtCzC,KAAK4C,eACK,KACT,G","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,d as i,g as o}from"./p-06555615.js";import{d as s}from"./p-aed52bc1.js";import{m as d}from"./p-b2f2fbb6.js";import{v as l}from"./p-4ed69de7.js";const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-multi-row-connected-dropdown-row{gap:1rem}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}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-end;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 c=h;const r=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.pnConnectedDropdown=null;this.pnConnectedDropdownSlotElement=null;this.pnAddFieldButton=null;this.pnFirstDropdown=null;this.pnSecondDropdown=null;this.pnInputField=null;this.pnSingleDatePicker=null;this.pnStartDate=null;this.pnEndDate=null;this.pnShowDateRangeFiledButton=null;this.pnDateRangeContainer=null;this.pnGenerateDatesButton=null;this.pnDaysRow=null;this.pnGeneratedDatesSlot=null;this.pnSaveGeneratedDatesButton=null;this.pnDeleteRowButton=null;this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFildLabel=null;this.inputFildPlaceholder=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.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.starDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate()}componentDidLoad(){this.setInitialValues();this.addEventHandlers();this.emittRowValues()}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();this.setInitialValues()}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(){var t;this.buttonsArray=[];if((t=this._predefinedValue.buttons)===null||t===void 0?void 0:t.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(){var t;this.firstDropdownArr=[];if((t=this._predefinedValue.firstDropdown)===null||t===void 0?void 0:t.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){var t;this.secondDropdownArr=[];if((t=this._predefinedValue.secondDropdown)===null||t===void 0?void 0:t.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){var t;this.inputFieldValue=((t=this._predefinedValue.input)===null||t===void 0?void 0:t.length)?this._predefinedValue.input:""}setDateValue(){var t,e,n;if(this.allowMultipleDates){this.pnDateRangeContainer.style.display=((t=this._predefinedValue.dates["start"])===null||t===void 0?void 0:t.length)?"":"none";this.generatedDatesArr=((e=this._predefinedValue.dates["start"])===null||e===void 0?void 0:e.length)?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=((n=this._predefinedValue.dates["start"])===null||n===void 0?void 0:n.length)?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){var t,e;this.daysArr=this._predefinedValue.dateRange.days;this.starDateValue=((t=this._predefinedValue.dateRange.startDate)===null||t===void 0?void 0:t.length)?this._predefinedValue.dateRange.startDate:"";this.endDateValue=((e=this._predefinedValue.dateRange.endDate)===null||e===void 0?void 0:e.length)?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){var t;const e=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const n=new Date;n.setDate((t=n.getDate()+this.dateDaysFromToday)!==null&&t!==void 0?t:0);const i=n.getFullYear();const o=(n.getMonth()+1).toString().padStart(2,"0");const s=n.getDate().toString().padStart(2,"0");const d=i+e;this.firstValidDateString=`${i.toString()}-${o}-${s}`;this.lastValidDateString=`${d.toString()}-${o}-${s}`}addEventHandlers(){const t=s(this.emittRowValues.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);if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnStartDate.addEventListener("dateselection",this.HandleRangeDatePickers.bind(this));this.pnEndDate.addEventListener("dateselection",this.HandleRangeDatePickers.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t)}else{this.pnSingleDatePicker.addEventListener("dateselection",this.setSingleDateValue.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return l()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){var e;t.preventDefault();const n=t.target.innerHTML;this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,n)];this.selectedButtonValue=this.buttonsArray.filter((t=>t.selected===true)).length>0?n:"";if((e=this.selectedButtonValue)===null||e===void 0?void 0:e.length){this.firstDropdownArr=[];const t=this._dropdownData.find((t=>t.label===n));t.values.forEach((t=>{this.firstDropdownArr.push({selected:false,value:t.label,label:t.label})}));this.firstDropdownArr=[...this.firstDropdownArr];this.firstDropdownPlaceholder=this.dropdownPlaceholder;const e=this.pnFirstDropdown.querySelector(".pn-select-content span");e.innerHTML=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-";const i=this.pnSecondDropdown.querySelector(".pn-select-content span");i.innerHTML=this.secondDropdownPlaceholder}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";const t=this.pnFirstDropdown.querySelector(".pn-select-content span");t.innerHTML=this.firstDropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-";const e=this.pnSecondDropdown.querySelector(".pn-select-content span");e.innerHTML=this.secondDropdownPlaceholder}this.emittRowValues()}handleFirstDropdownChange(){const t=this.pnFirstDropdown.querySelector("[aria-selected=true]");const e=t===null||t===void 0?void 0:t.textContent;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,e)];const n=this.pnFirstDropdown.querySelector(".pn-select-content span");n.innerHTML=e;this.secondDropdownArr=[];const i=this.buttonsArray.findIndex((t=>t.selected===true));const o=this._dropdownData.find((t=>t.label===this.buttonsArray[i].value));const s=o.values.find((t=>t.label===e));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));this.secondDropdownPlaceholder=this.dropdownPlaceholder;const d=this.pnSecondDropdown.querySelector(".pn-select-content span");d.innerHTML=this.secondDropdownPlaceholder;this.emittRowValues()}handleSecondDropdownChange(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const e=t===null||t===void 0?void 0:t.textContent;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,e)];const n=this.pnSecondDropdown.querySelector(".pn-select-content span");n.innerHTML=e;this.emittRowValues()}handleInput(t){const e=t.target;if(e.value!=="0"){this.inputFieldValue=e.value}}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}HandleRangeDatePickers(t){const e=t.target;if(e===this.pnStartDate){this.starDateValue=t.detail}if(e===this.pnEndDate){this.endDateValue=t.detail}}generateDates(t){var e;t.preventDefault();const n=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const i=[];this.generatedDatesArr=[];n.forEach((t=>{const e=t.querySelector("input");if(e.value){i.push(e.value)}}));if(i.length&&this.starDateValue&&this.endDateValue){this.daysArr.forEach((t=>{if(i.some((e=>e===t.value))){t.selected=true}else{t.selected=false}}));const t=new Date(Date.parse(this.starDateValue));const n=new Date(Date.parse(this.endDateValue));for(var o=t;o<=n;o.setDate(o.getDate()+1)){const t=this.daysArr.findIndex((t=>parseInt(t.value)===o.getDay()));if((e=this.daysArr[t])===null||e===void 0?void 0:e.selected){const t=o.getFullYear();const e=(o.getMonth()+1).toString().padStart(2,"0");const n=o.getDate().toString().padStart(2,"0");this.generatedDatesArr.push(`${t}-${e}-${n}`)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){var t;if((t=this.generatedDatesArr)===null||t===void 0?void 0:t.length){this.dateValue=String(this.generatedDatesArr);const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}setSingleDateValue(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=t.detail}}emittRowValues(){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.starDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){var t,e,o,l,h,c,r,a,p;return n(i,{key:"ad539e2ba8ab36a8b052be6cd30a901847de6f00"},n("div",{key:"36b00805294171c2bf910cda8fb80da2b449cd31",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},n("div",{key:"3d3e46feab301b4e9f3db92365fd0e3c4b69a518",class:"connected-dropdown-parent-element connected-dropdown"},n("div",{key:"62bd8eb88f0ca11ad06c2a1053bd823500719c6a",class:"connected-dropdown__row__no-margin"},n("label",{key:"afe3977594b5a3e54865e6cd10a6cbdefb578c79"},this.label)),n("div",{key:"96ffced084b72620088cb2357f8266fc12c9fc87",class:"connected-dropdown__row button-row"},n("div",{key:"9539103ef44c6e314c792f46b8ef33e114ce8306",class:"connected-dropdown__button-container option-buttons"},(t=this.buttonsArray)===null||t===void 0?void 0:t.map((t=>n("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),n("div",{key:"39fdaad5b12573c7e8d453deaf5b10ad558a8eb3",class:"connected-dropdown__button-container delete-button"},this.index>0?n("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),n("div",{key:"c8c808aa6214dfd234b0d383c2f3dbe075c938af",class:"connected-dropdown__row input-row"},n("pn-select",{key:"54a0e807950b4d70b6a253ffff772452767a9d1b",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",placeholder:this.firstDropdownPlaceholder,label:this.firstDropdownLabel,"empty-option":"true"},(e=this.firstDropdownArr)===null||e===void 0?void 0:e.map(((t,e)=>n("pn-option",{index:e,label:t.label,value:t.value,selected:t.selected,onClick:s(this.handleFirstDropdownChange.bind(this),500)})))),n("pn-select",{key:"ac1a665b98da67b0cb7e74609c4e21f0d67a7244",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",placeholder:this.secondDropdownPlaceholder,label:this.secondDropdownLabel,"empty-option":"true"},(o=this.secondDropdownArr)===null||o===void 0?void 0:o.map(((t,e)=>n("pn-option",{index:e,label:t.label,value:t.value,selected:t.selected,onClick:s(this.handleSecondDropdownChange.bind(this),500)})))),n("pn-marketweb-input",{key:"7c8c8093092dae071cb25473062b0da157f7070f",ref:t=>this.pnInputField=t,type:"number",placeholder:"0",label:this.inputFildLabel,value:this.inputFieldValue,min:"1"}),this.allowMultipleDates?n("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.dateButtonText)),n("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","disable-weekends":true,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:((l=this.dateValue)===null||l===void 0?void 0:l.length)?this.dateValue:null}))),this.allowMultipleDates?n("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?n("div",{class:"connected-dropdown__row"},n("p",null,this.multiDateHelperText)):null,n("div",{class:"connected-dropdown__multi-date-row"},n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.startDateLabel)),n("pn-date-picker",{ref:t=>this.pnStartDate=t,range:"false","disable-weekends":true,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,start:((h=this.starDateValue)===null||h===void 0?void 0:h.length)?this.starDateValue:null})),n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.endDateLabel)),n("pn-date-picker",{ref:t=>this.pnEndDate=t,range:"false","disable-weekends":true,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,start:((c=this.endDateValue)===null||c===void 0?void 0:c.length)?this.endDateValue:null}))),n("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},(r=this.daysArr)===null||r===void 0?void 0:r.map((t=>n("div",{class:"connected-dropdown__checkbox"},n("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),n("label",{htmlFor:"day-"+t.value},t.label))))),n("div",{class:"connected-dropdown__row"},n("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),n("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},(a=this.generatedDatesArr)===null||a===void 0?void 0:a.map(((t,e)=>n("div",{class:"connected-dropdown__row generated-date-row"},n("p",null,t),n("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!((p=this.generatedDatesArr)===null||p===void 0?void 0:p.length)?n("p",null,this.noDatesText):null),n("div",{class:"connected-dropdown__row"},n("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}get hostElement(){return o(this)}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};r.style=c;export{r as pn_multi_row_connected_dropdown_row};
|
|
2
|
-
//# sourceMappingURL=p-5ff663be.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pnMultiRowConnectedDropdownRowCss","PnMultiRowConnectedDropdownRowStyle0","PnMultiRowConnectedDropdownRow","this","pnConnectedDropdown","pnConnectedDropdownSlotElement","pnAddFieldButton","pnFirstDropdown","pnSecondDropdown","pnInputField","pnSingleDatePicker","pnStartDate","pnEndDate","pnShowDateRangeFiledButton","pnDateRangeContainer","pnGenerateDatesButton","pnDaysRow","pnGeneratedDatesSlot","pnSaveGeneratedDatesButton","pnDeleteRowButton","componentWillLoad","getPredefinedValues","setDropDownData","setFirstValidDate","componentDidLoad","setInitialValues","addEventHandlers","emittRowValues","dropdownData","_dropdownData","JSON","parse","_predefinedValue","predefinedValue","applyPredefinedValue","setButtonsValue","setFirstDropdownValues","setSecondDropdownValues","setInputField","setDateValue","setDateRangeDefaults","firstDropdownClass","firstDropdownLabel","replace","secondDropdownClass","secondDropdownLabel","buttonsArray","_a","buttons","length","forEach","item","selected","selectedButtonValue","value","button","label","push","firstDropdownArr","firstDropdown","secondDropdownArr","secondDropdown","inputFieldValue","input","allowMultipleDates","style","display","dates","generatedDatesArr","_b","split","saveGeneratedDates","dateValue","_c","daysArr","dateRange","days","starDateValue","startDate","endDateValue","endDate","yearsToadd","yearsToAddToEndDate","date","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","toString","padStart","day","endYear","firstValidDateString","lastValidDateString","emmitValues","debounce","bind","addEventListener","handleInput","showDateRangeRow","HandleRangeDatePickers","generateDates","setSingleDateValue","index","deleteRow","generateUniqueId","uuidv4","updateSelectItemArr","arr","val","handleOptionButtonClick","e","preventDefault","elmValue","target","innerHTML","filter","selectionChildren","find","values","firstDropdownPlaceholder","dropdownPlaceholder","firstDropdownText","querySelector","secondDropdownPlaceholder","secondDropdownText","handleFirstDropdownChange","selectedValue","textContent","selectedButton","findIndex","firstChildren","secondChildren","handleSecondDropdownChange","elm","detail","allCheckboxes","querySelectorAll","selectedDays","element","some","x","d","i","parseInt","getDay","deleteGeneratedDateRow","splice","String","dateCount","buttonTextElm","dateButtonText","rowValueChange","emit","id","deleteRowEvent","setActive","active","render","h","Host","key","ref","el","class","map","onClick","small","icon","minus","appearance","placeholder","type","inputFildLabel","min","range","language","languageCode","datePlaceholder","start","_d","multiDateHelperText","startDateLabel","_e","endDateLabel","_f","_g","checkboxid","name","checked","htmlFor","generateDatesButtonText","_h","_j","noDatesText","saveDateButtonText"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.scss?tag=pn-multi-row-connected-dropdown-row","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown-row {\n gap: 1rem;\n\n .connected-dropdown-parent-element {\n margin-bottom: 0.5rem;\n }\n\n pn-select {\n width: 35%;\n }\n\n pn-marketweb-input {\n width: 10%;\n\n input {\n height: 4.3rem;\n }\n }\n\n .connected-dropdown {\n padding: 1rem;\n border-left: 0.2rem solid $blue700;\n\n &:hover {\n background-color: $gray25;\n }\n\n &__toggle-date-button {\n width: 20%;\n margin-bottom: 0.5rem;\n }\n\n &__row {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n margin-bottom: 1rem;\n justify-content: space-between;\n\n &__no-margin {\n margin: 0;\n }\n }\n\n &__multi-date-row {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n &__button-container {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__button {\n background-color: #ffffff;\n border: solid;\n border-width: 0.1rem;\n border-radius: 0.8rem;\n border-color: $blue700;\n padding: 0.4rem 0.8rem;\n color: $blue700;\n font-size: 1.4rem;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n\n &:hover,\n &.active {\n background-color: $blue900;\n border-color: $blue900;\n color: #ffffff;\n }\n }\n\n &__buttom-container-right {\n display: flex;\n }\n\n &__button-right {\n margin-left: auto;\n }\n\n &__label-container {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n &__checkbox {\n display: flex;\n gap: 0.5rem;\n }\n\n &__date-slot {\n border: 0.1rem solid $blue700;\n margin-bottom: 1rem;\n padding: 1rem;\n }\n }\n\n .generated-date-row {\n border-bottom: 0.1rem solid $blue700;\n }\n}\n","import { Component, Prop, h, Element, Host, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Root, SelectItem, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { v4 as uuidv4 } from 'uuid';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-multi-row-connected-dropdown-row',\n styleUrl: 'pn-multi-row-connected-dropdown-row.scss',\n})\nexport class PnMultiRowConnectedDropdownRow {\n @Element() hostElement: Element;\n private _dropdownData: Root[];\n private _predefinedValue: PredefinedValues;\n pnConnectedDropdown: HTMLElement = null;\n pnConnectedDropdownSlotElement: HTMLElement = null;\n pnAddFieldButton: HTMLElement = null;\n pnFirstDropdown: HTMLElement = null;\n pnSecondDropdown: HTMLElement = null;\n pnInputField: HTMLElement = null;\n pnSingleDatePicker: HTMLElement = null;\n pnStartDate: HTMLElement = null;\n pnEndDate: HTMLElement = null;\n pnShowDateRangeFiledButton: HTMLElement = null;\n pnDateRangeContainer: HTMLElement = null;\n pnGenerateDatesButton: HTMLElement = null;\n pnDaysRow: HTMLElement = null;\n pnGeneratedDatesSlot: HTMLElement = null;\n pnSaveGeneratedDatesButton: HTMLElement = null;\n pnDeleteRowButton: HTMLElement = null;\n\n @Prop() dropdownData: string | Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() label: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() dropdownPlaceholder: string = null;\n @Prop() addRowText: string = null;\n @Prop() inputFildLabel: string = null;\n @Prop() inputFildPlaceholder: string = null;\n @Prop() dateButtonText: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = 1;\n @Prop() allowMultipleDates: boolean = null;\n @Prop() startDateLabel: string = null;\n @Prop() endDateLabel: string = null;\n @Prop() multiDateHelperText: string = null;\n @Prop() generateDatesButtonText: string = null;\n @Prop() saveDateButtonText: string = null;\n @Prop() noDatesText: string = null;\n @Prop() index: number = null;\n @Prop() predefinedValue: string = null;\n @Prop() yearsToAddToEndDate: number = null;\n\n @State() buttonsArray: SelectItem[] = null;\n @State() firstDropdownArr: SelectItem[] = null;\n @State() secondDropdownArr: SelectItem[] = [];\n @State() firstDropdownClass: string = null;\n @State() secondDropdownClass: string = null;\n @State() firstValidDateString: string = '';\n @State() lastValidDateString: string = '';\n @State() firstDropdownPlaceholder: string = '-';\n @State() secondDropdownPlaceholder: string = '-';\n @State() starDateValue: string = '';\n @State() endDateValue: string = '';\n @State() generatedDatesArr: string[] = [];\n @State() selectedButtonValue: string = '';\n @State() inputFieldValue: string = '';\n @State() dateValue: string = '';\n @State() daysArr: SelectItem[] = null;\n\n @Event() rowValueChange: EventEmitter<PredefinedValues>;\n @Event() deleteRowEvent: EventEmitter<string>;\n\n componentWillLoad() {\n this.getPredefinedValues();\n this.setDropDownData();\n this.setFirstValidDate();\n }\n\n componentDidLoad() {\n this.setInitialValues();\n this.addEventHandlers();\n this.emittRowValues();\n }\n\n setDropDownData() {\n if (typeof this.dropdownData === 'string') {\n this._dropdownData = JSON.parse(this.dropdownData);\n } else {\n this._dropdownData = this.dropdownData;\n }\n }\n\n getPredefinedValues() {\n this._predefinedValue = JSON.parse(this.predefinedValue);\n }\n\n @Watch('predefinedValue')\n applyPredefinedValue() {\n this.getPredefinedValues();\n this.setInitialValues();\n }\n\n setInitialValues() {\n this.setButtonsValue();\n this.setFirstDropdownValues();\n this.setSecondDropdownValues();\n this.setInputField();\n this.setDateValue();\n this.setDateRangeDefaults();\n\n this.firstDropdownClass = this.firstDropdownLabel.replace(' ', '_') + '-dropdown';\n this.secondDropdownClass = this.secondDropdownLabel.replace(' ', '_') + '-dropdown';\n }\n\n setButtonsValue() {\n this.buttonsArray = [];\n\n if (this._predefinedValue.buttons?.length) {\n this.buttonsArray = this._predefinedValue.buttons;\n\n this.buttonsArray.forEach(item => {\n if (item.selected) {\n this.selectedButtonValue = item.value;\n }\n });\n } else {\n this._dropdownData.forEach(item => {\n const button: SelectItem = { selected: false, value: item.label, label: item.label };\n this.buttonsArray.push(button);\n });\n }\n }\n\n setFirstDropdownValues() {\n this.firstDropdownArr = [];\n\n if (this._predefinedValue.firstDropdown?.length) {\n this.firstDropdownArr = [...this._predefinedValue.firstDropdown];\n }\n }\n\n setSecondDropdownValues() {\n this.secondDropdownArr = [];\n\n if (this._predefinedValue.secondDropdown?.length) {\n this.secondDropdownArr = [...this._predefinedValue.secondDropdown];\n }\n }\n\n setInputField() {\n this.inputFieldValue = this._predefinedValue.input?.length ? this._predefinedValue.input : '';\n }\n\n setDateValue() {\n if (this.allowMultipleDates) {\n this.pnDateRangeContainer.style.display = this._predefinedValue.dates[\"start\"]?.length ? '' : 'none';\n this.generatedDatesArr = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"].split(',') : [];\n this.saveGeneratedDates();\n } else {\n this.dateValue = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"] : '';\n }\n }\n\n setDateRangeDefaults() {\n this.daysArr = this._predefinedValue.dateRange.days;\n this.starDateValue = this._predefinedValue.dateRange.startDate?.length ? this._predefinedValue.dateRange.startDate : '';\n this.endDateValue = this._predefinedValue.dateRange.endDate?.length ? this._predefinedValue.dateRange.endDate : '';\n }\n\n setFirstValidDate() {\n const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n const date = new Date();\n date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\n\n const year = date.getFullYear();\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const day = date.getDate().toString().padStart(2, '0');\n const endYear = year + yearsToadd;\n\n this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n }\n\n addEventHandlers() {\n const emmitValues = debounce(this.emittRowValues.bind(this), 500);\n\n this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));\n this.pnInputField.addEventListener('change', this.handleInput.bind(this));\n this.pnInputField.addEventListener('input', this.handleInput.bind(this));\n this.pnInputField.addEventListener('keyup', emmitValues);\n this.pnInputField.addEventListener('change', emmitValues);\n this.pnInputField.addEventListener('input', emmitValues);\n\n if (this.allowMultipleDates) {\n this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));\n this.pnStartDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n this.pnEndDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n this.pnGenerateDatesButton.addEventListener('click', this.generateDates.bind(this));\n this.pnSaveGeneratedDatesButton.addEventListener('click', this.saveGeneratedDates.bind(this));\n this.pnSaveGeneratedDatesButton.addEventListener('click', emmitValues);\n } else {\n this.pnSingleDatePicker.addEventListener('dateselection', this.setSingleDateValue.bind(this));\n this.pnSingleDatePicker.addEventListener('dateselection', emmitValues);\n }\n\n if (this.index > 0) {\n this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n }\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n updateSelectItemArr(arr: SelectItem[], val: string) {\n arr.forEach(item => {\n if (item.value === val) {\n item.selected = !item.selected;\n } else {\n item.selected = false;\n }\n });\n return arr;\n }\n\n handleOptionButtonClick(e) {\n e.preventDefault();\n const elmValue = e.target.innerHTML;\n\n this.buttonsArray = [...this.updateSelectItemArr(this.buttonsArray, elmValue)];\n this.selectedButtonValue = this.buttonsArray.filter(e => e.selected === true).length > 0 ? elmValue : '';\n\n if (this.selectedButtonValue?.length) {\n this.firstDropdownArr = [];\n const selectionChildren = this._dropdownData.find(arr => arr.label === elmValue);\n selectionChildren.values.forEach(item => {\n this.firstDropdownArr.push({ selected: false, value: item.label, label: item.label });\n });\n\n this.firstDropdownArr = [...this.firstDropdownArr];\n this.firstDropdownPlaceholder = this.dropdownPlaceholder;\n const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n firstDropdownText.innerHTML = this.dropdownPlaceholder;\n\n this.secondDropdownArr = [];\n this.secondDropdownPlaceholder = '-';\n const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n } else {\n this.firstDropdownArr = [];\n this.firstDropdownPlaceholder = '-';\n const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n firstDropdownText.innerHTML = this.firstDropdownPlaceholder;\n\n this.secondDropdownArr = [];\n this.secondDropdownPlaceholder = '-';\n const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n }\n\n this.emittRowValues();\n }\n\n handleFirstDropdownChange() {\n const selected = this.pnFirstDropdown.querySelector(\"[aria-selected=true]\");\n const selectedValue = selected?.textContent;\n this.firstDropdownArr = [...this.updateSelectItemArr(this.firstDropdownArr, selectedValue)];\n const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n firstDropdownText.innerHTML = selectedValue;\n\n this.secondDropdownArr = [];\n const selectedButton = this.buttonsArray.findIndex(item => item.selected === true);\n const firstChildren = this._dropdownData.find(arr => arr.label === this.buttonsArray[selectedButton].value);\n const secondChildren = firstChildren.values.find(arr => arr.label === selectedValue);\n secondChildren.values.forEach(item => {\n this.secondDropdownArr.push({ selected: false, value: item.label, label: item.label });\n });\n\n this.secondDropdownPlaceholder = this.dropdownPlaceholder;\n const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n this.emittRowValues();\n }\n\n handleSecondDropdownChange() {\n const selected = this.pnSecondDropdown.querySelector(\"[aria-selected=true]\");\n const selectedValue = selected?.textContent;\n this.secondDropdownArr = [...this.updateSelectItemArr(this.secondDropdownArr, selectedValue)];\n const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n secondDropdownText.innerHTML = selectedValue;\n this.emittRowValues();\n }\n\n handleInput(e) {\n const elm = e.target;\n if (elm.value !== '0') {\n this.inputFieldValue = elm.value;\n }\n }\n\n showDateRangeRow() {\n if (this.pnDateRangeContainer.style.display === 'none') {\n this.pnDateRangeContainer.style.display = '';\n } else {\n this.pnDateRangeContainer.style.display = 'none';\n }\n }\n\n HandleRangeDatePickers(e) {\n const elm = e.target;\n\n if (elm === this.pnStartDate) {\n this.starDateValue = e.detail;\n }\n\n if (elm === this.pnEndDate) {\n this.endDateValue = e.detail;\n }\n }\n\n generateDates(e) {\n e.preventDefault();\n const allCheckboxes = this.pnDaysRow.querySelectorAll('pn-filter-checkbox');\n const selectedDays: string[] = [];\n this.generatedDatesArr = [];\n allCheckboxes.forEach(element => {\n const input = element.querySelector('input');\n if (input.value) {\n selectedDays.push(input.value);\n }\n });\n\n if (selectedDays.length && this.starDateValue && this.endDateValue) {\n this.daysArr.forEach(item => {\n if (selectedDays.some(x => x === item.value)) {\n item.selected = true;\n } else {\n item.selected = false;\n }\n });\n\n const startDate = new Date(Date.parse(this.starDateValue));\n const endDate = new Date(Date.parse(this.endDateValue));\n\n for (var d = startDate; d <= endDate; d.setDate(d.getDate() + 1)) {\n const i = this.daysArr.findIndex(item => parseInt(item.value) === d.getDay());\n\n if (this.daysArr[i]?.selected) {\n const year = d.getFullYear();\n const month = (d.getMonth() + 1).toString().padStart(2, '0');\n const day = d.getDate().toString().padStart(2, '0');\n this.generatedDatesArr.push(`${year}-${month}-${day}`);\n }\n }\n }\n }\n\n deleteGeneratedDateRow(index) {\n this.generatedDatesArr.splice(index, 1);\n this.generatedDatesArr = [...this.generatedDatesArr];\n }\n\n saveGeneratedDates() {\n if (this.generatedDatesArr?.length) {\n this.dateValue = String(this.generatedDatesArr);\n const dateCount = this.generatedDatesArr.length;\n const buttonTextElm = this.pnShowDateRangeFiledButton.querySelector('.pn-button-content');\n buttonTextElm.innerHTML = dateCount > 0 ? `${this.dateButtonText} (${dateCount})` : this.dateButtonText;\n this.showDateRangeRow();\n }\n }\n\n setSingleDateValue(e) {\n const elm = e.target;\n if (elm === this.pnSingleDatePicker) {\n this.dateValue = e.detail;\n }\n }\n\n emittRowValues() {\n this.rowValueChange.emit({\n id: this._predefinedValue.id,\n buttons: this.buttonsArray,\n firstDropdown: this.firstDropdownArr,\n secondDropdown: this.secondDropdownArr,\n input: this.inputFieldValue,\n dates: this.dateValue,\n dateRange: {\n days: this.daysArr,\n startDate: this.starDateValue,\n endDate: this.endDateValue,\n },\n });\n }\n\n deleteRow() {\n this.deleteRowEvent.emit(this._predefinedValue.id);\n }\n\n setActive(active: boolean) {\n return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';\n }\n\n render() {\n return (\n <Host>\n <div ref={el => (this.pnConnectedDropdownSlotElement = el as HTMLElement)} class=\"connected-dropdown-slot-element\">\n <div class=\"connected-dropdown-parent-element connected-dropdown\">\n <div class=\"connected-dropdown__row__no-margin\">\n <label>{this.label}</label>\n </div>\n\n <div class=\"connected-dropdown__row button-row\">\n <div class=\"connected-dropdown__button-container option-buttons\">\n {this.buttonsArray?.map(item => (\n <button class={`${this.setActive(item.selected)}`} id={this.generateUniqueId()} onClick={this.handleOptionButtonClick.bind(this)}>\n {item.value}\n </button>\n ))}\n </div>\n\n <div class=\"connected-dropdown__button-container delete-button\">\n {this.index > 0 ? (\n <pn-button ref={el => (this.pnDeleteRowButton = el as HTMLElement)} small=\"true\" icon={minus} appearance=\"warning\" index={this.index}>\n Delete\n </pn-button>\n ) : null}\n </div>\n </div>\n\n <div class=\"connected-dropdown__row input-row\">\n <pn-select\n ref={el => (this.pnFirstDropdown = el as HTMLElement)}\n class=\"pn-row-select-dropdown dropDown1-dropdown\"\n placeholder={this.firstDropdownPlaceholder}\n label={this.firstDropdownLabel}\n empty-option=\"true\"\n >\n {this.firstDropdownArr?.map((item, i) => (\n <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleFirstDropdownChange.bind(this), 500)}></pn-option>\n ))}\n </pn-select>\n\n <pn-select\n ref={el => (this.pnSecondDropdown = el as HTMLElement)}\n class=\"pn-row-select-dropdown dropDown2-dropdown\"\n placeholder={this.secondDropdownPlaceholder}\n label={this.secondDropdownLabel}\n empty-option=\"true\"\n >\n {this.secondDropdownArr?.map((item, i) => (\n <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleSecondDropdownChange.bind(this), 500)}></pn-option>\n ))}\n </pn-select>\n\n <pn-marketweb-input\n ref={el => (this.pnInputField = el as HTMLElement)}\n type=\"number\"\n placeholder=\"0\"\n label={this.inputFildLabel}\n value={this.inputFieldValue}\n min=\"1\"\n ></pn-marketweb-input>\n\n {this.allowMultipleDates ? (\n <pn-button ref={el => (this.pnShowDateRangeFiledButton = el as HTMLElement)} class=\"connected-dropdown__toggle-date-button\" small=\"true\" appearance=\"light\">\n {this.dateButtonText}\n </pn-button>\n ) : (\n <div class=\"connected-dropdown__date-container\">\n <div class=\"connected-dropdown__label-container\">\n <label>{this.dateButtonText}</label>\n </div>\n <pn-date-picker\n ref={el => (this.pnSingleDatePicker = el as HTMLElement)}\n range=\"false\"\n disable-weekends={true}\n min-date={this.firstValidDateString}\n language={this.languageCode}\n placeholder={this.datePlaceholder}\n class=\"connected-dropdown__date-picker\"\n start={this.dateValue?.length ? this.dateValue : null}\n ></pn-date-picker>\n </div>\n )}\n </div>\n\n {this.allowMultipleDates ? (\n <div ref={el => (this.pnDateRangeContainer = el as HTMLElement)} class=\"connected-dropdown__date-container\" style={{ display: 'none' }}>\n {this.multiDateHelperText ? (\n <div class=\"connected-dropdown__row\">\n <p>{this.multiDateHelperText}</p>\n </div>\n ) : null}\n\n <div class=\"connected-dropdown__multi-date-row\">\n <div class=\"connected-dropdown__date-container\">\n <div class=\"connected-dropdown__label-container\">\n <label>{this.startDateLabel}</label>\n </div>\n\n <pn-date-picker\n ref={el => (this.pnStartDate = el as HTMLElement)}\n range=\"false\"\n disable-weekends={true}\n class=\"connected-dropdown__date-picker\"\n min-date={this.firstValidDateString}\n max-date={this.lastValidDateString}\n language={this.languageCode}\n placeholder={this.datePlaceholder}\n start={this.starDateValue?.length ? this.starDateValue : null}\n ></pn-date-picker>\n </div>\n\n <div class=\"connected-dropdown__date-container\">\n <div class=\"connected-dropdown__label-container\">\n <label>{this.endDateLabel}</label>\n </div>\n <pn-date-picker\n ref={el => (this.pnEndDate = el as HTMLElement)}\n range=\"false\"\n disable-weekends={true}\n class=\"connected-dropdown__date-picker\"\n min-date={this.firstValidDateString}\n max-date={this.lastValidDateString}\n language={this.languageCode}\n placeholder={this.datePlaceholder}\n start={this.endDateValue?.length ? this.endDateValue : null}\n ></pn-date-picker>\n </div>\n </div>\n <div ref={el => (this.pnDaysRow = el as HTMLElement)} class=\"connected-dropdown__multi-date-row\">\n {this.daysArr?.map((day: SelectItem) => (\n <div class=\"connected-dropdown__checkbox\">\n <pn-filter-checkbox checkboxid={'day-' + day.value} name={'__' + day.label} value={day.value} checked={day.selected}></pn-filter-checkbox>\n <label htmlFor={'day-' + day.value}>{day.label}</label>\n </div>\n ))}\n </div>\n\n <div class=\"connected-dropdown__row\">\n <pn-button ref={el => (this.pnGenerateDatesButton = el as HTMLElement)} small=\"true\">\n {this.generateDatesButtonText}\n </pn-button>\n </div>\n\n <div ref={el => (this.pnGeneratedDatesSlot = el as HTMLElement)} class=\"connected-dropdown__date-slot\">\n {this.generatedDatesArr?.map((date: string, i) => (\n <div class=\"connected-dropdown__row generated-date-row\">\n <p>{date}</p>\n <pn-button index={i} small=\"true\" icon={minus} appearance=\"warning\" id={'delete-date-' + i} onClick={this.deleteGeneratedDateRow.bind(this, i)}>\n {date}\n </pn-button>\n </div>\n ))}\n\n {!this.generatedDatesArr?.length ? <p>{this.noDatesText}</p> : null}\n </div>\n\n <div class=\"connected-dropdown__row\">\n <pn-button ref={el => (this.pnSaveGeneratedDatesButton = el as HTMLElement)} class=\"connected-dropdown__button-right\" small=\"true\">\n {this.saveDateButtonText}\n </pn-button>\n </div>\n </div>\n ) : null}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,d as o,g as i}from"./p-06555615.js";import{s as n}from"./p-2d267d5f.js";import{a}from"./p-36b39340.js";import"./p-3f8aa7d1.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profilemodal-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profilemodal-logo{display:none}.profilemodal-logo svg{display:block;margin:0 auto 2.4rem}.profilemodal-heading{text-align:center;font-weight:700}.profilemodal-content{margin:1.6rem 0 0}.profilemodal-content pn-segmented-control{transform:translateZ(0) translateX(-50%);left:50%}.profilemodal-cta{margin:1.6rem 0 0;transition:max-height 0.15s ease, opacity 0.15s ease;overflow:hidden;opacity:1}.profilemodal-cta[aria-hidden=true]{max-height:0;opacity:1}.profilemodal-cta>pn-button{width:100%}";const r=l;const d=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}componentWillLoad(){this.populateState();this.bindEvents()}populateState(){n.i18n.chooseCustomerNumberText=this.chooseCustomerNumberText;n.i18n.choosenCompanyText=this.choosenCompanyText;n.i18n.toText=this.toText;const e=this.hostElement.querySelector('pn-profile-modal-type[selected="true"]');if(e){n.selectedType=e.getAttribute("name")}}bindEvents(){const e=this.hostElement.querySelector("pn-segmented-control");if(e){e.addEventListener("change",this.onSegmentControlChange.bind(this))}}onSegmentControlChange(e){const t=e.target.value;const o=this.hostElement.querySelector(`[typeid="${t}"]`);if(o){const e=[...this.hostElement.querySelectorAll("pn-profile-modal-type")];e.forEach((e=>{e.setAttribute("selected",(e.getAttribute("typeid")===t)+"")}))}}onCTAClick(){if(!n.selectedUrl){console.log("no Url as been selected, will not continue")}}onUrlSelected(e){if(!e||!e.detail){return}n.selectedUrl=e.detail;const t=this.hostElement.querySelector(".profilemodal-cta pn-button");if(t){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}}render(){return t(o,{key:"8d31699717d53dc7fba0c2cfa987ca2417cbfaf7"},t("div",{key:"d80ac112d9aaa208c33ee7859947b511f0875729",class:"profilemodal-container"},t("div",{key:"a3b62ce172c4291bddd2d36bcafe43c308f835b5",class:"profilemodal-logo"},t("svg",{key:"bebcef4cb95cfec07d35e630b9e3a23654185b80",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},t("path",{key:"2d36880b4389dad57a6e87a6c87a8ea11789123f","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:t("div",{class:"profilemodal-heading"},this.heading),t("div",{key:"a51c67d4ef30bfb08d5ae3de185bfc8c7930d461",class:"profilemodal-content"},t("slot",{key:"38733244f30578ff68c367ae1e7801ae4ab5694c"})),this.continueCtaText?t("div",{class:"profilemodal-cta","aria-hidden":!n.selectedUrl+""},t("pn-button",{onclick:this.onCTAClick,href:n.selectedUrl,icon:a},this.continueCtaText)):null))}get hostElement(){return i(this)}};d.style=r;export{d as pn_profile_modal};
|
|
2
|
-
//# sourceMappingURL=p-655e6f71.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as i,d as t,g as n}from"./p-06555615.js";import{s as o}from"./p-07edd5e4.js";import{a as r}from"./p-36b39340.js";import"./p-3f8aa7d1.js";const s=e=>{const i="(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";const t="(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))";const n="(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)";const o="(?:dev|at)(?:portal.postnord.com)";if(e.match(i)||e.match(t)||e.match(n)){return"/login?returnUrl="}else if(e.match(o)){return"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl="}else{return"https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl="}};const l="";const a=l;const d=class{constructor(i){e(this,i);this.label="Log in"}componentWillLoad(){this.loginUrl=s(window.location.host)}nagivateToLoginUrl(){const e=`${this.loginUrl}${window.location.href}`;return e}render(){return i(t,{key:"8d567a6ce7abea7dffa5e2c2f8d5c9421aea50d0"},i("pn-button",{key:"fada479c257142616a3543c1a29d1dd27c18ff32",href:this.nagivateToLoginUrl()},this.label))}get hostElement(){return n(this)}};d.style=a;const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";const h=c;const p=class{constructor(i){e(this,i);this.loginDialog=null;this.idNamespace="";this.loggedin=false;this.username="";this.showUnifiedLogin=false}componentWillLoad(){this.init()}async init(){this.adjustLoginLinks()}adjustLoginLinks(){var e,i,t,n;if(!this.loginDialog){return}const r=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}e.href=e.href.replace("window.location.href",window.location.href);if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if((e=this.loginDialog)===null||e===void 0?void 0:e.loginMenuLinks){(i=this.loginDialog)===null||i===void 0?void 0:i.loginMenuLinks.forEach(r)}if((t=this.loginDialog)===null||t===void 0?void 0:t.loggedInLinks){(n=this.loginDialog)===null||n===void 0?void 0:n.loggedInLinks.forEach(r)}this.loginDialog.legacyLoginLinks=[{href:o.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,linkType:"primary",primaryLinkApperance:true},{href:o.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,primaryLinkApperance:false}]}render(){var e;if(!this.loginDialog){return}let n={username:null,loggedin:false};if(this.username){n.username=this.username;n.loggedin=this.loggedin}return i(t,Object.assign({},n),!this.loginDialog.overrideLoginMenu?i("div",{"data-loggedin":this.loggedin+""},this.loggedin?i("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loggedInLinks,idNamespace:this.idNamespace}):i("div",null,((e=this.loginDialog.loginMenuLinks)===null||e===void 0?void 0:e.length)>0?i("pn-marketweb-siteheader-login-linklist",{heading:this.loginDialog.loginTitle,links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace,showUnifiedLogin:this.showUnifiedLogin}):i("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.legacyLoginLinks,idNamespace:this.idNamespace}))):null,this.loginDialog.overrideLoginMenu?i("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace}):null)}get hostElement(){return n(this)}static get watchers(){return{loginDialog:["init"]}}};p.style=h;const f="";const u=f;const m=class{constructor(i){e(this,i);this.label="Mina sidor!";this.myPageUrl=undefined}render(){return i(t,{key:"d53805280bd2c5d30dc6a2678d3cf387ce3b1911"},i("pn-button",{key:"5ce39edac0b459b336a4e892a8511c47cb6df105",href:this.myPageUrl},this.label))}get hostElement(){return n(this)}};m.style=u;const g='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00a0d6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:"";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:flex;background:#ffffff;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005d92;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#f3f2f2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005d92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}';const b=g;const k=class{constructor(i){e(this,i);this.loginDialog=null;this.endpoint="";this.loggedin=false;this.idNamespace="";this.heading=null;this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:""};this.user=null;this.logoutLink=null;this.userName=null;this.userEmail="";this.currentProfile=null;this.profileoptions=[]}componentWillLoad(){var e;if(this.heading===null&&((e=this.i18n)===null||e===void 0?void 0:e.profileSelectionFlyoutHeading)){this.heading=this.i18n.profileSelectionFlyoutHeading}this.init()}init(){this.updateUserInfo();this.adjustLoginLinks();this.fetchProfiles()}async fetchProfiles(){if(!this.loggedin||this.profileoptions.length>0){return}let e=`${this.endpoint}${this.endpoint.lastIndexOf("/")>-1&&this.endpoint.lastIndexOf("/")===this.endpoint.length-1?"":"/"}api/user/parentorganizations`;const i=await fetch(e);const t=await i.json();const n={loggedin:true,organizations:[{name:"Forsheda Livs AB",customerNumber:"5564513603",id:"dbba867d-1dff-3dbb-b420-c57b4b828b73",selected:true,profiles:[{name:"Forsheda Livs AB",customerNumber:"20685482",id:"f757ba28-9a73-15a2-f128-4b394d970f3f",ssid:"",selected:false,customerGroup:"Business"},{name:"ICA MAXI KUNGSBACKA",customerNumber:"20831191",id:"5aea41df-32b0-3f7e-2946-78598360177d",ssid:"259686",selected:true,customerGroup:"Agent"}]},{name:"Hem Livs i Kungsbacka AB",customerNumber:"5565271250",id:"97ca363c-40ef-cca9-7a3c-9e7f025567c2",selected:false,profiles:[{name:"ICA KVANTUM KUNGSBACKA",customerNumber:"20831193",id:"fbd61ffd-41c6-2206-b88e-cfef91e1dc39",ssid:"259691",selected:false,customerGroup:"Agent"}]},{name:"ICA SUPERMARKET TORGET",customerNumber:"5568902679",id:"7cb76a94-e1a5-5f57-58fd-bc563851b28e",selected:false,profiles:[{name:"ICA SUPERMARKET TORGET",customerNumber:"20831212",id:"3a2db017-b68f-6fa0-fe70-542c08cd97ce",ssid:"",selected:false,customerGroup:"Agent"}]}]};const o=window.location.href.indexOf("localhost:6008")!==-1?n:t;if(!o||!o.organizations||!o.organizations.length){return}o.organizations.forEach((e=>{if(e.selected===true&&e.profiles){const i=e.profiles.filter((e=>e.selected===true));if(i&&i[0]&&i[0].customerGroup.toLocaleLowerCase()==="agent"&&i[0].ssid){e.customerNumber=i[0].ssid}}else{if(e.customerNumber.length===10&&e.customerNumber.substring(0,2)==="55"){e.customerNumber=e.customerNumber.substring(0,6)+"-"+e.customerNumber.substring(6)}this.profileoptions.push(e)}}));let r=o.organizations.filter((e=>e.selected===true))[0];const s={name:this.userName,customerNumber:"",id:"",selected:!r,profiles:[]};if(!r){r=s}if(r&&r.name){this.currentProfile=r}this.profileoptions.push(s)}adjustLoginLinks(){var e,i,t,n;const r=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if((e=this.loginDialog)===null||e===void 0?void 0:e.loggedInLinks){(i=this.loginDialog)===null||i===void 0?void 0:i.loggedInLinks.forEach(r)}this.logoutLink=(n=(t=this.loginDialog)===null||t===void 0?void 0:t.loggedInLinks.filter((e=>e.isLogoutLink))[0])!==null&&n!==void 0?n:null}updateUserInfo(){const e=o.loginManager.getUserInfo();this.user=e;if(!e){return}if(e&&e.email){this.userEmail=e.email}if(e&&e.given_name){this.userName=e.given_name+((e===null||e===void 0?void 0:e.family_name)?` ${e===null||e===void 0?void 0:e.family_name}`:"")}if(e&&e.given_name){this.userName=e.given_name;return}if(e&&e.family_name){this.userName=e.family_name;return}if(e&&e.username){this.userName=e.username;return}}filterLogoutLink(e){return e.filter((e=>!e.isLogoutLink))}render(){if(!this.loginDialog){return}let e={};return i(t,Object.assign({},e),this.heading?i("strong",{class:"pn-marketweb-siteheader-login-profileselection-heading"},this.heading):null,this.currentProfile!==null&&this.currentProfile.name?i("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile"},i("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-name"},this.currentProfile.name),i("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-description"},this.currentProfile.customerNumber?this.currentProfile.customerNumber:this.userEmail)):null,i("pn-marketweb-siteheader-login-linklist",{links:this.filterLogoutLink(this.loginDialog.loggedInLinks),idNamespace:this.idNamespace}),i("div",{class:"pn-marketweb-siteheader-login-profileselection-divider"}),this.profileoptions.filter((e=>e.selected!==true)).map((e=>{let t=e.profiles.length>0?e.profiles[0].customerNumber:e.customerNumber;return i("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption"},i("a",{href:`${this.endpoint}/api/user/setprofile?customernumber=${t}&returnUrl=${window.location.href}`,class:"pn-marketweb-siteheader-login-profileselection-profileoption-link"},i("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-content"},i("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-name"},e.name),i("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-description"},e.customerNumber?e.customerNumber:this.userEmail)),i("pn-icon",{icon:r,small:"false",color:"blue700"})))})),this.logoutLink?i("div",{class:"pn-marketweb-siteheader-login-profileselection-logout"},i("a",{href:this.logoutLink.href,rel:"nofollower noopener",id:"pn-marketweb-header-logoutlink",onClick:()=>o.loginManager.clearUserData(),class:"pn-marketweb-siteheader-login-profileselection-logout-link"},this.logoutLink.linkText)):null)}get hostElement(){return n(this)}};k.style=b;const w="";const v=w;const L=class{constructor(i){e(this,i);this.loggedIn=false;this.myPageLabel=undefined;this.myPageUrl=undefined;this.logInLabel=undefined}render(){return i(t,{key:"458e5de23d33889976b5d892f75a22a1248b693f"},this.loggedIn?i("pn-marketweb-siteheader-login-mypage-button",{label:this.myPageLabel,myPageUrl:this.myPageUrl}):i("pn-marketweb-siteheader-login-button",{label:this.logInLabel}))}get hostElement(){return n(this)}};L.style=v;export{d as pn_marketweb_siteheader_login_button,p as pn_marketweb_siteheader_login_links,m as pn_marketweb_siteheader_login_mypage_button,k as pn_marketweb_siteheader_login_profileselection,L as pn_marketweb_siteheader_unified_login};
|
|
2
|
-
//# sourceMappingURL=p-657957fc.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getLoginUrl","currentDomain","marketRegex","wwwRegex","localRegex","devAndAtRegex","match","pnMarketwebSiteheaderLoginButtonCss","PnMarketwebSiteheaderLoginButtonStyle0","PnMarketwebSiteheaderLoginButton","componentWillLoad","this","loginUrl","window","location","host","nagivateToLoginUrl","navigationUrl","href","render","h","Host","key","label","pnMarketwebSiteheaderLoginLinksCss","PnMarketwebSiteheaderLoginLinksStyle0","PnMarketwebSiteheaderLoginLinks","init","adjustLoginLinks","loginDialog","adjustLink","link","i","isLogoutLink","pageLink","indexOf","headerState","loginManager","getLogoutUrl","replace","linkType","primaryLinkApperance","_a","loginMenuLinks","_b","forEach","_c","loggedInLinks","_d","legacyLoginLinks","linkText","loginLinkText","openInNewWindow","registerUrl","createLoginLinkText","hostElementAttribute","username","loggedin","Object","assign","overrideLoginMenu","links","idNamespace","length","heading","loginTitle","showUnifiedLogin","pnMarketwebSiteheaderLoginMypageButtonCss","PnMarketwebSiteheaderLoginMypageButtonStyle0","PnMarketwebSiteheaderLoginMypageButton","myPageUrl","pnMarketwebSiteheaderLoginProfileselectionCss","PnMarketwebSiteheaderLoginProfileselectionStyle0","PnMarketwebSiteheaderLoginProfileselection","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","i18n","updateUserInfo","fetchProfiles","profileoptions","apiUrl","endpoint","lastIndexOf","req","fetch","reqdata","json","fallbackData","organizations","name","customerNumber","id","selected","profiles","ssid","customerGroup","data","org","selectedProfile","filter","x","toLocaleLowerCase","substring","push","currentProfileObj","userProfileOption","userName","currentProfile","logoutLink","userInfo","getUserInfo","user","email","userEmail","given_name","family_name","filterLogoutLink","class","map","organization","icon","arrow_right","small","color","rel","onClick","clearUserData","pnMarketwebSiteheaderUnifiedLoginCss","PnMarketwebSiteheaderUnifiedLoginStyle0","PnMarketwebSiteheaderUnifiedLogin","loggedIn","myPageLabel","logInLabel"],"sources":["src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.scss?tag=pn-marketweb-siteheader-login-mypage-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.scss?tag=pn-marketweb-siteheader-login-profileselection","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.scss?tag=pn-marketweb-siteheader-unified-login","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.tsx"],"sourcesContent":["export const getLoginUrl = currentDomain => {\n /*\nURL RULES:\n----------\n\nStep 1\nIf a user is on on a domain with these patterns / direct urls:\n [market]-[environments].postnord.com\n market = ['se','dk', 'no', 'fi','com','de','tpl'];\n environments = ['integration', 'preproduction', 'production'];\nOr matches\n wwwurls = ['www.postnord.se','www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com']\nOr is localhost | local.posnord.*\n\nStep 2.\nIf the above is not matches, check if the domain is a portal AT domain:\n portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com']\n Then use the atportal endpoints to log in (this should have nothing to do with the market domains\n\nStep 3.\nIf non of the above matches, then use the production portal endpoint to log in\n\n*/\n const marketRegex =\n '(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)';\n const wwwRegex = '(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))';\n const localRegex = '(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)';\n const devAndAtRegex = '(?:dev|at)(?:portal.postnord.com)';\n\n if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex) || currentDomain.match(localRegex)) {\n return '/login?returnUrl=';\n } else if (currentDomain.match(devAndAtRegex)) {\n return 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\n } else {\n return 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\n }\n};\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-button',\n styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n @Element() hostElement: HTMLElement;\n @Prop() label: string = 'Log in';\n\n loginUrl: string;\n\n componentWillLoad() {\n this.loginUrl = getLoginUrl(window.location.host);\n }\n\n nagivateToLoginUrl() {\n const navigationUrl = `${this.loginUrl}${window.location.href}`;\n return navigationUrl;\n }\n\n render() {\n return (\n <Host>\n <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-links',\n styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n @Element() hostElement: HTMLElement;\n\n // Login dialog\n @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n @Prop() idNamespace: string = '';\n @Prop({ reflect: true }) loggedin: boolean = false;\n @Prop() username: string = '';\n @Prop() showUnifiedLogin: boolean = false;\n\n componentWillLoad() {\n this.init();\n }\n\n @Watch('loginDialog')\n async init() {\n this.adjustLoginLinks();\n }\n adjustLoginLinks() {\n if (!this.loginDialog) {\n return;\n }\n\n const adjustLink = (link, i) => {\n if (!link.isLogoutLink) {\n link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n }\n if (link.isLogoutLink) {\n link.href = headerState.loginManager.getLogoutUrl(link.href);\n }\n link.href = link.href.replace('window.location.href', window.location.href);\n if (i === 0 && !link.href) {\n link.href = headerState.loginManager.getLoginUrl();\n link.linkType = 'primary';\n }\n if (link.primaryLinkApperance && !link.linkType) {\n link.linkType = 'primary';\n }\n };\n\n if (this.loginDialog?.loginMenuLinks) {\n this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n }\n if (this.loginDialog?.loggedInLinks) {\n this.loginDialog?.loggedInLinks.forEach(adjustLink);\n }\n\n this.loginDialog.legacyLoginLinks = [\n {\n href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n linkText: this.loginDialog.loginLinkText,\n openInNewWindow: false,\n isLogoutLink: false,\n pageLink: null,\n linkType: 'primary',\n primaryLinkApperance: true,\n },\n {\n href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n linkText: this.loginDialog.createLoginLinkText,\n openInNewWindow: false,\n isLogoutLink: false,\n pageLink: null,\n primaryLinkApperance: false,\n },\n ];\n }\n\n render() {\n if (!this.loginDialog) {\n return;\n }\n\n let hostElementAttribute = {\n username: null,\n loggedin: false,\n };\n if (this.username) {\n hostElementAttribute.username = this.username;\n hostElementAttribute.loggedin = this.loggedin;\n }\n return (\n <Host {...hostElementAttribute}>\n {!this.loginDialog.overrideLoginMenu ? (\n <div data-loggedin={this.loggedin + ''}>\n {this.loggedin ? (\n <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n ) : (\n <div>\n {/* Get login links from API */}\n {this.loginDialog.loginMenuLinks?.length > 0 ? (\n <pn-marketweb-siteheader-login-linklist\n heading={this.loginDialog.loginTitle}\n links={this.loginDialog.loginMenuLinks}\n idNamespace={this.idNamespace}\n showUnifiedLogin={this.showUnifiedLogin}\n ></pn-marketweb-siteheader-login-linklist>\n ) : (\n <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n )}\n </div>\n )}\n </div>\n ) : null}\n\n {/* Override the default logic for some markets such as DK */}\n {this.loginDialog.overrideLoginMenu ? (\n <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n ) : null}\n </Host>\n );\n }\n}\n","pn-marketweb-siteheader-login-mypage-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-mypage-button',\n styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n @Element() hostElement: HTMLElement;\n @Prop() label: string = 'Mina sidor!';\n @Prop() myPageUrl: string;\n\n render() {\n return (\n <Host>\n <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-profileselection {\n}\n\n.pn-marketweb-siteheader-login-profileselection-heading {\n display: block;\n padding: 0.5rem 0 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user,\n.pn-marketweb-siteheader-login-profileselection-currentprofile {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-name,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-name {\n line-height: 1;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-description,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-description {\n font-weight: 400;\n white-space: normal;\n word-break: break-all;\n color: $gray700;\n font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-divider {\n height: 1rem;\n width: 100%;\n background: $blue400;\n position: relative;\n\n margin-left: -1em; // Negative positioning due to nav dropdown's padding\n margin-top: 1.6rem;\n margin-bottom: 1.6rem;\n border-radius: 0 0.6em 0.6em 0;\n padding: 0;\n &::after {\n content: '';\n width: 0.6em;\n height: 0.6em;\n border-radius: 50%;\n position: absolute;\n right: 0;\n top: 0;\n background: inherit;\n transform: translateX(calc(100% + 0.2em));\n }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption {\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-link {\n display: flex;\n background: $white;\n transition: background 0.15s ease-in-out;\n // width:100%;\n margin: 0 -1em; // Negative margin due to dropdown content padding\n padding: 0.6rem 1.6rem;\n text-decoration: none;\n color: $blue700;\n align-items: center;\n &:hover,\n &:focus,\n &:active {\n background: $gray50;\n }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-content {\n flex-grow: 1;\n}\n.pn-marketweb-siteheader-login-profileselection-profileoption-name {\n font-weight: 700;\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-description {\n font-weight: 400;\n white-space: normal;\n word-break: break-all;\n color: $gray700;\n font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout {\n padding: 1.6rem;\n text-align: center;\n width: 100%;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout-link {\n display: inline-block;\n font-weight: 500;\n color: $blue700;\n text-decoration: none;\n &:hover,\n &:focus,\n &:active {\n text-decoration: underline;\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-profileselection',\n styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n @Element() hostElement: HTMLElement;\n\n // Login dialog\n @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n @Prop() endpoint: string = '';\n @Prop() loggedin: boolean = false;\n @Prop() idNamespace: string = '';\n @Prop() heading: string = null;\n @Prop() i18n: SiteHeaderI18N = {\n searchlabel: '',\n searchplaceholder: '',\n searchbuttontext: '',\n menuHomeButton: '',\n menuGoBackButton: '',\n mainMenuButton: '',\n menuStartButton: '',\n profileSelectionFlyoutHeading: '',\n } as SiteHeaderI18N;\n\n @State() user: IUserInfo = null;\n\n @State() logoutLink: LoginDialogLink = null;\n @State() userName: string = null;\n @State() userEmail: string = '';\n\n @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n componentWillLoad() {\n if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n this.heading = this.i18n.profileSelectionFlyoutHeading;\n }\n this.init();\n }\n\n init() {\n this.updateUserInfo();\n this.adjustLoginLinks();\n this.fetchProfiles();\n }\n async fetchProfiles() {\n if (!this.loggedin || this.profileoptions.length > 0) {\n return;\n }\n let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n const req = await fetch(apiUrl);\n const reqdata = await req.json();\n const fallbackData = {\n loggedin: true,\n organizations: [\n {\n name: 'Forsheda Livs AB',\n customerNumber: '5564513603',\n id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n selected: true,\n profiles: [\n {\n name: 'Forsheda Livs AB',\n customerNumber: '20685482',\n id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n ssid: '',\n selected: false,\n customerGroup: 'Business',\n },\n {\n name: 'ICA MAXI KUNGSBACKA',\n customerNumber: '20831191',\n id: '5aea41df-32b0-3f7e-2946-78598360177d',\n ssid: '259686',\n selected: true,\n customerGroup: 'Agent',\n },\n ],\n },\n {\n name: 'Hem Livs i Kungsbacka AB',\n customerNumber: '5565271250',\n id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n selected: false,\n profiles: [\n {\n name: 'ICA KVANTUM KUNGSBACKA',\n customerNumber: '20831193',\n id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n ssid: '259691',\n selected: false,\n customerGroup: 'Agent',\n },\n ],\n },\n {\n name: 'ICA SUPERMARKET TORGET',\n customerNumber: '5568902679',\n id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n selected: false,\n profiles: [\n {\n name: 'ICA SUPERMARKET TORGET',\n customerNumber: '20831212',\n id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n ssid: '',\n selected: false,\n customerGroup: 'Agent',\n },\n ],\n },\n ],\n };\n const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n if (!data || !data.organizations || !data.organizations.length) {\n return;\n }\n\n (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n if (org.selected === true && org.profiles) {\n const selectedProfile = org.profiles.filter(x => x.selected === true);\n if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n org.customerNumber = selectedProfile[0].ssid;\n }\n } else {\n if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n }\n this.profileoptions.push(org);\n }\n });\n\n let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n const userProfileOption = {\n name: this.userName,\n customerNumber: '',\n id: '',\n selected: !currentProfileObj,\n profiles: [],\n };\n if (!currentProfileObj) {\n currentProfileObj = userProfileOption;\n }\n\n if (currentProfileObj && currentProfileObj.name) {\n this.currentProfile = currentProfileObj;\n }\n this.profileoptions.push(userProfileOption);\n }\n adjustLoginLinks() {\n const adjustLink = (link, i) => {\n if (!link.isLogoutLink) {\n link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n }\n if (link.isLogoutLink) {\n link.href = headerState.loginManager.getLogoutUrl(link.href);\n }\n\n if (i === 0 && !link.href) {\n link.href = headerState.loginManager.getLoginUrl();\n link.linkType = 'primary';\n }\n if (link.primaryLinkApperance && !link.linkType) {\n link.linkType = 'primary';\n }\n };\n\n if (this.loginDialog?.loggedInLinks) {\n this.loginDialog?.loggedInLinks.forEach(adjustLink);\n }\n\n this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n }\n updateUserInfo() {\n const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n this.user = userInfo;\n if (!userInfo) {\n return;\n }\n if (userInfo && userInfo.email) {\n this.userEmail = userInfo.email;\n }\n if (userInfo && userInfo.given_name) {\n this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n }\n if (userInfo && userInfo.given_name) {\n this.userName = userInfo.given_name;\n return;\n }\n if (userInfo && userInfo.family_name) {\n this.userName = userInfo.family_name;\n return;\n }\n if (userInfo && userInfo.username) {\n this.userName = userInfo.username;\n return;\n }\n }\n\n filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n }\n\n render() {\n if (!this.loginDialog) {\n return;\n }\n\n let hostElementAttribute = {};\n return (\n <Host {...hostElementAttribute}>\n {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n {this.currentProfile !== null && this.currentProfile.name ? (\n <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n </div>\n </div>\n ) : null}\n\n <pn-marketweb-siteheader-login-linklist\n links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n idNamespace={this.idNamespace}\n ></pn-marketweb-siteheader-login-linklist>\n\n <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n {this.profileoptions\n .filter(x => x.selected !== true)\n .map(organization => {\n let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n return (\n <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n {/* /api/user/setprofile? profile=xxxxx */}\n <a\n href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`}\n class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n >\n <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n {organization.customerNumber ? organization.customerNumber : this.userEmail}\n </div>\n </div>\n <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n </a>\n </div>\n );\n })}\n\n {this.logoutLink ? (\n <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n <a\n href={this.logoutLink.href}\n rel=\"nofollower noopener\"\n id=\"pn-marketweb-header-logoutlink\"\n onClick={() => headerState.loginManager.clearUserData()}\n class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n >\n {this.logoutLink.linkText}\n </a>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n",null,"import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-marketweb-siteheader-unified-login',\n styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n @Element() hostElement: HTMLElement;\n @Prop() loggedIn: boolean = false;\n @Prop() myPageLabel: string;\n @Prop() myPageUrl: string;\n @Prop() logInLabel: string;\n\n render() {\n return (\n <Host>\n {this.loggedIn ? (\n <pn-marketweb-siteheader-login-mypage-button label={this.myPageLabel} myPageUrl={this.myPageUrl} />\n ) : (\n <pn-marketweb-siteheader-login-button label={this.logInLabel} />\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as n,h as e,d as t,g as a}from"./p-06555615.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";const o=i;const r=class{constructor(e){n(this,e);this.hasCtaButtonSlot=false;this.animateSideloader=false;this.heading=null;this.subHeading=null;this.preamble=null;this.animateLogo=false;this.showSideLoader=true;this.centeredLayout=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 e(t,{key:"0148f7c2e315b2543a949c7031d7658f899f597b",class:`hero-international ${this.centeredLayout?"hero-international--centered-layout":""} ${this.animateLogo?"hero-international--animate":""}`},e("div",{key:"aae5579538d4c5ddadb4bac35a9368c369028eeb",class:"hero-international__content"},e("div",{key:"6763917bc759970708206d15e27eb3e629f9f1da",class:"flex-wrapper"},e("div",{key:"5dcddaaa4459358757b1f7d0751521d31e40510a",class:"content-col"},e("span",{key:"6ae982bdb6b7701495692d4a1c69694ae3190480",class:"hero-international__content__site-tag"},"International"),e("h1",{key:"dd017614305992efe1c7d1724ed337bcc46d9b54",class:"hero-international__content__heading"},this.heading," ",e("span",{key:"0a50bef02bee87a94ce8040c532f0167ac4c7b78"},this.subHeading)),e("p",{key:"dd10260dd95d03a0db151fd4d1fa766f2841a1df",class:"hero-international__content__preamble"},this.preamble),this.hasCtaButtonSlot&&e("div",{key:"8ec6a557f9725d6e7dbfbb7ba027182da5e46d5e",class:"hero-international__content__cta"},e("slot",{key:"4f9ba644423c17d82b99a5f2d60912de1e69f800",name:"hero-international-cta"}))),!this.centeredLayout&&e("div",{key:"974e21f8cbe28c739273328701c3be0911cb4059",class:"hero-international__content__logo-col"},e("div",{key:"0fa119433e7b08c2c2b123ff926a8c9da036255c",class:"hero-international__content__logo-col__image"},e("svg",{key:"cf22342c08c35fd4127f8d73768aa1c36e1fa565",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 919 336"},e("circle",{key:"142f8f5b624226b1064d099a6886121a26c5e17c",class:"cls-1",cx:"168",cy:"168",r:"168"}),e("circle",{key:"9875ec20a24b93299bb64475c16702f4dd286379",class:"cls-1",cx:"519",cy:"168",r:"168"}),e("path",{key:"57ef9b1e34ee56c24ce457bcb54062ee17e98f81",class:"cls-1",d:"M510 0h409v336H510z"}),e("path",{key:"e80a3923fb6e0ab1864e883838a1451712057eb5",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"}),e("path",{key:"5a0fd21b70944aff5a216650d786c0e0e30b4697",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&&e("div",{key:"c3be8462674fe6f4e2f09a8242e1d55891968d66",class:`hero-international__side-loader ${this.animateSideloader?"hero-international__side-loader--animate":""}`},e("div",{key:"1336f5ea7ac86bbfbd40614170531ca272a420af",class:"shape"}))))}get hostElement(){return a(this)}};r.style=o;export{r as pn_hero_block_international};
|
|
2
|
-
//# sourceMappingURL=p-663e4bb8.entry.js.map
|