@postnord/pn-marketweb-components 4.3.1 → 4.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/pn-app-banner.cjs.entry.js +1 -1
- package/cjs/pn-breakpoints.cjs.entry.js +1 -1
- package/cjs/pn-chat-message_2.cjs.entry.js +2 -2
- package/cjs/pn-chat.cjs.entry.js +2 -2
- package/cjs/pn-customernumber-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-customernumber-selector.cjs.entry.js +1 -1
- package/cjs/pn-find-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-price.cjs.entry.js +2 -2
- package/cjs/pn-find-service-and-price-result.cjs.entry.js +1 -1
- package/cjs/pn-find-service-and-price.cjs.entry.js +1 -1
- package/cjs/pn-hero-block-international.cjs.entry.js +1 -1
- package/cjs/pn-language-selector_13.cjs.entry.js +11 -11
- package/cjs/pn-language-selector_13.cjs.entry.js.map +1 -1
- package/cjs/pn-level-up-modal.cjs.entry.js +1 -1
- package/cjs/pn-level-up.cjs.entry.js +2 -2
- package/cjs/pn-link-list.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-header-main-row_2.cjs.entry.js +8 -8
- package/cjs/pn-marketweb-header-main-row_2.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-header-skeleton-loader.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-header.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-header.cjs.entry.js.map +1 -1
- package/cjs/pn-marketweb-icon.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader-login-button_2.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader-login-mypage-button.cjs.entry.js +1 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +4 -4
- package/cjs/pn-marketweb-table.cjs.entry.js +1 -1
- package/cjs/pn-media-block.cjs.entry.js +1 -1
- package/cjs/pn-pex-pricefinder.cjs.entry.js +1 -1
- package/cjs/pn-product-card_3.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist-result.cjs.entry.js +1 -1
- package/cjs/pn-product-pricelist.cjs.entry.js +2 -2
- package/cjs/pn-product-tile-info_2.cjs.entry.js +1 -1
- package/cjs/pn-product-tile.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-customernumber.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal-profile.cjs.entry.js +2 -2
- package/cjs/pn-profile-modal-type.cjs.entry.js +1 -1
- package/cjs/pn-profile-modal.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector-option.cjs.entry.js +1 -1
- package/cjs/pn-profile-selector.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice-result.cjs.entry.js +1 -1
- package/cjs/pn-proxio-findprice.cjs.entry.js +3 -3
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +1 -1
- package/cjs/pn-proxio-productcard_4.cjs.entry.js +3 -3
- package/cjs/pn-qr-code-generator.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-level.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-link.cjs.entry.js +1 -1
- package/cjs/pn-sidenav-togglebutton.cjs.entry.js +1 -1
- package/cjs/pn-sidenav.cjs.entry.js +1 -1
- package/cjs/pn-site-footer_3.cjs.entry.js +3 -3
- package/cjs/pn-titletag.cjs.entry.js +1 -1
- package/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/cjs/pn-versa-card.cjs.entry.js +1 -1
- package/cjs/pn-versa-card.cjs.entry.js.map +1 -1
- package/collection/components/cards/pn-versa-card/pn-versa-card.css +17 -4
- package/collection/components/cards/pn-versa-card/pn-versa-card.stories.js +5 -4
- package/collection/components/cards/pn-versa-card/pn-versa-card.stories.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.css +18 -0
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.js +4 -4
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-skeleton-loader.js +1 -1
- package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.js +3 -3
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.js +1 -1
- package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.js.map +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.css +0 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +4 -4
- package/collection/components/media/pn-media-block/pn-media-block.js +1 -1
- package/collection/components/minor/pn-app-banner/pn-app-banner.js +1 -1
- package/collection/components/minor/pn-marketweb-icon/pn-marketweb-icon.js +1 -1
- package/collection/components/minor/pn-swan/pn-swan.js +1 -1
- package/collection/components/minor/pn-titletag/pn-titletag.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector-option.js +1 -1
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +2 -2
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-list.js +1 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-level.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-link.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js +1 -1
- package/collection/components/navigation/pn-sidenav/pn-sidenav.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer-col.js +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector-item.js +1 -1
- package/collection/components/navigation/pn-site-selector/pn-site-selector.js +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js +1 -1
- package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-customernumber.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-profile.js +2 -2
- package/collection/components/profile/pn-profile-modal/pn-profile-modal-type.js +1 -1
- package/collection/components/profile/pn-profile-modal/pn-profile-modal.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js +1 -1
- package/collection/components/profile/pn-profile-selector/pn-profile-selector.js +1 -1
- package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js +1 -1
- package/collection/components/widgets/pn-chat/pn-chat.js +2 -2
- package/collection/components/widgets/pn-find-price/pn-find-price-result.js +1 -1
- package/collection/components/widgets/pn-find-price/pn-find-price.js +2 -2
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.js +1 -1
- package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price.js +1 -1
- package/collection/components/widgets/pn-hero-block-international/pn-hero-block-international.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.js +1 -1
- package/collection/components/widgets/pn-level-up/pn-level-up.js +2 -2
- package/collection/components/widgets/pn-link-list/pn-link-list.js +1 -1
- package/collection/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.js +1 -1
- package/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.js +1 -1
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js +1 -1
- package/collection/components/widgets/pn-product-card/pn-product-card.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-result.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js +2 -2
- package/collection/components/widgets/pn-product-tile/pn-product-tile-info.js +1 -1
- package/collection/components/widgets/pn-product-tile/pn-product-tile.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js +1 -1
- package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js +3 -3
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js +1 -1
- package/collection/components/widgets/pn-qr-code-generator/pn-qr-code-generator.js +1 -1
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +1 -1
- package/components/pn-app-banner.js +1 -1
- package/components/pn-breakpoints.js +1 -1
- package/components/pn-chat-message2.js +1 -1
- package/components/pn-chat.js +2 -2
- package/components/pn-customernumber-selector-option.js +1 -1
- package/components/pn-customernumber-selector.js +1 -1
- package/components/pn-find-price-result2.js +1 -1
- package/components/pn-find-price.js +2 -2
- package/components/pn-find-service-and-price-result2.js +1 -1
- package/components/pn-find-service-and-price.js +1 -1
- package/components/pn-hero-block-international.js +1 -1
- package/components/pn-language-selector-option2.js +1 -1
- package/components/pn-language-selector2.js +1 -1
- package/components/pn-level-up-modal2.js +1 -1
- package/components/pn-level-up.js +2 -2
- package/components/pn-link-list.js +1 -1
- package/components/pn-mainnav-level2.js +2 -2
- package/components/pn-mainnav-link2.js +1 -1
- package/components/pn-mainnav-list2.js +1 -1
- package/components/pn-mainnav2.js +1 -1
- package/components/pn-marketweb-carousel2.js +1 -1
- package/components/pn-marketweb-header-main-row2.js +5 -5
- package/components/pn-marketweb-header-main-row2.js.map +1 -1
- package/components/pn-marketweb-header-skeleton-loader.js +1 -1
- package/components/pn-marketweb-header-top-row2.js +3 -3
- package/components/pn-marketweb-header.js +1 -1
- package/components/pn-marketweb-header.js.map +1 -1
- package/components/pn-marketweb-icon.js +1 -1
- package/components/pn-marketweb-siteheader-login-button2.js +1 -1
- package/components/pn-marketweb-siteheader-login-mypage-button.js +1 -1
- package/components/pn-marketweb-siteheader-login2.js +1 -1
- package/components/pn-marketweb-siteheader-login2.js.map +1 -1
- package/components/pn-marketweb-siteheader-unified-login2.js +1 -1
- package/components/pn-marketweb-siteheader.js +4 -4
- package/components/pn-marketweb-table.js +1 -1
- package/components/pn-media-block.js +1 -1
- package/components/pn-pex-pricefinder.js +1 -1
- package/components/pn-product-card2.js +1 -1
- package/components/pn-product-pricelist-result.js +1 -1
- package/components/pn-product-pricelist.js +2 -2
- package/components/pn-product-tile-info2.js +1 -1
- package/components/pn-product-tile.js +1 -1
- package/components/pn-profile-modal-customernumber.js +1 -1
- package/components/pn-profile-modal-profile.js +2 -2
- package/components/pn-profile-modal-type.js +1 -1
- package/components/pn-profile-modal.js +1 -1
- package/components/pn-profile-selector-option.js +1 -1
- package/components/pn-profile-selector.js +1 -1
- package/components/pn-proxio-findprice-result2.js +1 -1
- package/components/pn-proxio-findprice.js +3 -3
- package/components/pn-proxio-pricegroup.js +1 -1
- package/components/pn-proxio-productcard-description2.js +1 -1
- package/components/pn-proxio-productcard-information2.js +1 -1
- package/components/pn-proxio-productcard2.js +1 -1
- package/components/pn-qr-code-generator2.js +1 -1
- package/components/pn-sidenav-level.js +1 -1
- package/components/pn-sidenav-link.js +1 -1
- package/components/pn-sidenav-togglebutton.js +1 -1
- package/components/pn-sidenav.js +1 -1
- package/components/pn-site-footer-col2.js +1 -1
- package/components/pn-site-footer2.js +1 -1
- package/components/pn-site-selector-item2.js +1 -1
- package/components/pn-site-selector2.js +1 -1
- package/components/pn-swan2.js +1 -1
- package/components/pn-titletag2.js +1 -1
- package/components/pn-usp-promoter.js +1 -1
- package/components/pn-versa-card.js +1 -1
- package/components/pn-versa-card.js.map +1 -1
- package/esm/pn-app-banner.entry.js +1 -1
- package/esm/pn-breakpoints.entry.js +1 -1
- package/esm/pn-chat-message_2.entry.js +2 -2
- package/esm/pn-chat.entry.js +2 -2
- package/esm/pn-customernumber-selector-option.entry.js +1 -1
- package/esm/pn-customernumber-selector.entry.js +1 -1
- package/esm/pn-find-price-result.entry.js +1 -1
- package/esm/pn-find-price.entry.js +2 -2
- package/esm/pn-find-service-and-price-result.entry.js +1 -1
- package/esm/pn-find-service-and-price.entry.js +1 -1
- package/esm/pn-hero-block-international.entry.js +1 -1
- package/esm/pn-language-selector_13.entry.js +11 -11
- package/esm/pn-language-selector_13.entry.js.map +1 -1
- package/esm/pn-level-up-modal.entry.js +1 -1
- package/esm/pn-level-up.entry.js +2 -2
- package/esm/pn-link-list.entry.js +1 -1
- package/esm/pn-marketweb-header-main-row_2.entry.js +8 -8
- package/esm/pn-marketweb-header-main-row_2.entry.js.map +1 -1
- package/esm/pn-marketweb-header-skeleton-loader.entry.js +1 -1
- package/esm/pn-marketweb-header.entry.js +1 -1
- package/esm/pn-marketweb-header.entry.js.map +1 -1
- package/esm/pn-marketweb-icon.entry.js +1 -1
- package/esm/pn-marketweb-siteheader-login-button_2.entry.js +1 -1
- package/esm/pn-marketweb-siteheader-login-mypage-button.entry.js +1 -1
- package/esm/pn-marketweb-siteheader.entry.js +4 -4
- package/esm/pn-marketweb-table.entry.js +1 -1
- package/esm/pn-media-block.entry.js +1 -1
- package/esm/pn-pex-pricefinder.entry.js +1 -1
- package/esm/pn-product-card_3.entry.js +1 -1
- package/esm/pn-product-pricelist-result.entry.js +1 -1
- package/esm/pn-product-pricelist.entry.js +2 -2
- package/esm/pn-product-tile-info_2.entry.js +1 -1
- package/esm/pn-product-tile.entry.js +1 -1
- package/esm/pn-profile-modal-customernumber.entry.js +1 -1
- package/esm/pn-profile-modal-profile.entry.js +2 -2
- package/esm/pn-profile-modal-type.entry.js +1 -1
- package/esm/pn-profile-modal.entry.js +1 -1
- package/esm/pn-profile-selector-option.entry.js +1 -1
- package/esm/pn-profile-selector.entry.js +1 -1
- package/esm/pn-proxio-findprice-result.entry.js +1 -1
- package/esm/pn-proxio-findprice.entry.js +3 -3
- package/esm/pn-proxio-pricegroup.entry.js +1 -1
- package/esm/pn-proxio-productcard_4.entry.js +3 -3
- package/esm/pn-qr-code-generator.entry.js +1 -1
- package/esm/pn-sidenav-level.entry.js +1 -1
- package/esm/pn-sidenav-link.entry.js +1 -1
- package/esm/pn-sidenav-togglebutton.entry.js +1 -1
- package/esm/pn-sidenav.entry.js +1 -1
- package/esm/pn-site-footer_3.entry.js +3 -3
- package/esm/pn-titletag.entry.js +1 -1
- package/esm/pn-usp-promoter.entry.js +1 -1
- package/esm/pn-versa-card.entry.js +1 -1
- package/esm/pn-versa-card.entry.js.map +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/{p-92b6477c.entry.js → p-00c968ba.entry.js} +2 -2
- package/pn-market-web-components/{p-1a91c313.entry.js → p-0491f6bb.entry.js} +2 -2
- package/pn-market-web-components/p-07158b3d.entry.js +2 -0
- package/pn-market-web-components/{p-b318ff19.entry.js.map → p-07158b3d.entry.js.map} +1 -1
- package/pn-market-web-components/{p-a6935dc2.entry.js → p-0b0232d5.entry.js} +2 -2
- package/pn-market-web-components/{p-5a51d0b0.entry.js → p-0b0743cb.entry.js} +2 -2
- package/pn-market-web-components/p-0cd2c894.entry.js +2 -0
- package/pn-market-web-components/{p-1f8304be.entry.js → p-1adedb55.entry.js} +2 -2
- package/pn-market-web-components/p-1d89782c.entry.js +2 -0
- package/pn-market-web-components/p-1d89782c.entry.js.map +1 -0
- package/pn-market-web-components/{p-4fcce83d.entry.js → p-3ae30aed.entry.js} +2 -2
- package/pn-market-web-components/{p-a3beee11.entry.js → p-3eac7820.entry.js} +2 -2
- package/pn-market-web-components/{p-ba680948.entry.js → p-413afe7c.entry.js} +2 -2
- package/pn-market-web-components/{p-81210644.entry.js → p-46581fa4.entry.js} +2 -2
- package/pn-market-web-components/{p-756d8d95.entry.js → p-48e4ce2a.entry.js} +2 -2
- package/pn-market-web-components/{p-756d8d95.entry.js.map → p-48e4ce2a.entry.js.map} +1 -1
- package/pn-market-web-components/{p-4dac1980.entry.js → p-5353fd9e.entry.js} +2 -2
- package/pn-market-web-components/{p-3d27faee.entry.js → p-5b3a9382.entry.js} +2 -2
- package/pn-market-web-components/{p-fcefe4a4.entry.js → p-5e6709ff.entry.js} +2 -2
- package/pn-market-web-components/{p-70a71854.entry.js → p-6eadf171.entry.js} +2 -2
- package/pn-market-web-components/{p-3e25f431.entry.js → p-79c8e9ff.entry.js} +2 -2
- package/pn-market-web-components/{p-c38707f9.entry.js → p-7ccca19f.entry.js} +2 -2
- package/pn-market-web-components/{p-61346425.entry.js → p-82514477.entry.js} +2 -2
- package/pn-market-web-components/{p-c89cdd5a.entry.js → p-86b3c2df.entry.js} +2 -2
- package/pn-market-web-components/{p-466958a8.entry.js → p-8aa1c63e.entry.js} +2 -2
- package/pn-market-web-components/{p-03728b0b.entry.js → p-8c48b8ac.entry.js} +2 -2
- package/pn-market-web-components/p-8e129406.entry.js +2 -0
- package/pn-market-web-components/{p-e8cd1608.entry.js.map → p-8e129406.entry.js.map} +1 -1
- package/pn-market-web-components/{p-8c26c1f2.entry.js → p-919fb7b8.entry.js} +2 -2
- package/pn-market-web-components/{p-3aa74418.entry.js → p-96da6528.entry.js} +2 -2
- package/pn-market-web-components/{p-a6dd3e4f.entry.js → p-a1bc7932.entry.js} +2 -2
- package/pn-market-web-components/{p-ba14b0ef.entry.js → p-a63540af.entry.js} +2 -2
- package/pn-market-web-components/{p-ba75bfdb.entry.js → p-acc1acbc.entry.js} +2 -2
- package/pn-market-web-components/{p-43748ca2.entry.js → p-b1711fab.entry.js} +2 -2
- package/pn-market-web-components/{p-8519e39e.entry.js → p-b5f781c4.entry.js} +2 -2
- package/pn-market-web-components/{p-c186ec41.entry.js → p-be57debf.entry.js} +2 -2
- package/pn-market-web-components/{p-6b557670.entry.js → p-c4059cc1.entry.js} +2 -2
- package/pn-market-web-components/{p-f23ed5d2.entry.js → p-c668f68a.entry.js} +2 -2
- package/pn-market-web-components/{p-f23ed5d2.entry.js.map → p-c668f68a.entry.js.map} +1 -1
- package/pn-market-web-components/{p-9eab8192.entry.js → p-c933406d.entry.js} +2 -2
- package/pn-market-web-components/{p-76fb0c21.entry.js → p-c95b7308.entry.js} +2 -2
- package/pn-market-web-components/{p-af89c95a.entry.js → p-d184c299.entry.js} +2 -2
- package/pn-market-web-components/{p-191c8cfc.entry.js → p-d29b1d57.entry.js} +2 -2
- package/pn-market-web-components/{p-f3b4c13d.entry.js → p-d33e5503.entry.js} +2 -2
- package/pn-market-web-components/{p-4ab53d5d.entry.js → p-d4f32cb5.entry.js} +2 -2
- package/pn-market-web-components/{p-fded22b7.entry.js → p-da4863ad.entry.js} +2 -2
- package/pn-market-web-components/{p-ef090656.entry.js → p-dd4e1d37.entry.js} +2 -2
- package/pn-market-web-components/{p-067c1c2f.entry.js → p-df43dcae.entry.js} +2 -2
- package/pn-market-web-components/p-e38d2c25.entry.js +2 -0
- package/pn-market-web-components/p-e38d2c25.entry.js.map +1 -0
- package/pn-market-web-components/{p-8382794b.entry.js → p-eb58c73d.entry.js} +2 -2
- package/pn-market-web-components/{p-42da7c5f.entry.js → p-f7baf58a.entry.js} +2 -2
- package/pn-market-web-components/{p-f710445f.entry.js → p-f8ccc718.entry.js} +2 -2
- package/pn-market-web-components/{p-4d595345.entry.js → p-fa836cbd.entry.js} +2 -2
- package/pn-market-web-components/{p-ff6118f8.entry.js → p-ff39c310.entry.js} +2 -2
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/pn-market-web-components/p-16570ed2.entry.js +0 -2
- package/pn-market-web-components/p-16570ed2.entry.js.map +0 -1
- package/pn-market-web-components/p-24ffac0a.entry.js +0 -2
- package/pn-market-web-components/p-3239c36b.entry.js +0 -2
- package/pn-market-web-components/p-3239c36b.entry.js.map +0 -1
- package/pn-market-web-components/p-b318ff19.entry.js +0 -2
- package/pn-market-web-components/p-e8cd1608.entry.js +0 -2
- /package/pn-market-web-components/{p-92b6477c.entry.js.map → p-00c968ba.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-1a91c313.entry.js.map → p-0491f6bb.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a6935dc2.entry.js.map → p-0b0232d5.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-5a51d0b0.entry.js.map → p-0b0743cb.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-24ffac0a.entry.js.map → p-0cd2c894.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-1f8304be.entry.js.map → p-1adedb55.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4fcce83d.entry.js.map → p-3ae30aed.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a3beee11.entry.js.map → p-3eac7820.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ba680948.entry.js.map → p-413afe7c.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-81210644.entry.js.map → p-46581fa4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4dac1980.entry.js.map → p-5353fd9e.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3d27faee.entry.js.map → p-5b3a9382.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-fcefe4a4.entry.js.map → p-5e6709ff.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-70a71854.entry.js.map → p-6eadf171.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3e25f431.entry.js.map → p-79c8e9ff.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c38707f9.entry.js.map → p-7ccca19f.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-61346425.entry.js.map → p-82514477.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c89cdd5a.entry.js.map → p-86b3c2df.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-466958a8.entry.js.map → p-8aa1c63e.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-03728b0b.entry.js.map → p-8c48b8ac.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-8c26c1f2.entry.js.map → p-919fb7b8.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-3aa74418.entry.js.map → p-96da6528.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-a6dd3e4f.entry.js.map → p-a1bc7932.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ba14b0ef.entry.js.map → p-a63540af.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ba75bfdb.entry.js.map → p-acc1acbc.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-43748ca2.entry.js.map → p-b1711fab.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-8519e39e.entry.js.map → p-b5f781c4.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-c186ec41.entry.js.map → p-be57debf.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-6b557670.entry.js.map → p-c4059cc1.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-9eab8192.entry.js.map → p-c933406d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-76fb0c21.entry.js.map → p-c95b7308.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-af89c95a.entry.js.map → p-d184c299.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-191c8cfc.entry.js.map → p-d29b1d57.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f3b4c13d.entry.js.map → p-d33e5503.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4ab53d5d.entry.js.map → p-d4f32cb5.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-fded22b7.entry.js.map → p-da4863ad.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ef090656.entry.js.map → p-dd4e1d37.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-067c1c2f.entry.js.map → p-df43dcae.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-8382794b.entry.js.map → p-eb58c73d.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-42da7c5f.entry.js.map → p-f7baf58a.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-f710445f.entry.js.map → p-f8ccc718.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-4d595345.entry.js.map → p-fa836cbd.entry.js.map} +0 -0
- /package/pn-market-web-components/{p-ff6118f8.entry.js.map → p-ff39c310.entry.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
|
|
2
2
|
import { H as HeadingTag } from './HeadingTag-11a27410.js';
|
|
3
3
|
|
|
4
|
-
const pnVersaCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-versa-card{display:flex;width:100%;height:100%;--versa-card-bg:transparent;--versa-card-heading-color:inherit;--versa-card-text-color:inherit;--versa-card-blockquote-border-color:inherit;--versa-link-color:#005d92;--versa-card-padding:1.6rem;--versa-card-heading-size:2.4rem;--versa-card-preamble-size:1.8rem;--versa-card-label-size:1.2rem;--rte-text-color:var(--versa-card-text-color);--rte-heading-color:var(--versa-card-heading-color);--rte-blockquote-border-color:var(--versa-card-blockquote-border-color);--rte-image-radius:1.6rem}pn-versa-card .pn-versa-card-label{display:block;font-size:var(--versa-card-label-size);text-transform:uppercase;margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card-heading{font-size:var(--versa-card-heading-size);margin:0 0 0.4rem 0;color:var(--versa-card-heading-color)}pn-versa-card .pn-versa-card-preamble{font-size:var(--versa-card-preamble-size);margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card{display:flex;flex-direction:column;width:100%;height:100%;gap:0.8rem;position:relative}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image],pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture,pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{display:block;width:100%;height:100%}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{border-radius:1.6rem;object-fit:cover}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture{max-width:70rem;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:100%;gap:1.6rem;padding-bottom:1.6rem;--pn-link-current-color:var(--versa-link-color);--rte-link-color:var(--pn-link-current-color)}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{max-width:70rem;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent{display:flex;flex-direction:column;color:var(--versa-card-text-color);width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{display:flex;align-items:center;min-height:4.8rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.6rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a{margin-bottom:0}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] pn-button[appearance=light]{color:unset}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button){color:var(--pn-link-current-color);text-decoration:none;font-weight:400}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button):hover{text-decoration:underline}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasBg{position:relative;padding:var(--versa-card-padding);border-radius:1.6rem;background-color:transparent}pn-versa-card .pn-versa-card-hasBg::before{content:\"\";position:absolute;inset:0;background-color:var(--versa-card-bg);border-radius:inherit;z-index:0;pointer-events:none;opacity:1}pn-versa-card .pn-versa-card-hasBg>*{position:relative;z-index:1}pn-versa-card .pn-versa-card-hasBg .pn-versa-card-content{padding-bottom:0}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground::before{opacity:0.9;transition:opacity 500ms ease-in-out}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground:hover::before{opacity:0.98}pn-versa-card .pn-versa-card-hasImageCover{padding:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper{height:100%;margin-bottom:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper [slot=image] picture img{width:100%;height:100%;object-fit:cover}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText{--pn-versa-hover-overlay-alpha:var(--pn-versa-opacity, 0.85)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper{position:relative;height:100%}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before,pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{content:\"\";position:absolute;inset:0;border-radius:1.6rem;pointer-events:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before{background:radial-gradient(circle, rgba(13, 35, 75, 0.8) 7%, rgba(13, 35, 75, 0) 100%);z-index:1}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{background-color:rgba(13, 35, 75, var(--pn-versa-hover-overlay-alpha));opacity:0;transition:opacity 1s;z-index:2}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper [slot=image] picture img{position:relative;z-index:0}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.4rem;max-width:unset;color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.5);--pn-link-current-color:#ffffff;--rte-text-color:#ffffff;--rte-heading-color:#ffffff;--rte-blockquote-text-color:#ffffff;--rte-blockquote-border-color:rgba(255, 255, 255, 0.8);--rte-quote-author-color:#ffffff;--rte-quote-author-bg:rgba(255, 255, 255, 0.16)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content a{color:var(--pn-link-current-color);text-shadow:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content pn-button[appearance=light] a{color:#005d92}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText:hover .pn-versa-card-imageWrapper::after{opacity:1}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:auto;height:auto}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{aspect-ratio:1/1;width:100%;height:100%;max-width:12rem;border-radius:50%}pn-versa-card .pn-versa-card-horizontal{flex-direction:column}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper [slot=image] picture img{height:100%}pn-versa-card .pn-versa-card-center .pn-versa-card-imageWrapper{align-self:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content{align-items:center;text-align:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle .pn-versa-card-content{height:auto}pn-versa-card[data-card-color=white]{--versa-card-bg:#ffffff}pn-versa-card[data-card-color=blue25]{--versa-card-bg:#effbff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue50]{--versa-card-bg:#e0f8ff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue400]{--versa-card-bg:#00a0d6;--rte-heading-color:#ffffff}pn-versa-card[data-card-color=blue900]{--versa-card-bg:#0d234b;--versa-card-heading-color:#8eddf9;--versa-card-text-color:#ffffff;--versa-card-blockquote-border-color:#ffffff;--versa-link-color:#ffffff;--rte-heading-color:#ffffff}pn-versa-card[data-card-color=coral25]{--versa-card-bg:#fef7f6;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=coral50]{--versa-card-bg:#fdefee;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=green25]{--versa-card-bg:#edfbf3;--versa-card-blockquote-border-color:#5ec584}pn-versa-card[data-card-color=green50]{--versa-card-bg:#dcf6e7;--versa-card-blockquote-border-color:#5ec584}@media (min-width: 600px){pn-versa-card .pn-versa-card-horizontal{flex-direction:row;gap:3.2rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper,pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{flex:1}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper{height:auto}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper [slot=image] picture img{height:auto;position:sticky;top:1.6rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{width:50%;box-sizing:border-box;justify-content:flex-start}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:2.4rem}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-horizontal--imgRight{flex-direction:row-reverse}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper{height:100%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-imageWrapper{align-self:auto}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content{align-items:stretch;text-align:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper{align-self:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-alignMiddle .pn-versa-card-content{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:50%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{max-width:unset}}@media (min-width: 1440px){pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:3.2rem}}pn-versa-card .versa-card-cta-link-animated pn-icon{position:relative;left:-0.3rem;transition:0.3s ease-in-out}pn-versa-card .versa-card-cta-link-animated:hover pn-icon{left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte]{color:var(--rte-text-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte]>*:last-child,pn-versa-card .pn-versa-card-RTEtext [slot=rte]>*:last-child *:last-child{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a{text-decoration:underline}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a:not(.pn-button){color:var(--rte-link-color, currentColor)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h1{font-size:var(--rte-h1-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h2{font-size:var(--rte-h2-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h3{font-size:var(--rte-h3-size, 2rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h4{font-size:var(--rte-h4-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h5{font-weight:var(--rte-h5-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h6{font-weight:var(--rte-h6-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] strong{font-weight:var(--rte-strong-weight, 500)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ul{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ol{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .flex-bullet-list{padding-left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table{display:block;width:100%;max-width:100%;overflow-x:auto;margin-bottom:var(--rte-table-margin-bottom, 2.4rem);padding:var(--rte-table-padding, 0.8rem);border:none;border-radius:var(--rte-table-radius, 0.8rem);background:var(--rte-table-bg, #fff)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table.table-tiny-mce th{background:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] th{padding:var(--rte-th-padding, 0.8rem);min-width:var(--rte-th-min-width, 20rem);text-align:left;font-weight:var(--rte-th-font-weight, 500);background:var(--rte-th-bg, #effbff);border:var(--rte-th-border-width, 3px) solid var(--rte-th-border-color, #e0f8ff);color:var(--rte-th-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] td{padding:var(--rte-td-padding, 0.8rem);min-width:var(--rte-td-min-width, 20rem);text-align:left;border:var(--rte-td-border-width, 1px) solid var(--rte-td-border-color, #e2e2e2);background:var(--rte-td-bg, #fff);color:var(--rte-td-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote{padding-left:var(--rte-blockquote-padding-left, 1.6rem);margin:var(--rte-blockquote-margin, 1.6rem 0);border-left:var(--rte-blockquote-border-width, 0.4rem) solid var(--rte-blockquote-border-color, currentColor);border-radius:var(--rte-blockquote-radius, 0);color:var(--rte-blockquote-text-color, inherit);background:var(--rte-blockquote-bg, transparent)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote p{margin:var(--rte-blockquote-paragraph-margin, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote em{display:inline-block;font-style:normal;margin-top:var(--rte-quote-author-margin-top, 0.8rem);font-size:var(--rte-quote-author-font-size, 1.4rem);padding:var(--rte-quote-author-padding, 0.4rem);border-radius:var(--rte-quote-author-radius, 0.4rem);background:var(--rte-quote-author-bg, rgba(255, 255, 255, 0.1));color:var(--rte-quote-author-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .accordionblock-title{font-size:var(--rte-accordion-title-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] img{border-radius:var(--rte-image-radius, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__Element{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .FormSubmitButton .btn{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__MainBody section>div{margin-bottom:var(--rte-forms-spacing, 1.6rem) !important}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .pn-quote-card__section{max-width:none !important;background-color:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .quoteblock-section .pn-quote-card__section .pn-quote-card__quote{border:none !important;padding-left:0 !important}.onethirdwidth pn-versa-card{--rte-forms-spacing:1.2rem}@media (min-width: 992px){.onequarterwidth pn-versa-card{--versa-card-padding:0.8rem;--versa-card-heading-size:2rem;--versa-card-preamble-size:1.7rem;--versa-card-label-size:1.1rem;--rte-h2-size:2rem;--rte-h3-size:1.8rem;--rte-h4-size:1.6rem}.halfwidth pn-versa-card,.fullwidth pn-versa-card{--rte-blockquote-margin:2.4rem 0}}@media (min-width: 1640px){.onequarterwidth pn-versa-card{--versa-card-padding:1.6rem}}pn-versa-card:not(:where(.versacardblock *)){height:auto}";
|
|
4
|
+
const pnVersaCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-versa-card{display:flex;width:100%;height:100%;--versa-card-bg:transparent;--versa-card-heading-color:inherit;--versa-card-text-color:inherit;--versa-card-blockquote-border-color:inherit;--versa-link-color:#005d92;--versa-card-padding:1.6rem;--versa-card-heading-size:2.4rem;--versa-card-preamble-size:1.8rem;--versa-card-label-size:1.2rem;--rte-text-color:var(--versa-card-text-color);--rte-heading-color:var(--versa-card-heading-color);--rte-blockquote-border-color:var(--versa-card-blockquote-border-color);--rte-image-radius:1.6rem}pn-versa-card .pn-versa-card-label{display:block;font-size:var(--versa-card-label-size);text-transform:uppercase;margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card-heading{font-size:var(--versa-card-heading-size);margin:0 0 0.4rem 0;color:var(--versa-card-heading-color)}pn-versa-card .pn-versa-card-preamble{font-size:var(--versa-card-preamble-size);margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card{display:flex;flex-direction:column;width:100%;height:100%;gap:0.8rem;position:relative}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image],pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture,pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{display:block;width:100%;height:100%}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{border-radius:1.6rem;object-fit:cover}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture{max-width:70rem;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:100%;gap:1.6rem;padding-bottom:1.6rem;--pn-link-current-color:var(--versa-link-color);--rte-link-color:var(--pn-link-current-color)}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{max-width:70rem;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent{display:flex;flex-direction:column;color:var(--versa-card-text-color);width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{display:flex;align-items:center;min-height:4.8rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.6rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a{margin-bottom:0}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] pn-button[appearance=light]{color:unset}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button){color:var(--pn-link-current-color);text-decoration:none;font-weight:400}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button):hover{text-decoration:underline}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasBg{position:relative;padding:var(--versa-card-padding);border-radius:1.6rem;background-color:transparent}pn-versa-card .pn-versa-card-hasBg::before{content:\"\";position:absolute;inset:0;background-color:var(--versa-card-bg);border-radius:inherit;z-index:0;pointer-events:none;opacity:1}pn-versa-card .pn-versa-card-hasBg>*{position:relative;z-index:1}pn-versa-card .pn-versa-card-hasBg .pn-versa-card-content{padding-bottom:0}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground::before{opacity:0.9;transition:opacity 500ms ease-in-out}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground:hover::before{opacity:0.98}pn-versa-card .pn-versa-card-hasImageCover{padding:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper{height:100%;margin-bottom:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper [slot=image] picture img{width:100%;height:100%;object-fit:cover}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText{display:grid;grid-template-areas:\"cover\";--pn-versa-hover-overlay-alpha:var(--pn-versa-opacity, 0.85)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper{grid-area:cover;position:relative;height:auto;min-height:100%}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before,pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{content:\"\";position:absolute;inset:0;border-radius:1.6rem;pointer-events:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before{background:radial-gradient(circle, rgba(13, 35, 75, 0.8) 7%, rgba(13, 35, 75, 0) 100%);z-index:1}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{background-color:rgba(13, 35, 75, var(--pn-versa-hover-overlay-alpha));opacity:0;transition:opacity 1s;z-index:2}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper [slot=image] picture img{position:relative;z-index:0}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper [slot=image] picture{max-width:unset}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content{grid-area:cover;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.4rem;box-sizing:border-box;height:auto;min-height:100%;max-width:unset;color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.5);--pn-link-current-color:#ffffff;--rte-text-color:#ffffff;--rte-heading-color:#ffffff;--rte-blockquote-text-color:#ffffff;--rte-blockquote-border-color:rgba(255, 255, 255, 0.8);--rte-quote-author-color:#ffffff;--rte-quote-author-bg:rgba(255, 255, 255, 0.16)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content a{color:var(--pn-link-current-color);text-shadow:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content pn-button[appearance=light] a{color:#005d92}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText:hover .pn-versa-card-imageWrapper::after{opacity:1}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:auto;height:auto}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{aspect-ratio:1/1;width:100%;height:100%;max-width:12rem;border-radius:50%}pn-versa-card .pn-versa-card-horizontal{flex-direction:column}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper [slot=image] picture img{height:100%}pn-versa-card .pn-versa-card-center.pn-versa-card-hasImageCover .pn-versa-card-imageWrapper{align-self:auto}pn-versa-card .pn-versa-card-center:not(.pn-versa-card-hasImageCover) .pn-versa-card-imageWrapper{align-self:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content{align-items:center;text-align:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle .pn-versa-card-content{height:auto}pn-versa-card[data-card-color=white]{--versa-card-bg:#ffffff}pn-versa-card[data-card-color=blue25]{--versa-card-bg:#effbff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue50]{--versa-card-bg:#e0f8ff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue400]{--versa-card-bg:#00a0d6;--rte-heading-color:#ffffff}pn-versa-card[data-card-color=blue900]{--versa-card-bg:#0d234b;--versa-card-heading-color:#8eddf9;--versa-card-text-color:#ffffff;--versa-card-blockquote-border-color:#ffffff;--versa-link-color:#ffffff;--rte-heading-color:#ffffff}pn-versa-card[data-card-color=coral25]{--versa-card-bg:#fef7f6;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=coral50]{--versa-card-bg:#fdefee;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=green25]{--versa-card-bg:#edfbf3;--versa-card-blockquote-border-color:#5ec584}pn-versa-card[data-card-color=green50]{--versa-card-bg:#dcf6e7;--versa-card-blockquote-border-color:#5ec584}@media (min-width: 600px){pn-versa-card .pn-versa-card-horizontal{flex-direction:row;gap:3.2rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper,pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{flex:1}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper{height:auto}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper [slot=image] picture img{height:auto;position:sticky;top:1.6rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{width:50%;box-sizing:border-box;justify-content:flex-start}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:2.4rem}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-horizontal--imgRight{flex-direction:row-reverse}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper{height:100%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-imageWrapper{align-self:auto}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content{align-items:stretch;text-align:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper{align-self:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-alignMiddle .pn-versa-card-content{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:50%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{max-width:unset}}@media (min-width: 1440px){pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:3.2rem}}pn-versa-card .versa-card-cta-link-animated pn-icon{position:relative;left:-0.3rem;transition:0.3s ease-in-out}pn-versa-card .versa-card-cta-link-animated:hover pn-icon{left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte]{color:var(--rte-text-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte]>*:last-child,pn-versa-card .pn-versa-card-RTEtext [slot=rte]>*:last-child *:last-child{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a{text-decoration:underline}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a:not(.pn-button){color:var(--rte-link-color, currentColor)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h1{font-size:var(--rte-h1-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h2{font-size:var(--rte-h2-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h3{font-size:var(--rte-h3-size, 2rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h4{font-size:var(--rte-h4-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h5{font-weight:var(--rte-h5-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h6{font-weight:var(--rte-h6-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] strong{font-weight:var(--rte-strong-weight, 500)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ul{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ol{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .flex-bullet-list{padding-left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table{display:block;width:100%;max-width:100%;overflow-x:auto;margin-bottom:var(--rte-table-margin-bottom, 2.4rem);padding:var(--rte-table-padding, 0.8rem);border:none;border-radius:var(--rte-table-radius, 0.8rem);background:var(--rte-table-bg, #fff)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table.table-tiny-mce th{background:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] th{padding:var(--rte-th-padding, 0.8rem);min-width:var(--rte-th-min-width, 20rem);text-align:left;font-weight:var(--rte-th-font-weight, 500);background:var(--rte-th-bg, #effbff);border:var(--rte-th-border-width, 3px) solid var(--rte-th-border-color, #e0f8ff);color:var(--rte-th-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] td{padding:var(--rte-td-padding, 0.8rem);min-width:var(--rte-td-min-width, 20rem);text-align:left;border:var(--rte-td-border-width, 1px) solid var(--rte-td-border-color, #e2e2e2);background:var(--rte-td-bg, #fff);color:var(--rte-td-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote{padding-left:var(--rte-blockquote-padding-left, 1.6rem);margin:var(--rte-blockquote-margin, 1.6rem 0);border-left:var(--rte-blockquote-border-width, 0.4rem) solid var(--rte-blockquote-border-color, currentColor);border-radius:var(--rte-blockquote-radius, 0);color:var(--rte-blockquote-text-color, inherit);background:var(--rte-blockquote-bg, transparent)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote p{margin:var(--rte-blockquote-paragraph-margin, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote em{display:inline-block;font-style:normal;margin-top:var(--rte-quote-author-margin-top, 0.8rem);font-size:var(--rte-quote-author-font-size, 1.4rem);padding:var(--rte-quote-author-padding, 0.4rem);border-radius:var(--rte-quote-author-radius, 0.4rem);background:var(--rte-quote-author-bg, rgba(255, 255, 255, 0.1));color:var(--rte-quote-author-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .accordionblock-title{font-size:var(--rte-accordion-title-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] img{border-radius:var(--rte-image-radius, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__Element{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .FormSubmitButton .btn{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__MainBody section>div{margin-bottom:var(--rte-forms-spacing, 1.6rem) !important}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .pn-quote-card__section{max-width:none !important;background-color:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .quoteblock-section .pn-quote-card__section .pn-quote-card__quote{border:none !important;padding-left:0 !important}.onethirdwidth pn-versa-card{--rte-forms-spacing:1.2rem}@media (min-width: 992px){.onequarterwidth pn-versa-card{--versa-card-padding:0.8rem;--versa-card-heading-size:2rem;--versa-card-preamble-size:1.7rem;--versa-card-label-size:1.1rem;--rte-h2-size:2rem;--rte-h3-size:1.8rem;--rte-h4-size:1.6rem}.halfwidth pn-versa-card,.fullwidth pn-versa-card{--rte-blockquote-margin:2.4rem 0}}@media (min-width: 1640px){.onequarterwidth pn-versa-card{--versa-card-padding:1.6rem}}pn-versa-card:not(:where(.versacardblock *)){height:auto}";
|
|
5
5
|
const PnVersaCardStyle0 = pnVersaCardCss;
|
|
6
6
|
|
|
7
7
|
const PnVersaCard = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pn-versa-card.entry.js","mappings":"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","names":[],"sources":["src/components/cards/pn-versa-card/pn-versa-card.scss?tag=pn-versa-card","src/components/cards/pn-versa-card/pn-versa-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$versa-card-radius: rem16(16px);\n$versa-card-gap: rem16(8px);\n$versa-card-content-gap: rem16(16px);\n$versa-card-content-padding-bottom: rem16(16px);\n$versa-card-text-max-width: rem16(700px);\n$versa-card-cover-padding: rem16(24px);\n$versa-card-horizontal-gap: rem16(32px);\n$versa-card-horizontal-padding: rem16(24px);\n$versa-card-horizontal-padding-lg: rem16(32px);\n$versa-card-sticky-top: rem16(16px);\n\n$versa-card-meta-margin-bottom: rem16(4px);\n$versa-card-cta-gap: rem16(16px);\n$versa-card-cta-min-height: rem16(48px);\n$versa-card-rounded-image-max-width: rem16(120px);\n\n$versa-card-cover-overlay-rgb: rgb(13, 35, 75);\n$versa-card-cover-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8),\n 0 4px 12px rgba(0, 0, 0, 0.5);\n\n$versa-card-cta-icon-offset: -0.3rem;\n$versa-card-cta-transition: 0.3s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Root / design tokens\n// CSS variables are kept for styling + contextual overrides\n// -----------------------------------------------------------------------------\npn-versa-card {\n display: flex;\n width: 100%;\n height: 100%;\n\n --versa-card-bg: transparent;\n --versa-card-heading-color: inherit;\n --versa-card-text-color: inherit;\n --versa-card-blockquote-border-color: inherit;\n --versa-link-color: #{$blue700};\n\n --versa-card-padding: #{rem16(16px)};\n --versa-card-heading-size: #{rem16(24px)};\n --versa-card-preamble-size: #{rem16(18px)};\n --versa-card-label-size: #{rem16(12px)};\n\n --rte-text-color: var(--versa-card-text-color);\n --rte-heading-color: var(--versa-card-heading-color);\n --rte-blockquote-border-color: var(--versa-card-blockquote-border-color);\n --rte-image-radius: #{$versa-card-radius};\n\n .pn-versa-card-label {\n display: block;\n font-size: var(--versa-card-label-size);\n text-transform: uppercase;\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n\n .pn-versa-card-heading {\n font-size: var(--versa-card-heading-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n color: var(--versa-card-heading-color);\n }\n\n .pn-versa-card-preamble {\n font-size: var(--versa-card-preamble-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n}\n\n// -----------------------------------------------------------------------------\n// Base structure\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n gap: $versa-card-gap;\n position: relative;\n\n .pn-versa-card-imageWrapper {\n\n [slot='image'],\n [slot='image'] picture,\n [slot='image'] picture img {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n [slot='image'] picture img {\n border-radius: $versa-card-radius;\n object-fit: cover;\n }\n\n [slot='image'] picture {\n max-width: $versa-card-text-max-width;\n margin: 0 auto;\n }\n }\n\n .pn-versa-card-content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n max-width: 100%;\n gap: $versa-card-content-gap;\n padding-bottom: $versa-card-content-padding-bottom;\n\n --pn-link-current-color: var(--versa-link-color);\n --rte-link-color: var(--pn-link-current-color);\n\n .pn-versa-card-textContent,\n .pn-versa-card-linkwrapper {\n max-width: $versa-card-text-max-width; \n margin: 0 auto;\n }\n\n .pn-versa-card-textContent {\n display: flex;\n flex-direction: column;\n color: var(--versa-card-text-color); \n width: 100%;\n \n }\n\n .pn-versa-card-linkwrapper {\n display: flex;\n align-items: center;\n min-height: $versa-card-cta-min-height;\n width: 100%;\n\n [slot='cta'] {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: $versa-card-cta-gap;\n width: 100%;\n\n a {\n margin-bottom: 0;\n }\n\n pn-button[appearance='light'] {\n color: unset;\n }\n\n a:not(.pn-button) {\n color: var(--pn-link-current-color);\n text-decoration: none;\n font-weight: 400;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Modifiers (visual / state)\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-hasBg {\n position: relative;\n padding: var(--versa-card-padding);\n border-radius: $versa-card-radius;\n background-color: transparent;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--versa-card-bg);\n border-radius: inherit;\n z-index: 0;\n pointer-events: none;\n opacity: 1;\n }\n\n >* {\n position: relative;\n z-index: 1;\n }\n\n .pn-versa-card-content {\n padding-bottom: 0;\n }\n\n &.pn-versa-card-transparentBackground {\n &::before {\n opacity: 0.9;\n transition: opacity 500ms ease-in-out;\n }\n\n &:hover::before {\n opacity: 0.98;\n }\n }\n }\n\n .pn-versa-card-hasImageCover {\n padding: 0;\n\n .pn-versa-card-imageWrapper {\n height: 100%;\n margin-bottom: 0;\n\n [slot='image'] picture img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &.pn-versa-card-hasImageCoverText {\n --pn-versa-hover-overlay-alpha: var(--pn-versa-opacity, 0.85);\n\n .pn-versa-card-imageWrapper {\n position: relative;\n height: 100%;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: $versa-card-radius;\n pointer-events: none;\n }\n\n &::before {\n background: radial-gradient(circle,\n rgba($versa-card-cover-overlay-rgb, 0.8) 7%,\n rgba($versa-card-cover-overlay-rgb, 0) 100%);\n z-index: 1;\n }\n\n &::after {\n background-color: rgba($versa-card-cover-overlay-rgb, var(--pn-versa-hover-overlay-alpha));\n opacity: 0;\n transition: opacity 1s;\n z-index: 2;\n }\n\n [slot='image'] picture img {\n position: relative;\n z-index: 0;\n }\n }\n\n .pn-versa-card-content {\n position: absolute;\n inset: 0;\n z-index: 3;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n padding: $versa-card-cover-padding;\n max-width: unset;\n\n color: #{$white};\n text-shadow: $versa-card-cover-text-shadow;\n\n --pn-link-current-color: #{$white};\n --rte-text-color: #{$white};\n --rte-heading-color: #{$white};\n --rte-blockquote-text-color: #{$white};\n --rte-blockquote-border-color: rgba(255, 255, 255, 0.8);\n --rte-quote-author-color: #{$white};\n --rte-quote-author-bg: rgba(255, 255, 255, 0.16);\n\n a {\n color: var(--pn-link-current-color);\n text-shadow: none;\n }\n\n pn-button[appearance='light'] a {\n color: $blue700;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n\n &:hover .pn-versa-card-imageWrapper::after {\n opacity: 1;\n }\n }\n }\n\n .pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: auto;\n height: auto;\n\n [slot='image'] picture img {\n aspect-ratio: 1 / 1;\n width: 100%;\n height: 100%;\n max-width: $versa-card-rounded-image-max-width;\n border-radius: 50%;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Layout + alignment\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: column;\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n [slot='image'] picture img {\n height: 100%;\n }\n }\n }\n }\n\n .pn-versa-card-center {\n .pn-versa-card-imageWrapper {\n align-self: center;\n }\n\n .pn-versa-card-content {\n align-items: center;\n text-align: center;\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n\n .pn-versa-card-alignMiddle {\n\n justify-content: center;\n\n\n .pn-versa-card-content {\n height: auto;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Theme / colors\n// -----------------------------------------------------------------------------\npn-versa-card {\n &[data-card-color='white'] {\n --versa-card-bg: #{$white};\n }\n\n &[data-card-color='blue25'] {\n --versa-card-bg: #{$blue25};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue50'] {\n --versa-card-bg: #{$blue50};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue400'] {\n --versa-card-bg: #{$blue400};\n --rte-heading-color:#{$white};\n }\n\n &[data-card-color='blue900'] {\n --versa-card-bg: #{$blue900};\n --versa-card-heading-color: #{$blue200};\n --versa-card-text-color: #{$white};\n --versa-card-blockquote-border-color: #{$white};\n --versa-link-color: #{$white};\n --rte-heading-color:#{$white};\n }\n\n &[data-card-color='coral25'] {\n --versa-card-bg: #{$coral25};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='coral50'] {\n --versa-card-bg: #{$coral50};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='green25'] {\n --versa-card-bg: #{$green25};\n --versa-card-blockquote-border-color: #{$green400};\n }\n\n &[data-card-color='green50'] {\n --versa-card-bg: #{$green50};\n --versa-card-blockquote-border-color: #{$green400};\n }\n}\n\n// -----------------------------------------------------------------------------\n// Responsive\n// -----------------------------------------------------------------------------\n@media (min-width: 600px) {\n pn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: row;\n gap: $versa-card-horizontal-gap;\n\n .pn-versa-card-imageWrapper,\n .pn-versa-card-content {\n flex: 1;\n }\n\n .pn-versa-card-imageWrapper {\n height: auto;\n\n [slot='image'] picture img {\n height: auto;\n position: sticky;\n top: $versa-card-sticky-top;\n }\n }\n\n .pn-versa-card-content {\n width: 50%;\n box-sizing: border-box;\n justify-content: flex-start;\n }\n\n &.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding;\n }\n\n &.pn-versa-card-horizontal--imgRight {\n flex-direction: row-reverse;\n }\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n height: 100%;\n }\n }\n\n &.pn-versa-card-center {\n .pn-versa-card-imageWrapper {\n align-self: auto;\n }\n\n .pn-versa-card-content {\n align-items: stretch;\n text-align: center;\n\n .pn-versa-card-textContent,\n .pn-versa-card-linkwrapper {\n align-self: center;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n\n &.pn-versa-card-alignMiddle {\n .pn-versa-card-content {\n justify-content: center; //overrides mobile alignMiddle which sets justify-content to space-between\n }\n }\n\n &.pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: 50%;\n\n [slot='image'] picture img {\n max-width: unset;\n }\n }\n }\n }\n }\n}\n\n@media (min-width: 1440px) {\n pn-versa-card {\n .pn-versa-card-horizontal.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding-lg;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CTA animation\n// -----------------------------------------------------------------------------\npn-versa-card {\n .versa-card-cta-link-animated {\n pn-icon {\n position: relative;\n left: $versa-card-cta-icon-offset;\n transition: $versa-card-cta-transition;\n }\n\n &:hover pn-icon {\n left: 0;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// RTE\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-RTEtext {\n [slot='rte'] {\n @include shared-rte;\n\n .pn-quote-card__section {\n max-width: none !important;\n background-color: transparent;\n }\n\n .quoteblock-section .pn-quote-card__section .pn-quote-card__quote {\n border: none !important;\n padding-left: 0 !important;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CMS Width Overrides\n// -----------------------------------------------------------------------------\n.onethirdwidth {\n pn-versa-card {\n --rte-forms-spacing: #{rem16(12px)};\n }\n}\n\n@media (min-width: 992px) {\n .onequarterwidth {\n pn-versa-card {\n --versa-card-padding: #{rem16(8px)};\n --versa-card-heading-size: #{rem16(20px)};\n --versa-card-preamble-size: #{rem16(17px)};\n --versa-card-label-size: #{rem16(11px)};\n\n --rte-h2-size: #{rem16(20px)};\n --rte-h3-size: #{rem16(18px)};\n --rte-h4-size: #{rem16(16px)};\n }\n }\n\n .halfwidth,\n .fullwidth {\n pn-versa-card {\n --rte-blockquote-margin: #{rem16(24px)} 0;\n }\n }\n}\n\n@media (min-width: 1640px) {\n .onequarterwidth {\n pn-versa-card {\n --versa-card-padding: #{rem16(16px)};\n }\n }\n}\n\n//when not wrapped by versacardblock class\npn-versa-card:not(:where(.versacardblock *)) {\n height: auto;\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n Component,\n Element,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n/** A short description about `pn-versa-card` */\n@Component({\n tag: 'pn-versa-card',\n styleUrl: 'pn-versa-card.scss',\n})\nexport class PnVersaCard {\n\n @Element() hostElement: HTMLElement;\n\n @Prop() label?: string;\n @Prop() heading?: string;\n @Prop() preamble?: string;\n @Prop() imageGrow = false;\n\n // Layout / modifiers\n @Prop() horizontal = false;\n @Prop() imgAlignment?: 'left' | 'right' = 'left';\n @Prop() hasImageCover = false;\n @Prop() alignMiddle = false;\n @Prop() center = false;\n\n @Prop() roundImage = false;\n @Prop() headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n @Prop() opacity: number = 90;\n @Prop() transparentBackground = false;\n\n private cx(parts: Array<string | false | null | undefined>) {\n return parts.filter(Boolean).join(' ');\n }\n\n private get hasImageCoverText(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte || this.showCta);\n }\n\n private get normalizedOpacity(): number {\n return Math.min(100, Math.max(0, this.opacity ?? 90));\n }\n\n // This getter reads the data-card-color attribute, which is used to set CSS variables for background and text colors in the SCSS file. It returns the color value or null if not set.\n private get cardColor() {\n const value = this.hostElement.getAttribute('data-card-color')?.trim().toLowerCase();\n return value || null;\n }\n\n private get hasBg(): boolean {\n return !!this.cardColor;\n }\n\n private get cardClass() {\n\n return this.cx([\n 'pn-versa-card',\n\n // modifiers \n this.horizontal && 'pn-versa-card-horizontal',\n this.horizontal && this.imgAlignment === 'right' && 'pn-versa-card-horizontal--imgRight',\n this.hasBg && 'pn-versa-card-hasBg',\n this.hasImageCover && 'pn-versa-card-hasImageCover', // can be true without text, just means image covers whole card without text on top\n this.hasImageCover && this.hasImageCoverText && 'pn-versa-card-hasImageCoverText', //has to have imageCover true AND imageCoverText in order for class to be set\n this.roundImage && 'pn-versa-card-hasRoundedImage',\n this.center && 'pn-versa-card-center',\n this.alignMiddle && 'pn-versa-card-alignMiddle',\n this.imageGrow && 'pn-versa-card-imageGrow',\n this.hasBg && this.transparentBackground && 'pn-versa-card-transparentBackground',\n\n ]);\n }\n\n private get showContent(): boolean {\n return this.showTextContent || this.showCta;\n }\n\n private get showTextContent(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte);\n }\n\n @State() showImage: boolean = false;\n @State() showRte: boolean = false;\n @State() showCta: boolean = false;\n\n componentWillLoad() {\n this.showImage = !!this.hostElement.querySelector('[slot=\"image\"]');\n this.showRte = !!this.hostElement.querySelector('[slot=\"rte\"]');\n this.showCta = !!this.hostElement.querySelector('[slot=\"cta\"]');\n\n }\n\n render() {\n return (\n <Host>\n <div class={this.cardClass} style={{ '--pn-versa-opacity': `${this.normalizedOpacity / 100}` }}>\n {this.showImage && (\n <div class=\"pn-versa-card-imageWrapper\">\n <slot name=\"image\" />\n </div>)}\n {this.showContent && (\n <div class=\"pn-versa-card-content\">\n {this.showTextContent && <div class=\"pn-versa-card-textContent\">\n {this.label && (\n <span class=\"pn-versa-card-label\">{this.label}</span>\n )}\n\n {this.heading && (\n <HeadingTag cssClass=\"pn-versa-card-heading\" level={this.headingLevel}>{this.heading}</HeadingTag>\n )}\n\n {this.preamble && (\n <p class=\"pn-versa-card-preamble\">{this.preamble}</p>\n )}\n\n {this.showRte && <div class=\"pn-versa-card-RTEtext\">\n <slot name=\"rte\" />\n </div>\n }\n </div>}\n\n {this.showCta && <div class=\"pn-versa-card-linkwrapper\">\n <slot name=\"cta\" />\n </div>}\n\n </div>\n )}\n </div>\n </Host>\n );\n }\n}"],"version":3}
|
|
1
|
+
{"file":"pn-versa-card.entry.js","mappings":"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","names":[],"sources":["src/components/cards/pn-versa-card/pn-versa-card.scss?tag=pn-versa-card","src/components/cards/pn-versa-card/pn-versa-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$versa-card-radius: rem16(16px);\n$versa-card-gap: rem16(8px);\n$versa-card-content-gap: rem16(16px);\n$versa-card-content-padding-bottom: rem16(16px);\n$versa-card-text-max-width: rem16(700px);\n$versa-card-picture-max-width: rem16(700px);\n$versa-card-cover-padding: rem16(24px);\n$versa-card-horizontal-gap: rem16(32px);\n$versa-card-horizontal-padding: rem16(24px);\n$versa-card-horizontal-padding-lg: rem16(32px);\n$versa-card-sticky-top: rem16(16px);\n\n$versa-card-meta-margin-bottom: rem16(4px);\n$versa-card-cta-gap: rem16(16px);\n$versa-card-cta-min-height: rem16(48px);\n$versa-card-rounded-image-max-width: rem16(120px);\n\n$versa-card-cover-overlay-rgb: rgb(13, 35, 75);\n$versa-card-cover-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8),\n 0 4px 12px rgba(0, 0, 0, 0.5);\n\n$versa-card-cta-icon-offset: -0.3rem;\n$versa-card-cta-transition: 0.3s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Root / design tokens\n// CSS variables are kept for styling + contextual overrides\n// -----------------------------------------------------------------------------\npn-versa-card {\n display: flex;\n width: 100%;\n height: 100%;\n\n --versa-card-bg: transparent;\n --versa-card-heading-color: inherit;\n --versa-card-text-color: inherit;\n --versa-card-blockquote-border-color: inherit;\n --versa-link-color: #{$blue700};\n\n --versa-card-padding: #{rem16(16px)};\n --versa-card-heading-size: #{rem16(24px)};\n --versa-card-preamble-size: #{rem16(18px)};\n --versa-card-label-size: #{rem16(12px)};\n\n --rte-text-color: var(--versa-card-text-color);\n --rte-heading-color: var(--versa-card-heading-color);\n --rte-blockquote-border-color: var(--versa-card-blockquote-border-color);\n --rte-image-radius: #{$versa-card-radius};\n\n .pn-versa-card-label {\n display: block;\n font-size: var(--versa-card-label-size);\n text-transform: uppercase;\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n\n .pn-versa-card-heading {\n font-size: var(--versa-card-heading-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n color: var(--versa-card-heading-color);\n }\n\n .pn-versa-card-preamble {\n font-size: var(--versa-card-preamble-size);\n margin: 0 0 $versa-card-meta-margin-bottom 0;\n }\n}\n\n// -----------------------------------------------------------------------------\n// Base structure\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n gap: $versa-card-gap;\n position: relative;\n\n .pn-versa-card-imageWrapper {\n\n [slot='image'],\n [slot='image'] picture,\n [slot='image'] picture img {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n [slot='image'] picture img {\n border-radius: $versa-card-radius;\n object-fit: cover;\n }\n\n [slot='image'] picture {\n max-width: $versa-card-picture-max-width;\n margin: 0 auto;\n }\n }\n\n .pn-versa-card-content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n max-width: 100%;\n gap: $versa-card-content-gap;\n padding-bottom: $versa-card-content-padding-bottom;\n\n --pn-link-current-color: var(--versa-link-color);\n --rte-link-color: var(--pn-link-current-color);\n\n .pn-versa-card-textContent,\n .pn-versa-card-linkwrapper {\n max-width: $versa-card-text-max-width; \n margin: 0 auto;\n }\n\n .pn-versa-card-textContent {\n display: flex;\n flex-direction: column;\n color: var(--versa-card-text-color); \n width: 100%;\n \n }\n\n .pn-versa-card-linkwrapper {\n display: flex;\n align-items: center;\n min-height: $versa-card-cta-min-height;\n width: 100%;\n\n [slot='cta'] {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: $versa-card-cta-gap;\n width: 100%;\n\n a {\n margin-bottom: 0;\n }\n\n pn-button[appearance='light'] {\n color: unset;\n }\n\n a:not(.pn-button) {\n color: var(--pn-link-current-color);\n text-decoration: none;\n font-weight: 400;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Modifiers (visual / state)\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-hasBg {\n position: relative;\n padding: var(--versa-card-padding);\n border-radius: $versa-card-radius;\n background-color: transparent;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--versa-card-bg);\n border-radius: inherit;\n z-index: 0;\n pointer-events: none;\n opacity: 1;\n }\n\n >* {\n position: relative;\n z-index: 1;\n }\n\n .pn-versa-card-content {\n padding-bottom: 0;\n }\n\n &.pn-versa-card-transparentBackground {\n &::before {\n opacity: 0.9;\n transition: opacity 500ms ease-in-out;\n }\n\n &:hover::before {\n opacity: 0.98;\n }\n }\n }\n\n .pn-versa-card-hasImageCover {\n padding: 0;\n\n .pn-versa-card-imageWrapper {\n height: 100%;\n margin-bottom: 0;\n\n [slot='image'] picture img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &.pn-versa-card-hasImageCoverText {\n display: grid;\n grid-template-areas: 'cover';\n --pn-versa-hover-overlay-alpha: var(--pn-versa-opacity, 0.85);\n\n .pn-versa-card-imageWrapper {\n grid-area: cover;\n position: relative;\n height: auto;\n min-height: 100%;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: $versa-card-radius;\n pointer-events: none;\n }\n\n &::before {\n background: radial-gradient(circle,\n rgba($versa-card-cover-overlay-rgb, 0.8) 7%,\n rgba($versa-card-cover-overlay-rgb, 0) 100%);\n z-index: 1;\n }\n\n &::after {\n background-color: rgba($versa-card-cover-overlay-rgb, var(--pn-versa-hover-overlay-alpha));\n opacity: 0;\n transition: opacity 1s;\n z-index: 2;\n }\n\n [slot='image'] picture img {\n position: relative;\n z-index: 0;\n }\n\n [slot=\"image\"] picture {\n max-width: unset;\n }\n }\n\n .pn-versa-card-content {\n grid-area: cover;\n position: relative;\n z-index: 3;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n padding: $versa-card-cover-padding;\n box-sizing: border-box;\n height: auto;\n min-height: 100%;\n max-width: unset;\n\n color: #{$white};\n text-shadow: $versa-card-cover-text-shadow;\n\n --pn-link-current-color: #{$white};\n --rte-text-color: #{$white};\n --rte-heading-color: #{$white};\n --rte-blockquote-text-color: #{$white};\n --rte-blockquote-border-color: rgba(255, 255, 255, 0.8);\n --rte-quote-author-color: #{$white};\n --rte-quote-author-bg: rgba(255, 255, 255, 0.16);\n\n a {\n color: var(--pn-link-current-color);\n text-shadow: none;\n }\n\n pn-button[appearance='light'] a {\n color: $blue700;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n a.versa-card-cta-link-animated pn-icon svg path {\n fill: var(--pn-link-current-color);\n }\n }\n }\n }\n\n &:hover .pn-versa-card-imageWrapper::after {\n opacity: 1;\n }\n }\n }\n\n .pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: auto;\n height: auto;\n\n [slot='image'] picture img {\n aspect-ratio: 1 / 1;\n width: 100%;\n height: 100%;\n max-width: $versa-card-rounded-image-max-width;\n border-radius: 50%;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Layout + alignment\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: column;\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n [slot='image'] picture img {\n height: 100%;\n }\n }\n }\n }\n\n // Image determins its own height, content is centered vertically within the card\n .pn-versa-card-center.pn-versa-card-hasImageCover {\n .pn-versa-card-imageWrapper {\n align-self: auto; \n } \n }\n\n //image does not cover the entire card, so it can be centered along with the content\n .pn-versa-card-center:not(.pn-versa-card-hasImageCover) {\n .pn-versa-card-imageWrapper {\n align-self: center;\n } \n }\n\n // Content is centered both vertically and horizontally, image alignment depends on whether the card has image cover or not\n .pn-versa-card-center {\n .pn-versa-card-content {\n align-items: center;\n text-align: center;\n \n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n\n // Content is centered vertically, but aligned to the left or right edge of the card (depending on image position)\n .pn-versa-card-alignMiddle {\n\n justify-content: center;\n\n\n .pn-versa-card-content {\n height: auto;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Theme / colors\n// -----------------------------------------------------------------------------\npn-versa-card {\n &[data-card-color='white'] {\n --versa-card-bg: #{$white};\n }\n\n &[data-card-color='blue25'] {\n --versa-card-bg: #{$blue25};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue50'] {\n --versa-card-bg: #{$blue50};\n --versa-card-blockquote-border-color: #{$blue400};\n }\n\n &[data-card-color='blue400'] {\n --versa-card-bg: #{$blue400};\n --rte-heading-color:#{$white};\n }\n\n &[data-card-color='blue900'] {\n --versa-card-bg: #{$blue900};\n --versa-card-heading-color: #{$blue200};\n --versa-card-text-color: #{$white};\n --versa-card-blockquote-border-color: #{$white};\n --versa-link-color: #{$white};\n --rte-heading-color:#{$white};\n }\n\n &[data-card-color='coral25'] {\n --versa-card-bg: #{$coral25};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='coral50'] {\n --versa-card-bg: #{$coral50};\n --versa-card-blockquote-border-color: #{$coral400};\n }\n\n &[data-card-color='green25'] {\n --versa-card-bg: #{$green25};\n --versa-card-blockquote-border-color: #{$green400};\n }\n\n &[data-card-color='green50'] {\n --versa-card-bg: #{$green50};\n --versa-card-blockquote-border-color: #{$green400};\n }\n}\n\n// -----------------------------------------------------------------------------\n// Responsive\n// -----------------------------------------------------------------------------\n@media (min-width: 600px) {\n pn-versa-card {\n .pn-versa-card-horizontal {\n flex-direction: row;\n gap: $versa-card-horizontal-gap;\n\n .pn-versa-card-imageWrapper,\n .pn-versa-card-content {\n flex: 1;\n }\n\n .pn-versa-card-imageWrapper {\n height: auto;\n\n [slot='image'] picture img {\n height: auto;\n position: sticky;\n top: $versa-card-sticky-top;\n }\n }\n\n .pn-versa-card-content {\n width: 50%;\n box-sizing: border-box;\n justify-content: flex-start;\n }\n\n &.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding;\n }\n\n &.pn-versa-card-horizontal--imgRight {\n flex-direction: row-reverse;\n }\n\n &.pn-versa-card-imageGrow {\n .pn-versa-card-imageWrapper {\n height: 100%;\n }\n }\n\n &.pn-versa-card-center {\n .pn-versa-card-imageWrapper {\n align-self: auto;\n }\n\n .pn-versa-card-content {\n align-items: stretch;\n text-align: center;\n\n .pn-versa-card-textContent,\n .pn-versa-card-linkwrapper {\n align-self: center;\n }\n\n .pn-versa-card-linkwrapper {\n [slot='cta'] {\n justify-content: center;\n }\n }\n }\n }\n\n &.pn-versa-card-alignMiddle {\n .pn-versa-card-content {\n justify-content: center; //overrides mobile alignMiddle which sets justify-content to space-between\n }\n }\n\n &.pn-versa-card-hasRoundedImage {\n .pn-versa-card-imageWrapper {\n width: 50%;\n\n [slot='image'] picture img {\n max-width: unset;\n }\n }\n }\n }\n }\n}\n\n@media (min-width: 1440px) {\n pn-versa-card {\n .pn-versa-card-horizontal.pn-versa-card-hasBg {\n padding: $versa-card-horizontal-padding-lg;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CTA animation\n// -----------------------------------------------------------------------------\npn-versa-card {\n .versa-card-cta-link-animated {\n pn-icon {\n position: relative;\n left: $versa-card-cta-icon-offset;\n transition: $versa-card-cta-transition;\n }\n\n &:hover pn-icon {\n left: 0;\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// RTE\n// -----------------------------------------------------------------------------\npn-versa-card {\n .pn-versa-card-RTEtext {\n [slot='rte'] {\n @include shared-rte;\n\n .pn-quote-card__section {\n max-width: none !important;\n background-color: transparent;\n }\n\n .quoteblock-section .pn-quote-card__section .pn-quote-card__quote {\n border: none !important;\n padding-left: 0 !important;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// CMS Width Overrides\n// -----------------------------------------------------------------------------\n.onethirdwidth {\n pn-versa-card {\n --rte-forms-spacing: #{rem16(12px)};\n }\n}\n\n@media (min-width: 992px) {\n .onequarterwidth {\n pn-versa-card {\n --versa-card-padding: #{rem16(8px)};\n --versa-card-heading-size: #{rem16(20px)};\n --versa-card-preamble-size: #{rem16(17px)};\n --versa-card-label-size: #{rem16(11px)};\n\n --rte-h2-size: #{rem16(20px)};\n --rte-h3-size: #{rem16(18px)};\n --rte-h4-size: #{rem16(16px)};\n }\n }\n\n .halfwidth,\n .fullwidth {\n pn-versa-card {\n --rte-blockquote-margin: #{rem16(24px)} 0;\n }\n }\n}\n\n@media (min-width: 1640px) {\n .onequarterwidth {\n pn-versa-card {\n --versa-card-padding: #{rem16(16px)};\n }\n }\n}\n\n//when not wrapped by versacardblock class\npn-versa-card:not(:where(.versacardblock *)) {\n height: auto;\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n Component,\n Element,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n/** A short description about `pn-versa-card` */\n@Component({\n tag: 'pn-versa-card',\n styleUrl: 'pn-versa-card.scss',\n})\nexport class PnVersaCard {\n\n @Element() hostElement: HTMLElement;\n\n @Prop() label?: string;\n @Prop() heading?: string;\n @Prop() preamble?: string;\n @Prop() imageGrow = false;\n\n // Layout / modifiers\n @Prop() horizontal = false;\n @Prop() imgAlignment?: 'left' | 'right' = 'left';\n @Prop() hasImageCover = false;\n @Prop() alignMiddle = false;\n @Prop() center = false;\n\n @Prop() roundImage = false;\n @Prop() headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n @Prop() opacity: number = 90;\n @Prop() transparentBackground = false;\n\n private cx(parts: Array<string | false | null | undefined>) {\n return parts.filter(Boolean).join(' ');\n }\n\n private get hasImageCoverText(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte || this.showCta);\n }\n\n private get normalizedOpacity(): number {\n return Math.min(100, Math.max(0, this.opacity ?? 90));\n }\n\n // This getter reads the data-card-color attribute, which is used to set CSS variables for background and text colors in the SCSS file. It returns the color value or null if not set.\n private get cardColor() {\n const value = this.hostElement.getAttribute('data-card-color')?.trim().toLowerCase();\n return value || null;\n }\n\n private get hasBg(): boolean {\n return !!this.cardColor;\n }\n\n private get cardClass() {\n\n return this.cx([\n 'pn-versa-card',\n\n // modifiers \n this.horizontal && 'pn-versa-card-horizontal',\n this.horizontal && this.imgAlignment === 'right' && 'pn-versa-card-horizontal--imgRight',\n this.hasBg && 'pn-versa-card-hasBg',\n this.hasImageCover && 'pn-versa-card-hasImageCover', // can be true without text, just means image covers whole card without text on top\n this.hasImageCover && this.hasImageCoverText && 'pn-versa-card-hasImageCoverText', //has to have imageCover true AND imageCoverText in order for class to be set\n this.roundImage && 'pn-versa-card-hasRoundedImage',\n this.center && 'pn-versa-card-center',\n this.alignMiddle && 'pn-versa-card-alignMiddle',\n this.imageGrow && 'pn-versa-card-imageGrow',\n this.hasBg && this.transparentBackground && 'pn-versa-card-transparentBackground',\n\n ]);\n }\n\n private get showContent(): boolean {\n return this.showTextContent || this.showCta;\n }\n\n private get showTextContent(): boolean {\n return !!(this.label || this.heading || this.preamble || this.showRte);\n }\n\n @State() showImage: boolean = false;\n @State() showRte: boolean = false;\n @State() showCta: boolean = false;\n\n componentWillLoad() {\n this.showImage = !!this.hostElement.querySelector('[slot=\"image\"]');\n this.showRte = !!this.hostElement.querySelector('[slot=\"rte\"]');\n this.showCta = !!this.hostElement.querySelector('[slot=\"cta\"]');\n\n }\n\n render() {\n return (\n <Host>\n <div class={this.cardClass} style={{ '--pn-versa-opacity': `${this.normalizedOpacity / 100}` }}>\n {this.showImage && (\n <div class=\"pn-versa-card-imageWrapper\">\n <slot name=\"image\" />\n </div>)}\n {this.showContent && (\n <div class=\"pn-versa-card-content\">\n {this.showTextContent && <div class=\"pn-versa-card-textContent\">\n {this.label && (\n <span class=\"pn-versa-card-label\">{this.label}</span>\n )}\n\n {this.heading && (\n <HeadingTag cssClass=\"pn-versa-card-heading\" level={this.headingLevel}>{this.heading}</HeadingTag>\n )}\n\n {this.preamble && (\n <p class=\"pn-versa-card-preamble\">{this.preamble}</p>\n )}\n\n {this.showRte && <div class=\"pn-versa-card-RTEtext\">\n <slot name=\"rte\" />\n </div>\n }\n </div>}\n\n {this.showCta && <div class=\"pn-versa-card-linkwrapper\">\n <slot name=\"cta\" />\n </div>}\n\n </div>\n )}\n </div>\n </Host>\n );\n }\n}"],"version":3}
|
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,g as t,h as o,d as i}from"./p-b3a13b6a.js";import{s as n}from"./p-70a9d4eb.js";import{a}from"./p-36b39340.js";import"./p-2132ad75.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-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 d=l;const r=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}get hostElement(){return t(this)}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 o(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,g as t,h as o,d as i}from"./p-b3a13b6a.js";import{s as n}from"./p-70a9d4eb.js";import{a}from"./p-36b39340.js";import"./p-2132ad75.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-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 d=l;const r=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}get hostElement(){return t(this)}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 o(i,{key:"333e36895617cf21c0869808ee4dadc3e0c7ab3c"},o("div",{key:"04bc8c808891091047113dfcd8428538d4f4b224",class:"profilemodal-container"},o("div",{key:"44fcecdf02e347bf4bc756dea48b45d11ea23cfa",class:"profilemodal-logo"},o("svg",{key:"9cfe3cba1676fb5690bebeb10cac05cd3b295d43",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},o("path",{key:"a5a4504f7a413a9c4729239f095de159bb4dfac7","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:o("div",{class:"profilemodal-heading"},this.heading),o("div",{key:"7e6d05d0d557d3cb93baebc74a6bdce9a2025278",class:"profilemodal-content"},o("slot",{key:"42b777af335abfb542baccb139003ba528c8b36d"})),this.continueCtaText?o("div",{class:"profilemodal-cta","aria-hidden":!n.selectedUrl+""},o("pn-button",{onclick:this.onCTAClick,href:n.selectedUrl,icon:a},this.continueCtaText)):null))}};r.style=d;export{r as pn_profile_modal};
|
|
2
|
+
//# sourceMappingURL=p-00c968ba.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"b072dd06f560bd370a23a3361bffd8491d063018"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
|
|
2
|
+
//# sourceMappingURL=p-0491f6bb.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,g as a,h as t,d}from"./p-b3a13b6a.js";import{c as i}from"./p-cfaf2eec.js";const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-app-banner .pn-app-banner__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:#f3f2f2;padding:1rem;margin:0 auto}pn-app-banner .pn-app-banner__sticky{position:relative;top:0;width:100%;z-index:999}pn-app-banner .icon-close:hover{cursor:pointer}pn-app-banner .pn-app-banner__icon{height:3.2rem}pn-app-banner .pn-app-banner__text{font-size:1.2rem;line-height:1}pn-app-banner .pn-app-banner__text span{font-weight:600}pn-app-banner .pn-app-banner__cta{margin-left:auto}pn-app-banner[data-is-closed=true]{display:none}";const n=c;const f=class{constructor(a){e(this,a);this.appName=undefined;this.appDescription=undefined;this.ctaText=undefined;this.appleStoreLink=undefined;this.googleStoreLink=undefined;this.isClosed=false;this.storeLink=undefined;this.isLocalStorageAvailable=true}get hostElement(){return a(this)}CLOSED_STORAGE_KEY="SmartAppBannerClosed";CLOSED_COOKIE_EXPIRY_DAYS=7;checkLocalStorage(){try{const e="__test__";localStorage.setItem(e,e);localStorage.removeItem(e)}catch(e){this.isLocalStorageAvailable=false}}detectDeviceAndSetStoreLink(){const e=navigator.userAgent;if(e.match(/Android/i)){this.storeLink=this.googleStoreLink}else if(e.match(/iPhone|iPad|iPod/i)){this.storeLink=this.appleStoreLink}else{this.storeLink=null;this.isClosed=true}}handleOnClose=()=>{this.isClosed=true;if(this.isLocalStorageAvailable){localStorage.setItem(this.CLOSED_STORAGE_KEY,"true")}else{const e=new Date;e.setDate(e.getDate()+this.CLOSED_COOKIE_EXPIRY_DAYS);document.cookie=`${this.CLOSED_STORAGE_KEY}=true; expires=${e.toUTCString()}`}};componentWillLoad(){this.checkLocalStorage();if(this.isLocalStorageAvailable){this.isClosed=localStorage.getItem(this.CLOSED_STORAGE_KEY)==="true"}else{const e=document.cookie.split(";");for(const a of e){const[e,t]=a.trim().split("=");if(e===this.CLOSED_STORAGE_KEY&&t==="true"){this.isClosed=true;break}}}if(!this.isClosed){this.detectDeviceAndSetStoreLink()}}render(){return t(d,{key:"f8c477908f729fce0cbaf6bfb26233abf23bd0aa","data-is-closed":this.isClosed?"true":"false"},t("div",{key:"3b721e74903154a0ecd43eb42797b0af6b7af550",class:"pn-app-banner__wrapper pn-app-banner__sticky"},t("div",{key:"62477454718026ecd8e28a8816091c92e407e851",class:"icon-close",onClick:this.handleOnClose},t("pn-icon",{key:"4bb83a9fedca05e93b83547346532eee1e7e4de6",icon:i,small:"false",color:"black"})),t("div",{key:"315b4e9a6a489a5bbd09b559026c9ebd8b96548f",class:"pn-app-banner__icon"},t("svg",{key:"b12bfc1c18eadcddc78ad481c87cf7b9c42a2040",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"ccd4e5fd02018d1401a2a2679f2a80578195fd4a","clip-path":"url(#clip0_17800_45416)"},t("path",{key:"ddb6036a42fe2480ca8699818ef29d922460feed",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#F18D8D"}),t("mask",{key:"03ce3db23760b17862c1696d1f9bb305d8029b8d",id:"mask0_17800_45416",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},t("path",{key:"f656bcca4003f9d7ac3d403d85d00ae9a9167c55",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"})),t("g",{key:"7664118bf6f8febba55ecaf1ac6f49ce82e22f14",mask:"url(#mask0_17800_45416)"},t("path",{key:"1fb4b7f7d22962617a14420bcf9080fa91dcf6a8",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"}),t("path",{key:"91b9e591589adaa3c25d32bd3f44997a3d0380ad",d:"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z",fill:"url(#paint0_linear_17800_45416)"}),t("path",{key:"a77e77bd937d9095f3a69a46ead23a981eb1c49b",d:"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z",fill:"#00A0D6"}),t("g",{key:"34a42137ec672c1b9630a68c836399b787140ee0",filter:"url(#filter0_d_17800_45416)"},t("path",{key:"0f6d71bf82349c3cbfb5a8136802186cb2e51407",d:"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z",fill:"#F1F7FA"}),t("path",{key:"c6169fe39b5ec0998b5c89004d30e312d2505aff",opacity:"0.6","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z",fill:"#A5C0CA"}),t("path",{key:"b6b99f8bba32440c6349cc0a4ef09d6e7caad54a",d:"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z",fill:"#00A0D6"}),t("path",{key:"76660ff1caf09522ce9924c4405e0c321b0f6e17","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z",fill:"#0D234B"})))),t("defs",{key:"fbc0f0870be93d120026f08e7206c1f05167cbe1"},t("filter",{key:"87e582351fa4c154666215d4f8e87bd73fc81be6",id:"filter0_d_17800_45416",x:"-52.5938",y:"-48.5938",width:"137.188",height:"137.188",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},t("feFlood",{key:"d2a8e1bf93c1fdbedd95b66f77f66b33c01d17a8","flood-opacity":"0",result:"BackgroundImageFix"}),t("feColorMatrix",{key:"add42ef98e06e983c7006d643b374085bce78b52",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),t("feOffset",{key:"1e5feb7cbf0b131e8095e6b86b2ff278445eef70",dy:"4"}),t("feGaussianBlur",{key:"0981e2ece42d4e901a7ca4267f3ca6338bd91cfa",stdDeviation:"30"}),t("feColorMatrix",{key:"e926e3eaba2ca62dc1d2f6ec0adff0da3f97e032",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),t("feBlend",{key:"0af0726aa0badf3cfa8f9c98a58317adfa2614d9",mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_17800_45416"}),t("feBlend",{key:"0f84ef8c9673257944a8ab5d0b538c0aac03bc16",mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_17800_45416",result:"shape"})),t("linearGradient",{key:"ba9bbd028bd2e2e40ddeae23573347a0bfdbcad5",id:"paint0_linear_17800_45416",x1:"29.2305",y1:"44.3441",x2:"51.5694",y2:"15.1782",gradientUnits:"userSpaceOnUse"},t("stop",{key:"6952bb2c1c5b0b191e89d920583ff9eb8cdbd073",offset:"0.0800778","stop-color":"#0D244C"}),t("stop",{key:"5d47010c43d1f0091b8e9ab5793265333df9f050",offset:"1","stop-color":"#0D234B"})),t("clipPath",{key:"99d1eb0f8d65914e14b560b82427c13df4984014",id:"clip0_17800_45416"},t("rect",{key:"5f2768b6f89bd405d5f2afdc2c7e3600034d5ac0",width:"32",height:"32",fill:"white"}))))),t("div",{key:"87b5c7258ffccbc20cc08d83c1d7945141e66cff",class:"pn-app-banner__text"},t("span",{key:"78bba781033a1654bcfcc7bda89c21acdcaae1c8"},this.appName),t("br",{key:"00e9c1262ab7ed42906582e8c7555d77e1b93163"}),this.appDescription),t("div",{key:"c00b281a12e8c5f0a673de0ccefcb01723480ae8",class:"pn-app-banner__cta"},t("pn-button",{key:"6a145dc5955295f06fec14bb178e8c6b4c200da9",small:true,href:this.storeLink},this.ctaText))))}};f.style=n;export{f as pn_app_banner};
|
|
2
|
+
//# sourceMappingURL=p-07158b3d.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n .pn-app-banner__wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n\n background-color: $gray50;\n padding: 1rem;\n margin: 0 auto;\n }\n\n .pn-app-banner__sticky {\n position: relative;\n\n top: 0;\n width: 100%;\n\n z-index: 999;\n }\n\n .icon-close {\n &:hover {\n cursor: pointer;\n }\n }\n\n .pn-app-banner__icon {\n height: 3.2rem;\n }\n\n .pn-app-banner__text {\n font-size: 1.2rem;\n line-height: 1;\n\n span {\n font-weight: 600;\n }\n }\n\n .pn-app-banner__cta {\n margin-left: auto;\n }\n\n &[data-is-closed='true'] {\n display: none;\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-app-banner',\n styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n @Element() hostElement: HTMLElement;\n @Prop() appName: string;\n @Prop() appDescription: string;\n @Prop() ctaText: string;\n @Prop() appleStoreLink: string;\n @Prop() googleStoreLink: string;\n\n @State() isClosed: boolean = false;\n @State() storeLink: string;\n @State() isLocalStorageAvailable = true;\n\n CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n checkLocalStorage() {\n try {\n const testKey = '__test__';\n localStorage.setItem(testKey, testKey);\n localStorage.removeItem(testKey);\n } catch (e) {\n this.isLocalStorageAvailable = false;\n }\n }\n\n detectDeviceAndSetStoreLink() {\n const userAgent = navigator.userAgent;\n\n if (userAgent.match(/Android/i)) {\n this.storeLink = this.googleStoreLink;\n } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n this.storeLink = this.appleStoreLink;\n } else {\n this.storeLink = null;\n this.isClosed = true; // -> data-is-closed = true\n }\n }\n\n handleOnClose = () => {\n this.isClosed = true;\n\n // Handle storage based on availability\n if (this.isLocalStorageAvailable) {\n localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n } else {\n const expirationDate = new Date();\n expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n }\n };\n\n componentWillLoad() {\n this.checkLocalStorage();\n // Handle storage based on availability\n if (this.isLocalStorageAvailable) {\n this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n } else {\n const cookies = document.cookie.split(';');\n for (const cookie of cookies) {\n const [name, value] = cookie.trim().split('=');\n if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n this.isClosed = true;\n break;\n }\n }\n }\n\n if (!this.isClosed) {\n this.detectDeviceAndSetStoreLink();\n }\n }\n\n render() {\n return (\n <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n <div class=\"icon-close\" onClick={this.handleOnClose}>\n <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n </div>\n <div class=\"pn-app-banner__icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_17800_45416)\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#F18D8D\"\n />\n <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#0D234B\"\n />\n </mask>\n <g mask=\"url(#mask0_17800_45416)\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#0D234B\"\n />\n <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n <path\n d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n fill=\"#00A0D6\"\n />\n <g filter=\"url(#filter0_d_17800_45416)\">\n <path\n d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n fill=\"#F1F7FA\"\n />\n <path\n opacity=\"0.6\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n fill=\"#A5C0CA\"\n />\n <path\n d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n fill=\"#00A0D6\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n fill=\"#0D234B\"\n />\n </g>\n </g>\n </g>\n <defs>\n <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"30\" />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n </filter>\n <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n <stop offset=\"1\" stop-color=\"#0D234B\" />\n </linearGradient>\n <clipPath id=\"clip0_17800_45416\">\n <rect width=\"32\" height=\"32\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n <div class=\"pn-app-banner__text\">\n <span>{this.appName}</span>\n <br />\n {this.appDescription}\n </div>\n <div class=\"pn-app-banner__cta\">\n <pn-button small={true} href={this.storeLink}>\n {this.ctaText}\n </pn-button>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n .pn-app-banner__wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n\n background-color: $gray50;\n padding: 1rem;\n margin: 0 auto;\n }\n\n .pn-app-banner__sticky {\n position: relative;\n\n top: 0;\n width: 100%;\n\n z-index: 999;\n }\n\n .icon-close {\n &:hover {\n cursor: pointer;\n }\n }\n\n .pn-app-banner__icon {\n height: 3.2rem;\n }\n\n .pn-app-banner__text {\n font-size: 1.2rem;\n line-height: 1;\n\n span {\n font-weight: 600;\n }\n }\n\n .pn-app-banner__cta {\n margin-left: auto;\n }\n\n &[data-is-closed='true'] {\n display: none;\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-app-banner',\n styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n @Element() hostElement: HTMLElement;\n @Prop() appName: string;\n @Prop() appDescription: string;\n @Prop() ctaText: string;\n @Prop() appleStoreLink: string;\n @Prop() googleStoreLink: string;\n\n @State() isClosed: boolean = false;\n @State() storeLink: string;\n @State() isLocalStorageAvailable = true;\n\n CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n checkLocalStorage() {\n try {\n const testKey = '__test__';\n localStorage.setItem(testKey, testKey);\n localStorage.removeItem(testKey);\n } catch (e) {\n this.isLocalStorageAvailable = false;\n }\n }\n\n detectDeviceAndSetStoreLink() {\n const userAgent = navigator.userAgent;\n\n if (userAgent.match(/Android/i)) {\n this.storeLink = this.googleStoreLink;\n } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n this.storeLink = this.appleStoreLink;\n } else {\n this.storeLink = null;\n this.isClosed = true; // -> data-is-closed = true\n }\n }\n\n handleOnClose = () => {\n this.isClosed = true;\n\n // Handle storage based on availability\n if (this.isLocalStorageAvailable) {\n localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n } else {\n const expirationDate = new Date();\n expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n }\n };\n\n componentWillLoad() {\n this.checkLocalStorage();\n // Handle storage based on availability\n if (this.isLocalStorageAvailable) {\n this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n } else {\n const cookies = document.cookie.split(';');\n for (const cookie of cookies) {\n const [name, value] = cookie.trim().split('=');\n if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n this.isClosed = true;\n break;\n }\n }\n }\n\n if (!this.isClosed) {\n this.detectDeviceAndSetStoreLink();\n }\n }\n\n render() {\n return (\n <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n <div class=\"icon-close\" onClick={this.handleOnClose}>\n <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n </div>\n <div class=\"pn-app-banner__icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_17800_45416)\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#F18D8D\"\n />\n <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#0D234B\"\n />\n </mask>\n <g mask=\"url(#mask0_17800_45416)\">\n <path\n d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n fill=\"#0D234B\"\n />\n <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n <path\n d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n fill=\"#00A0D6\"\n />\n <g filter=\"url(#filter0_d_17800_45416)\">\n <path\n d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n fill=\"#F1F7FA\"\n />\n <path\n opacity=\"0.6\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n fill=\"#A5C0CA\"\n />\n <path\n d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n fill=\"#00A0D6\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n fill=\"#0D234B\"\n />\n </g>\n </g>\n </g>\n <defs>\n <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"30\" />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n </filter>\n <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n <stop offset=\"1\" stop-color=\"#0D234B\" />\n </linearGradient>\n <clipPath id=\"clip0_17800_45416\">\n <rect width=\"32\" height=\"32\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n <div class=\"pn-app-banner__text\">\n <span>{this.appName}</span>\n <br />\n {this.appDescription}\n </div>\n <div class=\"pn-app-banner__cta\">\n <pn-button small={true} href={this.storeLink}>\n {this.ctaText}\n </pn-button>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as n}from"./p-b3a13b6a.js";var e={};var r=function(){return typeof Promise==="function"&&Promise.prototype&&Promise.prototype.then};var o={};var i={};let s;const c=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];i.getSymbolSize=function t(n){if(!n)throw new Error('"version" cannot be null or undefined');if(n<1||n>40)throw new Error('"version" should be in range from 1 to 40');return n*4+17};i.getSymbolTotalCodewords=function t(n){return c[n]};i.getBCHDigit=function(t){let n=0;while(t!==0){n++;t>>>=1}return n};i.setToSJISFunction=function t(n){if(typeof n!=="function"){throw new Error('"toSJISFunc" is not a valid function.')}s=n};i.isKanjiModeEnabled=function(){return typeof s!=="undefined"};i.toSJIS=function t(n){return s(n)};var u={};(function(t){t.L={bit:1};t.M={bit:0};t.Q={bit:3};t.H={bit:2};function n(n){if(typeof n!=="string"){throw new Error("Param is not a string")}const e=n.toLowerCase();switch(e){case"l":case"low":return t.L;case"m":case"medium":return t.M;case"q":case"quartile":return t.Q;case"h":case"high":return t.H;default:throw new Error("Unknown EC Level: "+n)}}t.isValid=function t(n){return n&&typeof n.bit!=="undefined"&&n.bit>=0&&n.bit<4};t.from=function e(r,o){if(t.isValid(r)){return r}try{return n(r)}catch(t){return o}}})(u);function f(){this.buffer=[];this.length=0}f.prototype={get:function(t){const n=Math.floor(t/8);return(this.buffer[n]>>>7-t%8&1)===1},put:function(t,n){for(let e=0;e<n;e++){this.putBit((t>>>n-e-1&1)===1)}},getLengthInBits:function(){return this.length},putBit:function(t){const n=Math.floor(this.length/8);if(this.buffer.length<=n){this.buffer.push(0)}if(t){this.buffer[n]|=128>>>this.length%8}this.length++}};var a=f;function l(t){if(!t||t<1){throw new Error("BitMatrix size must be defined and greater than 0")}this.size=t;this.data=new Uint8Array(t*t);this.reservedBit=new Uint8Array(t*t)}l.prototype.set=function(t,n,e,r){const o=t*this.size+n;this.data[o]=e;if(r)this.reservedBit[o]=true};l.prototype.get=function(t,n){return this.data[t*this.size+n]};l.prototype.xor=function(t,n,e){this.data[t*this.size+n]^=e};l.prototype.isReserved=function(t,n){return this.reservedBit[t*this.size+n]};var h=l;var d={};(function(t){const n=i.getSymbolSize;t.getRowColCoords=function t(e){if(e===1)return[];const r=Math.floor(e/7)+2;const o=n(e);const i=o===145?26:Math.ceil((o-13)/(2*r-2))*2;const s=[o-7];for(let t=1;t<r-1;t++){s[t]=s[t-1]-i}s.push(6);return s.reverse()};t.getPositions=function n(e){const r=[];const o=t.getRowColCoords(e);const i=o.length;for(let t=0;t<i;t++){for(let n=0;n<i;n++){if(t===0&&n===0||t===0&&n===i-1||t===i-1&&n===0){continue}r.push([o[t],o[n]])}}return r}})(d);var w={};const p=i.getSymbolSize;const g=7;w.getPositions=function t(n){const e=p(n);return[[0,0],[e-g,0],[0,e-g]]};var v={};(function(t){t.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};const n={N1:3,N2:3,N3:40,N4:10};t.isValid=function t(n){return n!=null&&n!==""&&!isNaN(n)&&n>=0&&n<=7};t.from=function n(e){return t.isValid(e)?parseInt(e,10):undefined};t.getPenaltyN1=function t(e){const r=e.size;let o=0;let i=0;let s=0;let c=null;let u=null;for(let t=0;t<r;t++){i=s=0;c=u=null;for(let f=0;f<r;f++){let r=e.get(t,f);if(r===c){i++}else{if(i>=5)o+=n.N1+(i-5);c=r;i=1}r=e.get(f,t);if(r===u){s++}else{if(s>=5)o+=n.N1+(s-5);u=r;s=1}}if(i>=5)o+=n.N1+(i-5);if(s>=5)o+=n.N1+(s-5)}return o};t.getPenaltyN2=function t(e){const r=e.size;let o=0;for(let t=0;t<r-1;t++){for(let n=0;n<r-1;n++){const r=e.get(t,n)+e.get(t,n+1)+e.get(t+1,n)+e.get(t+1,n+1);if(r===4||r===0)o++}}return o*n.N2};t.getPenaltyN3=function t(e){const r=e.size;let o=0;let i=0;let s=0;for(let t=0;t<r;t++){i=s=0;for(let n=0;n<r;n++){i=i<<1&2047|e.get(t,n);if(n>=10&&(i===1488||i===93))o++;s=s<<1&2047|e.get(n,t);if(n>=10&&(s===1488||s===93))o++}}return o*n.N3};t.getPenaltyN4=function t(e){let r=0;const o=e.data.length;for(let t=0;t<o;t++)r+=e.data[t];const i=Math.abs(Math.ceil(r*100/o/5)-10);return i*n.N4};function e(n,e,r){switch(n){case t.Patterns.PATTERN000:return(e+r)%2===0;case t.Patterns.PATTERN001:return e%2===0;case t.Patterns.PATTERN010:return r%3===0;case t.Patterns.PATTERN011:return(e+r)%3===0;case t.Patterns.PATTERN100:return(Math.floor(e/2)+Math.floor(r/3))%2===0;case t.Patterns.PATTERN101:return e*r%2+e*r%3===0;case t.Patterns.PATTERN110:return(e*r%2+e*r%3)%2===0;case t.Patterns.PATTERN111:return(e*r%3+(e+r)%2)%2===0;default:throw new Error("bad maskPattern:"+n)}}t.applyMask=function t(n,r){const o=r.size;for(let t=0;t<o;t++){for(let i=0;i<o;i++){if(r.isReserved(i,t))continue;r.xor(i,t,e(n,i,t))}}};t.getBestMask=function n(e,r){const o=Object.keys(t.Patterns).length;let i=0;let s=Infinity;for(let n=0;n<o;n++){r(n);t.applyMask(n,e);const o=t.getPenaltyN1(e)+t.getPenaltyN2(e)+t.getPenaltyN3(e)+t.getPenaltyN4(e);t.applyMask(n,e);if(o<s){s=o;i=n}}return i}})(v);var m={};const b=u;const y=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81];const E=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];m.getBlocksCount=function t(n,e){switch(e){case b.L:return y[(n-1)*4+0];case b.M:return y[(n-1)*4+1];case b.Q:return y[(n-1)*4+2];case b.H:return y[(n-1)*4+3];default:return undefined}};m.getTotalCodewordsCount=function t(n,e){switch(e){case b.L:return E[(n-1)*4+0];case b.M:return E[(n-1)*4+1];case b.Q:return E[(n-1)*4+2];case b.H:return E[(n-1)*4+3];default:return undefined}};var A={};var x={};const M=new Uint8Array(512);const k=new Uint8Array(256);(function t(){let n=1;for(let t=0;t<255;t++){M[t]=n;k[n]=t;n<<=1;if(n&256){n^=285}}for(let t=255;t<512;t++){M[t]=M[t-255]}})();x.log=function t(n){if(n<1)throw new Error("log("+n+")");return k[n]};x.exp=function t(n){return M[n]};x.mul=function t(n,e){if(n===0||e===0)return 0;return M[k[n]+k[e]]};(function(t){const n=x;t.mul=function t(e,r){const o=new Uint8Array(e.length+r.length-1);for(let t=0;t<e.length;t++){for(let i=0;i<r.length;i++){o[t+i]^=n.mul(e[t],r[i])}}return o};t.mod=function t(e,r){let o=new Uint8Array(e);while(o.length-r.length>=0){const t=o[0];for(let e=0;e<r.length;e++){o[e]^=n.mul(r[e],t)}let e=0;while(e<o.length&&o[e]===0)e++;o=o.slice(e)}return o};t.generateECPolynomial=function e(r){let o=new Uint8Array([1]);for(let e=0;e<r;e++){o=t.mul(o,new Uint8Array([1,n.exp(e)]))}return o}})(A);const R=A;function T(t){this.genPoly=undefined;this.degree=t;if(this.degree)this.initialize(this.degree)}T.prototype.initialize=function t(n){this.degree=n;this.genPoly=R.generateECPolynomial(this.degree)};T.prototype.encode=function t(n){if(!this.genPoly){throw new Error("Encoder not initialized")}const e=new Uint8Array(n.length+this.degree);e.set(n);const r=R.mod(e,this.genPoly);const o=this.degree-r.length;if(o>0){const t=new Uint8Array(this.degree);t.set(r,o);return t}return r};var I=T;var N={};var _={};var C={};C.isValid=function t(n){return!isNaN(n)&&n>=1&&n<=40};var q={};const F="[0-9]+";const P="[A-Z $%*+\\-./:]+";let U="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|"+"[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|"+"[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|"+"[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";U=U.replace(/u/g,"\\u");const B="(?:(?![A-Z0-9 $%*+\\-./:]|"+U+")(?:.|[\r\n]))+";q.KANJI=new RegExp(U,"g");q.BYTE_KANJI=new RegExp("[^A-Z0-9 $%*+\\-./:]+","g");q.BYTE=new RegExp(B,"g");q.NUMERIC=new RegExp(F,"g");q.ALPHANUMERIC=new RegExp(P,"g");const Q=new RegExp("^"+U+"$");const $=new RegExp("^"+F+"$");const S=new RegExp("^[A-Z0-9 $%*+\\-./:]+$");q.testKanji=function t(n){return Q.test(n)};q.testNumeric=function t(n){return $.test(n)};q.testAlphanumeric=function t(n){return S.test(n)};(function(t){const n=C;const e=q;t.NUMERIC={id:"Numeric",bit:1<<0,ccBits:[10,12,14]};t.ALPHANUMERIC={id:"Alphanumeric",bit:1<<1,ccBits:[9,11,13]};t.BYTE={id:"Byte",bit:1<<2,ccBits:[8,16,16]};t.KANJI={id:"Kanji",bit:1<<3,ccBits:[8,10,12]};t.MIXED={bit:-1};t.getCharCountIndicator=function t(e,r){if(!e.ccBits)throw new Error("Invalid mode: "+e);if(!n.isValid(r)){throw new Error("Invalid version: "+r)}if(r>=1&&r<10)return e.ccBits[0];else if(r<27)return e.ccBits[1];return e.ccBits[2]};t.getBestModeForData=function n(r){if(e.testNumeric(r))return t.NUMERIC;else if(e.testAlphanumeric(r))return t.ALPHANUMERIC;else if(e.testKanji(r))return t.KANJI;else return t.BYTE};t.toString=function t(n){if(n&&n.id)return n.id;throw new Error("Invalid mode")};t.isValid=function t(n){return n&&n.bit&&n.ccBits};function r(n){if(typeof n!=="string"){throw new Error("Param is not a string")}const e=n.toLowerCase();switch(e){case"numeric":return t.NUMERIC;case"alphanumeric":return t.ALPHANUMERIC;case"kanji":return t.KANJI;case"byte":return t.BYTE;default:throw new Error("Unknown mode: "+n)}}t.from=function n(e,o){if(t.isValid(e)){return e}try{return r(e)}catch(t){return o}}})(_);(function(t){const n=i;const e=m;const r=u;const o=_;const s=C;const c=1<<12|1<<11|1<<10|1<<9|1<<8|1<<5|1<<2|1<<0;const f=n.getBCHDigit(c);function a(n,e,r){for(let o=1;o<=40;o++){if(e<=t.getCapacity(o,r,n)){return o}}return undefined}function l(t,n){return o.getCharCountIndicator(t,n)+4}function h(t,n){let e=0;t.forEach((function(t){const r=l(t.mode,n);e+=r+t.getBitsLength()}));return e}function d(n,e){for(let r=1;r<=40;r++){const i=h(n,r);if(i<=t.getCapacity(r,e,o.MIXED)){return r}}return undefined}t.from=function t(n,e){if(s.isValid(n)){return parseInt(n,10)}return e};t.getCapacity=function t(r,i,c){if(!s.isValid(r)){throw new Error("Invalid QR Code version")}if(typeof c==="undefined")c=o.BYTE;const u=n.getSymbolTotalCodewords(r);const f=e.getTotalCodewordsCount(r,i);const a=(u-f)*8;if(c===o.MIXED)return a;const h=a-l(c,r);switch(c){case o.NUMERIC:return Math.floor(h/10*3);case o.ALPHANUMERIC:return Math.floor(h/11*2);case o.KANJI:return Math.floor(h/13);case o.BYTE:default:return Math.floor(h/8)}};t.getBestVersionForData=function t(n,e){let o;const i=r.from(e,r.M);if(Array.isArray(n)){if(n.length>1){return d(n,i)}if(n.length===0){return 1}o=n[0]}else{o=n}return a(o.mode,o.getLength(),i)};t.getEncodedBits=function t(e){if(!s.isValid(e)||e<7){throw new Error("Invalid QR Code version")}let r=e<<12;while(n.getBCHDigit(r)-f>=0){r^=c<<n.getBCHDigit(r)-f}return e<<12|r}})(N);var L={};const Z=i;const j=1<<10|1<<8|1<<5|1<<4|1<<2|1<<1|1<<0;const z=1<<14|1<<12|1<<10|1<<4|1<<1;const H=Z.getBCHDigit(j);L.getEncodedBits=function t(n,e){const r=n.bit<<3|e;let o=r<<10;while(Z.getBCHDigit(o)-H>=0){o^=j<<Z.getBCHDigit(o)-H}return(r<<10|o)^z};var D={};const J=_;function O(t){this.mode=J.NUMERIC;this.data=t.toString()}O.getBitsLength=function t(n){return 10*Math.floor(n/3)+(n%3?n%3*3+1:0)};O.prototype.getLength=function t(){return this.data.length};O.prototype.getBitsLength=function t(){return O.getBitsLength(this.data.length)};O.prototype.write=function t(n){let e,r,o;for(e=0;e+3<=this.data.length;e+=3){r=this.data.substr(e,3);o=parseInt(r,10);n.put(o,10)}const i=this.data.length-e;if(i>0){r=this.data.substr(e);o=parseInt(r,10);n.put(o,i*3+1)}};var W=O;const K=_;const Y=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","$","%","*","+","-",".","/",":"];function G(t){this.mode=K.ALPHANUMERIC;this.data=t}G.getBitsLength=function t(n){return 11*Math.floor(n/2)+6*(n%2)};G.prototype.getLength=function t(){return this.data.length};G.prototype.getBitsLength=function t(){return G.getBitsLength(this.data.length)};G.prototype.write=function t(n){let e;for(e=0;e+2<=this.data.length;e+=2){let t=Y.indexOf(this.data[e])*45;t+=Y.indexOf(this.data[e+1]);n.put(t,11)}if(this.data.length%2){n.put(Y.indexOf(this.data[e]),6)}};var V=G;const X=_;function tt(t){this.mode=X.BYTE;if(typeof t==="string"){this.data=(new TextEncoder).encode(t)}else{this.data=new Uint8Array(t)}}tt.getBitsLength=function t(n){return n*8};tt.prototype.getLength=function t(){return this.data.length};tt.prototype.getBitsLength=function t(){return tt.getBitsLength(this.data.length)};tt.prototype.write=function(t){for(let n=0,e=this.data.length;n<e;n++){t.put(this.data[n],8)}};var nt=tt;const et=_;const rt=i;function ot(t){this.mode=et.KANJI;this.data=t}ot.getBitsLength=function t(n){return n*13};ot.prototype.getLength=function t(){return this.data.length};ot.prototype.getBitsLength=function t(){return ot.getBitsLength(this.data.length)};ot.prototype.write=function(t){let n;for(n=0;n<this.data.length;n++){let e=rt.toSJIS(this.data[n]);if(e>=33088&&e<=40956){e-=33088}else if(e>=57408&&e<=60351){e-=49472}else{throw new Error("Invalid SJIS character: "+this.data[n]+"\n"+"Make sure your charset is UTF-8")}e=(e>>>8&255)*192+(e&255);t.put(e,13)}};var it=ot;var st={exports:{}};(function(t){var n={single_source_shortest_paths:function(t,e,r){var o={};var i={};i[e]=0;var s=n.PriorityQueue.make();s.push(e,0);var c,u,f,a,l,h,d,w,p;while(!s.empty()){c=s.pop();u=c.value;a=c.cost;l=t[u]||{};for(f in l){if(l.hasOwnProperty(f)){h=l[f];d=a+h;w=i[f];p=typeof i[f]==="undefined";if(p||w>d){i[f]=d;s.push(f,d);o[f]=u}}}}if(typeof r!=="undefined"&&typeof i[r]==="undefined"){var g=["Could not find a path from ",e," to ",r,"."].join("");throw new Error(g)}return o},extract_shortest_path_from_predecessor_list:function(t,n){var e=[];var r=n;while(r){e.push(r);r=t[r]}e.reverse();return e},find_path:function(t,e,r){var o=n.single_source_shortest_paths(t,e,r);return n.extract_shortest_path_from_predecessor_list(o,r)},PriorityQueue:{make:function(t){var e=n.PriorityQueue,r={},o;t=t||{};for(o in e){if(e.hasOwnProperty(o)){r[o]=e[o]}}r.queue=[];r.sorter=t.sorter||e.default_sorter;return r},default_sorter:function(t,n){return t.cost-n.cost},push:function(t,n){var e={value:t,cost:n};this.queue.push(e);this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return this.queue.length===0}}};{t.exports=n}})(st);(function(t){const n=_;const e=W;const r=V;const o=nt;const s=it;const c=q;const u=i;const f=st.exports;function a(t){return unescape(encodeURIComponent(t)).length}function l(t,n,e){const r=[];let o;while((o=t.exec(e))!==null){r.push({data:o[0],index:o.index,mode:n,length:o[0].length})}return r}function h(t){const e=l(c.NUMERIC,n.NUMERIC,t);const r=l(c.ALPHANUMERIC,n.ALPHANUMERIC,t);let o;let i;if(u.isKanjiModeEnabled()){o=l(c.BYTE,n.BYTE,t);i=l(c.KANJI,n.KANJI,t)}else{o=l(c.BYTE_KANJI,n.BYTE,t);i=[]}const s=e.concat(r,o,i);return s.sort((function(t,n){return t.index-n.index})).map((function(t){return{data:t.data,mode:t.mode,length:t.length}}))}function d(t,i){switch(i){case n.NUMERIC:return e.getBitsLength(t);case n.ALPHANUMERIC:return r.getBitsLength(t);case n.KANJI:return s.getBitsLength(t);case n.BYTE:return o.getBitsLength(t)}}function w(t){return t.reduce((function(t,n){const e=t.length-1>=0?t[t.length-1]:null;if(e&&e.mode===n.mode){t[t.length-1].data+=n.data;return t}t.push(n);return t}),[])}function p(t){const e=[];for(let r=0;r<t.length;r++){const o=t[r];switch(o.mode){case n.NUMERIC:e.push([o,{data:o.data,mode:n.ALPHANUMERIC,length:o.length},{data:o.data,mode:n.BYTE,length:o.length}]);break;case n.ALPHANUMERIC:e.push([o,{data:o.data,mode:n.BYTE,length:o.length}]);break;case n.KANJI:e.push([o,{data:o.data,mode:n.BYTE,length:a(o.data)}]);break;case n.BYTE:e.push([{data:o.data,mode:n.BYTE,length:a(o.data)}])}}return e}function g(t,e){const r={};const o={start:{}};let i=["start"];for(let s=0;s<t.length;s++){const c=t[s];const u=[];for(let t=0;t<c.length;t++){const f=c[t];const a=""+s+t;u.push(a);r[a]={node:f,lastCount:0};o[a]={};for(let t=0;t<i.length;t++){const s=i[t];if(r[s]&&r[s].node.mode===f.mode){o[s][a]=d(r[s].lastCount+f.length,f.mode)-d(r[s].lastCount,f.mode);r[s].lastCount+=f.length}else{if(r[s])r[s].lastCount=f.length;o[s][a]=d(f.length,f.mode)+4+n.getCharCountIndicator(f.mode,e)}}}i=u}for(let t=0;t<i.length;t++){o[i[t]].end=0}return{map:o,table:r}}function v(t,i){let c;const f=n.getBestModeForData(t);c=n.from(i,f);if(c!==n.BYTE&&c.bit<f.bit){throw new Error('"'+t+'"'+" cannot be encoded with mode "+n.toString(c)+".\n Suggested mode is: "+n.toString(f))}if(c===n.KANJI&&!u.isKanjiModeEnabled()){c=n.BYTE}switch(c){case n.NUMERIC:return new e(t);case n.ALPHANUMERIC:return new r(t);case n.KANJI:return new s(t);case n.BYTE:return new o(t)}}t.fromArray=function t(n){return n.reduce((function(t,n){if(typeof n==="string"){t.push(v(n,null))}else if(n.data){t.push(v(n.data,n.mode))}return t}),[])};t.fromString=function n(e,r){const o=h(e,u.isKanjiModeEnabled());const i=p(o);const s=g(i,r);const c=f.find_path(s.map,"start","end");const a=[];for(let t=1;t<c.length-1;t++){a.push(s.table[c[t]].node)}return t.fromArray(w(a))};t.rawSplit=function n(e){return t.fromArray(h(e,u.isKanjiModeEnabled()))}})(D);const ct=i;const ut=u;const ft=a;const at=h;const lt=d;const ht=w;const dt=v;const wt=m;const pt=I;const gt=N;const vt=L;const mt=_;const bt=D;function yt(t,n){const e=t.size;const r=ht.getPositions(n);for(let n=0;n<r.length;n++){const o=r[n][0];const i=r[n][1];for(let n=-1;n<=7;n++){if(o+n<=-1||e<=o+n)continue;for(let r=-1;r<=7;r++){if(i+r<=-1||e<=i+r)continue;if(n>=0&&n<=6&&(r===0||r===6)||r>=0&&r<=6&&(n===0||n===6)||n>=2&&n<=4&&r>=2&&r<=4){t.set(o+n,i+r,true,true)}else{t.set(o+n,i+r,false,true)}}}}}function Et(t){const n=t.size;for(let e=8;e<n-8;e++){const n=e%2===0;t.set(e,6,n,true);t.set(6,e,n,true)}}function At(t,n){const e=lt.getPositions(n);for(let n=0;n<e.length;n++){const r=e[n][0];const o=e[n][1];for(let n=-2;n<=2;n++){for(let e=-2;e<=2;e++){if(n===-2||n===2||e===-2||e===2||n===0&&e===0){t.set(r+n,o+e,true,true)}else{t.set(r+n,o+e,false,true)}}}}}function xt(t,n){const e=t.size;const r=gt.getEncodedBits(n);let o,i,s;for(let n=0;n<18;n++){o=Math.floor(n/3);i=n%3+e-8-3;s=(r>>n&1)===1;t.set(o,i,s,true);t.set(i,o,s,true)}}function Mt(t,n,e){const r=t.size;const o=vt.getEncodedBits(n,e);let i,s;for(i=0;i<15;i++){s=(o>>i&1)===1;if(i<6){t.set(i,8,s,true)}else if(i<8){t.set(i+1,8,s,true)}else{t.set(r-15+i,8,s,true)}if(i<8){t.set(8,r-i-1,s,true)}else if(i<9){t.set(8,15-i-1+1,s,true)}else{t.set(8,15-i-1,s,true)}}t.set(r-8,8,1,true)}function kt(t,n){const e=t.size;let r=-1;let o=e-1;let i=7;let s=0;for(let c=e-1;c>0;c-=2){if(c===6)c--;while(true){for(let e=0;e<2;e++){if(!t.isReserved(o,c-e)){let r=false;if(s<n.length){r=(n[s]>>>i&1)===1}t.set(o,c-e,r);i--;if(i===-1){s++;i=7}}}o+=r;if(o<0||e<=o){o-=r;r=-r;break}}}}function Rt(t,n,e){const r=new ft;e.forEach((function(n){r.put(n.mode.bit,4);r.put(n.getLength(),mt.getCharCountIndicator(n.mode,t));n.write(r)}));const o=ct.getSymbolTotalCodewords(t);const i=wt.getTotalCodewordsCount(t,n);const s=(o-i)*8;if(r.getLengthInBits()+4<=s){r.put(0,4)}while(r.getLengthInBits()%8!==0){r.putBit(0)}const c=(s-r.getLengthInBits())/8;for(let t=0;t<c;t++){r.put(t%2?17:236,8)}return Tt(r,t,n)}function Tt(t,n,e){const r=ct.getSymbolTotalCodewords(n);const o=wt.getTotalCodewordsCount(n,e);const i=r-o;const s=wt.getBlocksCount(n,e);const c=r%s;const u=s-c;const f=Math.floor(r/s);const a=Math.floor(i/s);const l=a+1;const h=f-a;const d=new pt(h);let w=0;const p=new Array(s);const g=new Array(s);let v=0;const m=new Uint8Array(t.buffer);for(let t=0;t<s;t++){const n=t<u?a:l;p[t]=m.slice(w,w+n);g[t]=d.encode(p[t]);w+=n;v=Math.max(v,n)}const b=new Uint8Array(r);let y=0;let E,A;for(E=0;E<v;E++){for(A=0;A<s;A++){if(E<p[A].length){b[y++]=p[A][E]}}}for(E=0;E<h;E++){for(A=0;A<s;A++){b[y++]=g[A][E]}}return b}function It(t,n,e,r){let o;if(Array.isArray(t)){o=bt.fromArray(t)}else if(typeof t==="string"){let r=n;if(!r){const n=bt.rawSplit(t);r=gt.getBestVersionForData(n,e)}o=bt.fromString(t,r||40)}else{throw new Error("Invalid data")}const i=gt.getBestVersionForData(o,e);if(!i){throw new Error("The amount of data is too big to be stored in a QR Code")}if(!n){n=i}else if(n<i){throw new Error("\n"+"The chosen QR Code version cannot contain this amount of data.\n"+"Minimum version required to store current data is: "+i+".\n")}const s=Rt(n,e,o);const c=ct.getSymbolSize(n);const u=new at(c);yt(u,n);Et(u);At(u,n);Mt(u,e,0);if(n>=7){xt(u,n)}kt(u,s);if(isNaN(r)){r=dt.getBestMask(u,Mt.bind(null,u,e))}dt.applyMask(r,u);Mt(u,e,r);return{modules:u,version:n,errorCorrectionLevel:e,maskPattern:r,segments:o}}o.create=function t(n,e){if(typeof n==="undefined"||n===""){throw new Error("No input text")}let r=ut.M;let o;let i;if(typeof e!=="undefined"){r=ut.from(e.errorCorrectionLevel,ut.M);o=gt.from(e.version);i=dt.from(e.maskPattern);if(e.toSJISFunc){ct.setToSJISFunction(e.toSJISFunc)}}return It(n,o,r,i)};var Nt={};var _t={};(function(t){function n(t){if(typeof t==="number"){t=t.toString()}if(typeof t!=="string"){throw new Error("Color should be defined as hex string")}let n=t.slice().replace("#","").split("");if(n.length<3||n.length===5||n.length>8){throw new Error("Invalid hex color: "+t)}if(n.length===3||n.length===4){n=Array.prototype.concat.apply([],n.map((function(t){return[t,t]})))}if(n.length===6)n.push("F","F");const e=parseInt(n.join(""),16);return{r:e>>24&255,g:e>>16&255,b:e>>8&255,a:e&255,hex:"#"+n.slice(0,6).join("")}}t.getOptions=function t(e){if(!e)e={};if(!e.color)e.color={};const r=typeof e.margin==="undefined"||e.margin===null||e.margin<0?4:e.margin;const o=e.width&&e.width>=21?e.width:undefined;const i=e.scale||4;return{width:o,scale:o?4:i,margin:r,color:{dark:n(e.color.dark||"#000000ff"),light:n(e.color.light||"#ffffffff")},type:e.type,rendererOpts:e.rendererOpts||{}}};t.getScale=function t(n,e){return e.width&&e.width>=n+e.margin*2?e.width/(n+e.margin*2):e.scale};t.getImageWidth=function n(e,r){const o=t.getScale(e,r);return Math.floor((e+r.margin*2)*o)};t.qrToImageData=function n(e,r,o){const i=r.modules.size;const s=r.modules.data;const c=t.getScale(i,o);const u=Math.floor((i+o.margin*2)*c);const f=o.margin*c;const a=[o.color.light,o.color.dark];for(let t=0;t<u;t++){for(let n=0;n<u;n++){let r=(t*u+n)*4;let l=o.color.light;if(t>=f&&n>=f&&t<u-f&&n<u-f){const e=Math.floor((t-f)/c);const r=Math.floor((n-f)/c);l=a[s[e*i+r]?1:0]}e[r++]=l.r;e[r++]=l.g;e[r++]=l.b;e[r]=l.a}}}})(_t);(function(t){const n=_t;function e(t,n,e){t.clearRect(0,0,n.width,n.height);if(!n.style)n.style={};n.height=e;n.width=e;n.style.height=e+"px";n.style.width=e+"px"}function r(){try{return document.createElement("canvas")}catch(t){throw new Error("You need to specify a canvas element")}}t.render=function t(o,i,s){let c=s;let u=i;if(typeof c==="undefined"&&(!i||!i.getContext)){c=i;i=undefined}if(!i){u=r()}c=n.getOptions(c);const f=n.getImageWidth(o.modules.size,c);const a=u.getContext("2d");const l=a.createImageData(f,f);n.qrToImageData(l.data,o,c);e(a,u,f);a.putImageData(l,0,0);return u};t.renderToDataURL=function n(e,r,o){let i=o;if(typeof i==="undefined"&&(!r||!r.getContext)){i=r;r=undefined}if(!i)i={};const s=t.render(e,r,i);const c=i.type||"image/png";const u=i.rendererOpts||{};return s.toDataURL(c,u.quality)}})(Nt);var Ct={};const qt=_t;function Ft(t,n){const e=t.a/255;const r=n+'="'+t.hex+'"';return e<1?r+" "+n+'-opacity="'+e.toFixed(2).slice(1)+'"':r}function Pt(t,n,e){let r=t+n;if(typeof e!=="undefined")r+=" "+e;return r}function Ut(t,n,e){let r="";let o=0;let i=false;let s=0;for(let c=0;c<t.length;c++){const u=Math.floor(c%n);const f=Math.floor(c/n);if(!u&&!i)i=true;if(t[c]){s++;if(!(c>0&&u>0&&t[c-1])){r+=i?Pt("M",u+e,.5+f+e):Pt("m",o,0);o=0;i=false}if(!(u+1<n&&t[c+1])){r+=Pt("h",s);s=0}}else{o++}}return r}Ct.render=function t(n,e,r){const o=qt.getOptions(e);const i=n.modules.size;const s=n.modules.data;const c=i+o.margin*2;const u=!o.color.light.a?"":"<path "+Ft(o.color.light,"fill")+' d="M0 0h'+c+"v"+c+'H0z"/>';const f="<path "+Ft(o.color.dark,"stroke")+' d="'+Ut(s,i,o.margin)+'"/>';const a='viewBox="'+"0 0 "+c+" "+c+'"';const l=!o.width?"":'width="'+o.width+'" height="'+o.width+'" ';const h='<svg xmlns="http://www.w3.org/2000/svg" '+l+a+' shape-rendering="crispEdges">'+u+f+"</svg>\n";if(typeof r==="function"){r(null,h)}return h};const Bt=r;const Qt=o;const $t=Nt;const St=Ct;function Lt(t,n,e,r,o){const i=[].slice.call(arguments,1);const s=i.length;const c=typeof i[s-1]==="function";if(!c&&!Bt()){throw new Error("Callback required as last argument")}if(c){if(s<2){throw new Error("Too few arguments provided")}if(s===2){o=e;e=n;n=r=undefined}else if(s===3){if(n.getContext&&typeof o==="undefined"){o=r;r=undefined}else{o=r;r=e;e=n;n=undefined}}}else{if(s<1){throw new Error("Too few arguments provided")}if(s===1){e=n;n=r=undefined}else if(s===2&&!n.getContext){r=e;e=n;n=undefined}return new Promise((function(o,i){try{const i=Qt.create(e,r);o(t(i,n,r))}catch(t){i(t)}}))}try{const i=Qt.create(e,r);o(null,t(i,n,r))}catch(t){o(t)}}e.create=Qt.create;e.toCanvas=Lt.bind(null,$t.render);e.toDataURL=Lt.bind(null,$t.renderToDataURL);e.toString=Lt.bind(null,(function(t,n,e){return St.render(t,e)}));const Zt="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-qr-code-generator{display:block;text-align:center}pn-qr-code-generator canvas{border:1px solid #d3cecb;transition:filter 0.3s ease;width:20rem;height:20rem}pn-qr-code-generator canvas.outdated{filter:grayscale(100%)}pn-qr-code-generator .timer{margin-top:1rem;text-align:center;font-size:1.4rem;color:#2d2013}pn-qr-code-generator .outdated-message{color:#a70707}pn-qr-code-generator .qr-button__wrapper{background:transparent;border:none;padding:0;width:20rem;height:20rem}pn-qr-code-generator .qr-button__wrapper:focus,pn-qr-code-generator .qr-button__wrapper:focus-visible{outline-color:#005d92}";const jt=Zt;const zt=class{constructor(n){t(this,n);this.url=undefined;this.countdownSeconds=-1;this.outdatedMessage=undefined;this.expiresInMessage=undefined;this.updateCodeEverySecond=true;this.ariaLabel=undefined;this.remainingSeconds=undefined;this.isOutdated=false;this.isFullscreen=false}canvasRef;timer;urlWithSegment;gray900="#2d2013";blackHex="#000";whiteHex="#fff";connectedCallback(){this.isOutdated=false;if(this.timer==null){this.generateQRCode();if(this.countdownSeconds!==-1){requestAnimationFrame((()=>{this.startCountdown()}))}}}componentWillLoad(){this.urlWithSegment=this.url+"#";this.remainingSeconds=this.countdownSeconds;if(this.timer!=null){this.resetCountdown()}}disconnectedCallback(){this.resetCountdown()}resetCountdown(){if(this.timer!==null){this.remainingSeconds=this.countdownSeconds;clearInterval(this.timer);this.timer=null;return}}generateQRCode(t=""){if(this.url&&this.canvasRef){this.urlWithSegment+=t;e.toCanvas(this.canvasRef,this.urlWithSegment,{width:200,color:{dark:this.isOutdated?this.gray900:this.blackHex,light:this.isOutdated?this.gray900:this.whiteHex}},(t=>{if(t)console.error(t)}))}}startCountdown(){this.timer=setInterval((()=>{if(this.remainingSeconds>0){this.remainingSeconds--;this.generateQRCode("p")}else{clearInterval(this.timer);this.isOutdated=true;this.generateQRCode()}}),1e3)}render(){return n("div",{key:"0d22a0f8e399d815b9eabb3b469a500b29f0a506"},n("button",{key:"998abb012698d901c4da2d0ba081091e3c04a378",class:"qr-button__wrapper","aria-label":this.ariaLabel},n("canvas",{key:"2a971ceb2f85dea0eb558bf00a8209c3d265dd13",class:this.isOutdated?"outdated":"",ref:t=>this.canvasRef=t})),this.countdownSeconds!==-1&&n("div",{key:"2e17bd4df234080fe0cca53587cf0c6b19e9c894",class:"timer"},this.isOutdated&&n("span",{key:"e366adfd628944b837d992e7afe2429127f93fcb",class:"outdated-message"},this.outdatedMessage),!this.isOutdated&&this.expiresInMessage&&n("span",{key:"69da31275fbacd72c79c90671789d5af5acd644f"},this.expiresInMessage," ",this.remainingSeconds)))}static get watchers(){return{url:["generateQRCode"]}}};zt.style=jt;export{zt as pn_qr_code_generator};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as n}from"./p-b3a13b6a.js";var e={};var r=function(){return typeof Promise==="function"&&Promise.prototype&&Promise.prototype.then};var o={};var i={};let s;const c=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];i.getSymbolSize=function t(n){if(!n)throw new Error('"version" cannot be null or undefined');if(n<1||n>40)throw new Error('"version" should be in range from 1 to 40');return n*4+17};i.getSymbolTotalCodewords=function t(n){return c[n]};i.getBCHDigit=function(t){let n=0;while(t!==0){n++;t>>>=1}return n};i.setToSJISFunction=function t(n){if(typeof n!=="function"){throw new Error('"toSJISFunc" is not a valid function.')}s=n};i.isKanjiModeEnabled=function(){return typeof s!=="undefined"};i.toSJIS=function t(n){return s(n)};var u={};(function(t){t.L={bit:1};t.M={bit:0};t.Q={bit:3};t.H={bit:2};function n(n){if(typeof n!=="string"){throw new Error("Param is not a string")}const e=n.toLowerCase();switch(e){case"l":case"low":return t.L;case"m":case"medium":return t.M;case"q":case"quartile":return t.Q;case"h":case"high":return t.H;default:throw new Error("Unknown EC Level: "+n)}}t.isValid=function t(n){return n&&typeof n.bit!=="undefined"&&n.bit>=0&&n.bit<4};t.from=function e(r,o){if(t.isValid(r)){return r}try{return n(r)}catch(t){return o}}})(u);function f(){this.buffer=[];this.length=0}f.prototype={get:function(t){const n=Math.floor(t/8);return(this.buffer[n]>>>7-t%8&1)===1},put:function(t,n){for(let e=0;e<n;e++){this.putBit((t>>>n-e-1&1)===1)}},getLengthInBits:function(){return this.length},putBit:function(t){const n=Math.floor(this.length/8);if(this.buffer.length<=n){this.buffer.push(0)}if(t){this.buffer[n]|=128>>>this.length%8}this.length++}};var a=f;function l(t){if(!t||t<1){throw new Error("BitMatrix size must be defined and greater than 0")}this.size=t;this.data=new Uint8Array(t*t);this.reservedBit=new Uint8Array(t*t)}l.prototype.set=function(t,n,e,r){const o=t*this.size+n;this.data[o]=e;if(r)this.reservedBit[o]=true};l.prototype.get=function(t,n){return this.data[t*this.size+n]};l.prototype.xor=function(t,n,e){this.data[t*this.size+n]^=e};l.prototype.isReserved=function(t,n){return this.reservedBit[t*this.size+n]};var h=l;var d={};(function(t){const n=i.getSymbolSize;t.getRowColCoords=function t(e){if(e===1)return[];const r=Math.floor(e/7)+2;const o=n(e);const i=o===145?26:Math.ceil((o-13)/(2*r-2))*2;const s=[o-7];for(let t=1;t<r-1;t++){s[t]=s[t-1]-i}s.push(6);return s.reverse()};t.getPositions=function n(e){const r=[];const o=t.getRowColCoords(e);const i=o.length;for(let t=0;t<i;t++){for(let n=0;n<i;n++){if(t===0&&n===0||t===0&&n===i-1||t===i-1&&n===0){continue}r.push([o[t],o[n]])}}return r}})(d);var w={};const p=i.getSymbolSize;const g=7;w.getPositions=function t(n){const e=p(n);return[[0,0],[e-g,0],[0,e-g]]};var v={};(function(t){t.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};const n={N1:3,N2:3,N3:40,N4:10};t.isValid=function t(n){return n!=null&&n!==""&&!isNaN(n)&&n>=0&&n<=7};t.from=function n(e){return t.isValid(e)?parseInt(e,10):undefined};t.getPenaltyN1=function t(e){const r=e.size;let o=0;let i=0;let s=0;let c=null;let u=null;for(let t=0;t<r;t++){i=s=0;c=u=null;for(let f=0;f<r;f++){let r=e.get(t,f);if(r===c){i++}else{if(i>=5)o+=n.N1+(i-5);c=r;i=1}r=e.get(f,t);if(r===u){s++}else{if(s>=5)o+=n.N1+(s-5);u=r;s=1}}if(i>=5)o+=n.N1+(i-5);if(s>=5)o+=n.N1+(s-5)}return o};t.getPenaltyN2=function t(e){const r=e.size;let o=0;for(let t=0;t<r-1;t++){for(let n=0;n<r-1;n++){const r=e.get(t,n)+e.get(t,n+1)+e.get(t+1,n)+e.get(t+1,n+1);if(r===4||r===0)o++}}return o*n.N2};t.getPenaltyN3=function t(e){const r=e.size;let o=0;let i=0;let s=0;for(let t=0;t<r;t++){i=s=0;for(let n=0;n<r;n++){i=i<<1&2047|e.get(t,n);if(n>=10&&(i===1488||i===93))o++;s=s<<1&2047|e.get(n,t);if(n>=10&&(s===1488||s===93))o++}}return o*n.N3};t.getPenaltyN4=function t(e){let r=0;const o=e.data.length;for(let t=0;t<o;t++)r+=e.data[t];const i=Math.abs(Math.ceil(r*100/o/5)-10);return i*n.N4};function e(n,e,r){switch(n){case t.Patterns.PATTERN000:return(e+r)%2===0;case t.Patterns.PATTERN001:return e%2===0;case t.Patterns.PATTERN010:return r%3===0;case t.Patterns.PATTERN011:return(e+r)%3===0;case t.Patterns.PATTERN100:return(Math.floor(e/2)+Math.floor(r/3))%2===0;case t.Patterns.PATTERN101:return e*r%2+e*r%3===0;case t.Patterns.PATTERN110:return(e*r%2+e*r%3)%2===0;case t.Patterns.PATTERN111:return(e*r%3+(e+r)%2)%2===0;default:throw new Error("bad maskPattern:"+n)}}t.applyMask=function t(n,r){const o=r.size;for(let t=0;t<o;t++){for(let i=0;i<o;i++){if(r.isReserved(i,t))continue;r.xor(i,t,e(n,i,t))}}};t.getBestMask=function n(e,r){const o=Object.keys(t.Patterns).length;let i=0;let s=Infinity;for(let n=0;n<o;n++){r(n);t.applyMask(n,e);const o=t.getPenaltyN1(e)+t.getPenaltyN2(e)+t.getPenaltyN3(e)+t.getPenaltyN4(e);t.applyMask(n,e);if(o<s){s=o;i=n}}return i}})(v);var m={};const b=u;const y=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81];const E=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];m.getBlocksCount=function t(n,e){switch(e){case b.L:return y[(n-1)*4+0];case b.M:return y[(n-1)*4+1];case b.Q:return y[(n-1)*4+2];case b.H:return y[(n-1)*4+3];default:return undefined}};m.getTotalCodewordsCount=function t(n,e){switch(e){case b.L:return E[(n-1)*4+0];case b.M:return E[(n-1)*4+1];case b.Q:return E[(n-1)*4+2];case b.H:return E[(n-1)*4+3];default:return undefined}};var A={};var x={};const M=new Uint8Array(512);const k=new Uint8Array(256);(function t(){let n=1;for(let t=0;t<255;t++){M[t]=n;k[n]=t;n<<=1;if(n&256){n^=285}}for(let t=255;t<512;t++){M[t]=M[t-255]}})();x.log=function t(n){if(n<1)throw new Error("log("+n+")");return k[n]};x.exp=function t(n){return M[n]};x.mul=function t(n,e){if(n===0||e===0)return 0;return M[k[n]+k[e]]};(function(t){const n=x;t.mul=function t(e,r){const o=new Uint8Array(e.length+r.length-1);for(let t=0;t<e.length;t++){for(let i=0;i<r.length;i++){o[t+i]^=n.mul(e[t],r[i])}}return o};t.mod=function t(e,r){let o=new Uint8Array(e);while(o.length-r.length>=0){const t=o[0];for(let e=0;e<r.length;e++){o[e]^=n.mul(r[e],t)}let e=0;while(e<o.length&&o[e]===0)e++;o=o.slice(e)}return o};t.generateECPolynomial=function e(r){let o=new Uint8Array([1]);for(let e=0;e<r;e++){o=t.mul(o,new Uint8Array([1,n.exp(e)]))}return o}})(A);const R=A;function T(t){this.genPoly=undefined;this.degree=t;if(this.degree)this.initialize(this.degree)}T.prototype.initialize=function t(n){this.degree=n;this.genPoly=R.generateECPolynomial(this.degree)};T.prototype.encode=function t(n){if(!this.genPoly){throw new Error("Encoder not initialized")}const e=new Uint8Array(n.length+this.degree);e.set(n);const r=R.mod(e,this.genPoly);const o=this.degree-r.length;if(o>0){const t=new Uint8Array(this.degree);t.set(r,o);return t}return r};var I=T;var N={};var _={};var C={};C.isValid=function t(n){return!isNaN(n)&&n>=1&&n<=40};var q={};const F="[0-9]+";const P="[A-Z $%*+\\-./:]+";let U="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|"+"[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|"+"[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|"+"[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";U=U.replace(/u/g,"\\u");const B="(?:(?![A-Z0-9 $%*+\\-./:]|"+U+")(?:.|[\r\n]))+";q.KANJI=new RegExp(U,"g");q.BYTE_KANJI=new RegExp("[^A-Z0-9 $%*+\\-./:]+","g");q.BYTE=new RegExp(B,"g");q.NUMERIC=new RegExp(F,"g");q.ALPHANUMERIC=new RegExp(P,"g");const Q=new RegExp("^"+U+"$");const $=new RegExp("^"+F+"$");const S=new RegExp("^[A-Z0-9 $%*+\\-./:]+$");q.testKanji=function t(n){return Q.test(n)};q.testNumeric=function t(n){return $.test(n)};q.testAlphanumeric=function t(n){return S.test(n)};(function(t){const n=C;const e=q;t.NUMERIC={id:"Numeric",bit:1<<0,ccBits:[10,12,14]};t.ALPHANUMERIC={id:"Alphanumeric",bit:1<<1,ccBits:[9,11,13]};t.BYTE={id:"Byte",bit:1<<2,ccBits:[8,16,16]};t.KANJI={id:"Kanji",bit:1<<3,ccBits:[8,10,12]};t.MIXED={bit:-1};t.getCharCountIndicator=function t(e,r){if(!e.ccBits)throw new Error("Invalid mode: "+e);if(!n.isValid(r)){throw new Error("Invalid version: "+r)}if(r>=1&&r<10)return e.ccBits[0];else if(r<27)return e.ccBits[1];return e.ccBits[2]};t.getBestModeForData=function n(r){if(e.testNumeric(r))return t.NUMERIC;else if(e.testAlphanumeric(r))return t.ALPHANUMERIC;else if(e.testKanji(r))return t.KANJI;else return t.BYTE};t.toString=function t(n){if(n&&n.id)return n.id;throw new Error("Invalid mode")};t.isValid=function t(n){return n&&n.bit&&n.ccBits};function r(n){if(typeof n!=="string"){throw new Error("Param is not a string")}const e=n.toLowerCase();switch(e){case"numeric":return t.NUMERIC;case"alphanumeric":return t.ALPHANUMERIC;case"kanji":return t.KANJI;case"byte":return t.BYTE;default:throw new Error("Unknown mode: "+n)}}t.from=function n(e,o){if(t.isValid(e)){return e}try{return r(e)}catch(t){return o}}})(_);(function(t){const n=i;const e=m;const r=u;const o=_;const s=C;const c=1<<12|1<<11|1<<10|1<<9|1<<8|1<<5|1<<2|1<<0;const f=n.getBCHDigit(c);function a(n,e,r){for(let o=1;o<=40;o++){if(e<=t.getCapacity(o,r,n)){return o}}return undefined}function l(t,n){return o.getCharCountIndicator(t,n)+4}function h(t,n){let e=0;t.forEach((function(t){const r=l(t.mode,n);e+=r+t.getBitsLength()}));return e}function d(n,e){for(let r=1;r<=40;r++){const i=h(n,r);if(i<=t.getCapacity(r,e,o.MIXED)){return r}}return undefined}t.from=function t(n,e){if(s.isValid(n)){return parseInt(n,10)}return e};t.getCapacity=function t(r,i,c){if(!s.isValid(r)){throw new Error("Invalid QR Code version")}if(typeof c==="undefined")c=o.BYTE;const u=n.getSymbolTotalCodewords(r);const f=e.getTotalCodewordsCount(r,i);const a=(u-f)*8;if(c===o.MIXED)return a;const h=a-l(c,r);switch(c){case o.NUMERIC:return Math.floor(h/10*3);case o.ALPHANUMERIC:return Math.floor(h/11*2);case o.KANJI:return Math.floor(h/13);case o.BYTE:default:return Math.floor(h/8)}};t.getBestVersionForData=function t(n,e){let o;const i=r.from(e,r.M);if(Array.isArray(n)){if(n.length>1){return d(n,i)}if(n.length===0){return 1}o=n[0]}else{o=n}return a(o.mode,o.getLength(),i)};t.getEncodedBits=function t(e){if(!s.isValid(e)||e<7){throw new Error("Invalid QR Code version")}let r=e<<12;while(n.getBCHDigit(r)-f>=0){r^=c<<n.getBCHDigit(r)-f}return e<<12|r}})(N);var L={};const Z=i;const j=1<<10|1<<8|1<<5|1<<4|1<<2|1<<1|1<<0;const z=1<<14|1<<12|1<<10|1<<4|1<<1;const H=Z.getBCHDigit(j);L.getEncodedBits=function t(n,e){const r=n.bit<<3|e;let o=r<<10;while(Z.getBCHDigit(o)-H>=0){o^=j<<Z.getBCHDigit(o)-H}return(r<<10|o)^z};var D={};const J=_;function O(t){this.mode=J.NUMERIC;this.data=t.toString()}O.getBitsLength=function t(n){return 10*Math.floor(n/3)+(n%3?n%3*3+1:0)};O.prototype.getLength=function t(){return this.data.length};O.prototype.getBitsLength=function t(){return O.getBitsLength(this.data.length)};O.prototype.write=function t(n){let e,r,o;for(e=0;e+3<=this.data.length;e+=3){r=this.data.substr(e,3);o=parseInt(r,10);n.put(o,10)}const i=this.data.length-e;if(i>0){r=this.data.substr(e);o=parseInt(r,10);n.put(o,i*3+1)}};var W=O;const K=_;const Y=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","$","%","*","+","-",".","/",":"];function G(t){this.mode=K.ALPHANUMERIC;this.data=t}G.getBitsLength=function t(n){return 11*Math.floor(n/2)+6*(n%2)};G.prototype.getLength=function t(){return this.data.length};G.prototype.getBitsLength=function t(){return G.getBitsLength(this.data.length)};G.prototype.write=function t(n){let e;for(e=0;e+2<=this.data.length;e+=2){let t=Y.indexOf(this.data[e])*45;t+=Y.indexOf(this.data[e+1]);n.put(t,11)}if(this.data.length%2){n.put(Y.indexOf(this.data[e]),6)}};var V=G;const X=_;function tt(t){this.mode=X.BYTE;if(typeof t==="string"){this.data=(new TextEncoder).encode(t)}else{this.data=new Uint8Array(t)}}tt.getBitsLength=function t(n){return n*8};tt.prototype.getLength=function t(){return this.data.length};tt.prototype.getBitsLength=function t(){return tt.getBitsLength(this.data.length)};tt.prototype.write=function(t){for(let n=0,e=this.data.length;n<e;n++){t.put(this.data[n],8)}};var nt=tt;const et=_;const rt=i;function ot(t){this.mode=et.KANJI;this.data=t}ot.getBitsLength=function t(n){return n*13};ot.prototype.getLength=function t(){return this.data.length};ot.prototype.getBitsLength=function t(){return ot.getBitsLength(this.data.length)};ot.prototype.write=function(t){let n;for(n=0;n<this.data.length;n++){let e=rt.toSJIS(this.data[n]);if(e>=33088&&e<=40956){e-=33088}else if(e>=57408&&e<=60351){e-=49472}else{throw new Error("Invalid SJIS character: "+this.data[n]+"\n"+"Make sure your charset is UTF-8")}e=(e>>>8&255)*192+(e&255);t.put(e,13)}};var it=ot;var st={exports:{}};(function(t){var n={single_source_shortest_paths:function(t,e,r){var o={};var i={};i[e]=0;var s=n.PriorityQueue.make();s.push(e,0);var c,u,f,a,l,h,d,w,p;while(!s.empty()){c=s.pop();u=c.value;a=c.cost;l=t[u]||{};for(f in l){if(l.hasOwnProperty(f)){h=l[f];d=a+h;w=i[f];p=typeof i[f]==="undefined";if(p||w>d){i[f]=d;s.push(f,d);o[f]=u}}}}if(typeof r!=="undefined"&&typeof i[r]==="undefined"){var g=["Could not find a path from ",e," to ",r,"."].join("");throw new Error(g)}return o},extract_shortest_path_from_predecessor_list:function(t,n){var e=[];var r=n;while(r){e.push(r);r=t[r]}e.reverse();return e},find_path:function(t,e,r){var o=n.single_source_shortest_paths(t,e,r);return n.extract_shortest_path_from_predecessor_list(o,r)},PriorityQueue:{make:function(t){var e=n.PriorityQueue,r={},o;t=t||{};for(o in e){if(e.hasOwnProperty(o)){r[o]=e[o]}}r.queue=[];r.sorter=t.sorter||e.default_sorter;return r},default_sorter:function(t,n){return t.cost-n.cost},push:function(t,n){var e={value:t,cost:n};this.queue.push(e);this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return this.queue.length===0}}};{t.exports=n}})(st);(function(t){const n=_;const e=W;const r=V;const o=nt;const s=it;const c=q;const u=i;const f=st.exports;function a(t){return unescape(encodeURIComponent(t)).length}function l(t,n,e){const r=[];let o;while((o=t.exec(e))!==null){r.push({data:o[0],index:o.index,mode:n,length:o[0].length})}return r}function h(t){const e=l(c.NUMERIC,n.NUMERIC,t);const r=l(c.ALPHANUMERIC,n.ALPHANUMERIC,t);let o;let i;if(u.isKanjiModeEnabled()){o=l(c.BYTE,n.BYTE,t);i=l(c.KANJI,n.KANJI,t)}else{o=l(c.BYTE_KANJI,n.BYTE,t);i=[]}const s=e.concat(r,o,i);return s.sort((function(t,n){return t.index-n.index})).map((function(t){return{data:t.data,mode:t.mode,length:t.length}}))}function d(t,i){switch(i){case n.NUMERIC:return e.getBitsLength(t);case n.ALPHANUMERIC:return r.getBitsLength(t);case n.KANJI:return s.getBitsLength(t);case n.BYTE:return o.getBitsLength(t)}}function w(t){return t.reduce((function(t,n){const e=t.length-1>=0?t[t.length-1]:null;if(e&&e.mode===n.mode){t[t.length-1].data+=n.data;return t}t.push(n);return t}),[])}function p(t){const e=[];for(let r=0;r<t.length;r++){const o=t[r];switch(o.mode){case n.NUMERIC:e.push([o,{data:o.data,mode:n.ALPHANUMERIC,length:o.length},{data:o.data,mode:n.BYTE,length:o.length}]);break;case n.ALPHANUMERIC:e.push([o,{data:o.data,mode:n.BYTE,length:o.length}]);break;case n.KANJI:e.push([o,{data:o.data,mode:n.BYTE,length:a(o.data)}]);break;case n.BYTE:e.push([{data:o.data,mode:n.BYTE,length:a(o.data)}])}}return e}function g(t,e){const r={};const o={start:{}};let i=["start"];for(let s=0;s<t.length;s++){const c=t[s];const u=[];for(let t=0;t<c.length;t++){const f=c[t];const a=""+s+t;u.push(a);r[a]={node:f,lastCount:0};o[a]={};for(let t=0;t<i.length;t++){const s=i[t];if(r[s]&&r[s].node.mode===f.mode){o[s][a]=d(r[s].lastCount+f.length,f.mode)-d(r[s].lastCount,f.mode);r[s].lastCount+=f.length}else{if(r[s])r[s].lastCount=f.length;o[s][a]=d(f.length,f.mode)+4+n.getCharCountIndicator(f.mode,e)}}}i=u}for(let t=0;t<i.length;t++){o[i[t]].end=0}return{map:o,table:r}}function v(t,i){let c;const f=n.getBestModeForData(t);c=n.from(i,f);if(c!==n.BYTE&&c.bit<f.bit){throw new Error('"'+t+'"'+" cannot be encoded with mode "+n.toString(c)+".\n Suggested mode is: "+n.toString(f))}if(c===n.KANJI&&!u.isKanjiModeEnabled()){c=n.BYTE}switch(c){case n.NUMERIC:return new e(t);case n.ALPHANUMERIC:return new r(t);case n.KANJI:return new s(t);case n.BYTE:return new o(t)}}t.fromArray=function t(n){return n.reduce((function(t,n){if(typeof n==="string"){t.push(v(n,null))}else if(n.data){t.push(v(n.data,n.mode))}return t}),[])};t.fromString=function n(e,r){const o=h(e,u.isKanjiModeEnabled());const i=p(o);const s=g(i,r);const c=f.find_path(s.map,"start","end");const a=[];for(let t=1;t<c.length-1;t++){a.push(s.table[c[t]].node)}return t.fromArray(w(a))};t.rawSplit=function n(e){return t.fromArray(h(e,u.isKanjiModeEnabled()))}})(D);const ct=i;const ut=u;const ft=a;const at=h;const lt=d;const ht=w;const dt=v;const wt=m;const pt=I;const gt=N;const vt=L;const mt=_;const bt=D;function yt(t,n){const e=t.size;const r=ht.getPositions(n);for(let n=0;n<r.length;n++){const o=r[n][0];const i=r[n][1];for(let n=-1;n<=7;n++){if(o+n<=-1||e<=o+n)continue;for(let r=-1;r<=7;r++){if(i+r<=-1||e<=i+r)continue;if(n>=0&&n<=6&&(r===0||r===6)||r>=0&&r<=6&&(n===0||n===6)||n>=2&&n<=4&&r>=2&&r<=4){t.set(o+n,i+r,true,true)}else{t.set(o+n,i+r,false,true)}}}}}function Et(t){const n=t.size;for(let e=8;e<n-8;e++){const n=e%2===0;t.set(e,6,n,true);t.set(6,e,n,true)}}function At(t,n){const e=lt.getPositions(n);for(let n=0;n<e.length;n++){const r=e[n][0];const o=e[n][1];for(let n=-2;n<=2;n++){for(let e=-2;e<=2;e++){if(n===-2||n===2||e===-2||e===2||n===0&&e===0){t.set(r+n,o+e,true,true)}else{t.set(r+n,o+e,false,true)}}}}}function xt(t,n){const e=t.size;const r=gt.getEncodedBits(n);let o,i,s;for(let n=0;n<18;n++){o=Math.floor(n/3);i=n%3+e-8-3;s=(r>>n&1)===1;t.set(o,i,s,true);t.set(i,o,s,true)}}function Mt(t,n,e){const r=t.size;const o=vt.getEncodedBits(n,e);let i,s;for(i=0;i<15;i++){s=(o>>i&1)===1;if(i<6){t.set(i,8,s,true)}else if(i<8){t.set(i+1,8,s,true)}else{t.set(r-15+i,8,s,true)}if(i<8){t.set(8,r-i-1,s,true)}else if(i<9){t.set(8,15-i-1+1,s,true)}else{t.set(8,15-i-1,s,true)}}t.set(r-8,8,1,true)}function kt(t,n){const e=t.size;let r=-1;let o=e-1;let i=7;let s=0;for(let c=e-1;c>0;c-=2){if(c===6)c--;while(true){for(let e=0;e<2;e++){if(!t.isReserved(o,c-e)){let r=false;if(s<n.length){r=(n[s]>>>i&1)===1}t.set(o,c-e,r);i--;if(i===-1){s++;i=7}}}o+=r;if(o<0||e<=o){o-=r;r=-r;break}}}}function Rt(t,n,e){const r=new ft;e.forEach((function(n){r.put(n.mode.bit,4);r.put(n.getLength(),mt.getCharCountIndicator(n.mode,t));n.write(r)}));const o=ct.getSymbolTotalCodewords(t);const i=wt.getTotalCodewordsCount(t,n);const s=(o-i)*8;if(r.getLengthInBits()+4<=s){r.put(0,4)}while(r.getLengthInBits()%8!==0){r.putBit(0)}const c=(s-r.getLengthInBits())/8;for(let t=0;t<c;t++){r.put(t%2?17:236,8)}return Tt(r,t,n)}function Tt(t,n,e){const r=ct.getSymbolTotalCodewords(n);const o=wt.getTotalCodewordsCount(n,e);const i=r-o;const s=wt.getBlocksCount(n,e);const c=r%s;const u=s-c;const f=Math.floor(r/s);const a=Math.floor(i/s);const l=a+1;const h=f-a;const d=new pt(h);let w=0;const p=new Array(s);const g=new Array(s);let v=0;const m=new Uint8Array(t.buffer);for(let t=0;t<s;t++){const n=t<u?a:l;p[t]=m.slice(w,w+n);g[t]=d.encode(p[t]);w+=n;v=Math.max(v,n)}const b=new Uint8Array(r);let y=0;let E,A;for(E=0;E<v;E++){for(A=0;A<s;A++){if(E<p[A].length){b[y++]=p[A][E]}}}for(E=0;E<h;E++){for(A=0;A<s;A++){b[y++]=g[A][E]}}return b}function It(t,n,e,r){let o;if(Array.isArray(t)){o=bt.fromArray(t)}else if(typeof t==="string"){let r=n;if(!r){const n=bt.rawSplit(t);r=gt.getBestVersionForData(n,e)}o=bt.fromString(t,r||40)}else{throw new Error("Invalid data")}const i=gt.getBestVersionForData(o,e);if(!i){throw new Error("The amount of data is too big to be stored in a QR Code")}if(!n){n=i}else if(n<i){throw new Error("\n"+"The chosen QR Code version cannot contain this amount of data.\n"+"Minimum version required to store current data is: "+i+".\n")}const s=Rt(n,e,o);const c=ct.getSymbolSize(n);const u=new at(c);yt(u,n);Et(u);At(u,n);Mt(u,e,0);if(n>=7){xt(u,n)}kt(u,s);if(isNaN(r)){r=dt.getBestMask(u,Mt.bind(null,u,e))}dt.applyMask(r,u);Mt(u,e,r);return{modules:u,version:n,errorCorrectionLevel:e,maskPattern:r,segments:o}}o.create=function t(n,e){if(typeof n==="undefined"||n===""){throw new Error("No input text")}let r=ut.M;let o;let i;if(typeof e!=="undefined"){r=ut.from(e.errorCorrectionLevel,ut.M);o=gt.from(e.version);i=dt.from(e.maskPattern);if(e.toSJISFunc){ct.setToSJISFunction(e.toSJISFunc)}}return It(n,o,r,i)};var Nt={};var _t={};(function(t){function n(t){if(typeof t==="number"){t=t.toString()}if(typeof t!=="string"){throw new Error("Color should be defined as hex string")}let n=t.slice().replace("#","").split("");if(n.length<3||n.length===5||n.length>8){throw new Error("Invalid hex color: "+t)}if(n.length===3||n.length===4){n=Array.prototype.concat.apply([],n.map((function(t){return[t,t]})))}if(n.length===6)n.push("F","F");const e=parseInt(n.join(""),16);return{r:e>>24&255,g:e>>16&255,b:e>>8&255,a:e&255,hex:"#"+n.slice(0,6).join("")}}t.getOptions=function t(e){if(!e)e={};if(!e.color)e.color={};const r=typeof e.margin==="undefined"||e.margin===null||e.margin<0?4:e.margin;const o=e.width&&e.width>=21?e.width:undefined;const i=e.scale||4;return{width:o,scale:o?4:i,margin:r,color:{dark:n(e.color.dark||"#000000ff"),light:n(e.color.light||"#ffffffff")},type:e.type,rendererOpts:e.rendererOpts||{}}};t.getScale=function t(n,e){return e.width&&e.width>=n+e.margin*2?e.width/(n+e.margin*2):e.scale};t.getImageWidth=function n(e,r){const o=t.getScale(e,r);return Math.floor((e+r.margin*2)*o)};t.qrToImageData=function n(e,r,o){const i=r.modules.size;const s=r.modules.data;const c=t.getScale(i,o);const u=Math.floor((i+o.margin*2)*c);const f=o.margin*c;const a=[o.color.light,o.color.dark];for(let t=0;t<u;t++){for(let n=0;n<u;n++){let r=(t*u+n)*4;let l=o.color.light;if(t>=f&&n>=f&&t<u-f&&n<u-f){const e=Math.floor((t-f)/c);const r=Math.floor((n-f)/c);l=a[s[e*i+r]?1:0]}e[r++]=l.r;e[r++]=l.g;e[r++]=l.b;e[r]=l.a}}}})(_t);(function(t){const n=_t;function e(t,n,e){t.clearRect(0,0,n.width,n.height);if(!n.style)n.style={};n.height=e;n.width=e;n.style.height=e+"px";n.style.width=e+"px"}function r(){try{return document.createElement("canvas")}catch(t){throw new Error("You need to specify a canvas element")}}t.render=function t(o,i,s){let c=s;let u=i;if(typeof c==="undefined"&&(!i||!i.getContext)){c=i;i=undefined}if(!i){u=r()}c=n.getOptions(c);const f=n.getImageWidth(o.modules.size,c);const a=u.getContext("2d");const l=a.createImageData(f,f);n.qrToImageData(l.data,o,c);e(a,u,f);a.putImageData(l,0,0);return u};t.renderToDataURL=function n(e,r,o){let i=o;if(typeof i==="undefined"&&(!r||!r.getContext)){i=r;r=undefined}if(!i)i={};const s=t.render(e,r,i);const c=i.type||"image/png";const u=i.rendererOpts||{};return s.toDataURL(c,u.quality)}})(Nt);var Ct={};const qt=_t;function Ft(t,n){const e=t.a/255;const r=n+'="'+t.hex+'"';return e<1?r+" "+n+'-opacity="'+e.toFixed(2).slice(1)+'"':r}function Pt(t,n,e){let r=t+n;if(typeof e!=="undefined")r+=" "+e;return r}function Ut(t,n,e){let r="";let o=0;let i=false;let s=0;for(let c=0;c<t.length;c++){const u=Math.floor(c%n);const f=Math.floor(c/n);if(!u&&!i)i=true;if(t[c]){s++;if(!(c>0&&u>0&&t[c-1])){r+=i?Pt("M",u+e,.5+f+e):Pt("m",o,0);o=0;i=false}if(!(u+1<n&&t[c+1])){r+=Pt("h",s);s=0}}else{o++}}return r}Ct.render=function t(n,e,r){const o=qt.getOptions(e);const i=n.modules.size;const s=n.modules.data;const c=i+o.margin*2;const u=!o.color.light.a?"":"<path "+Ft(o.color.light,"fill")+' d="M0 0h'+c+"v"+c+'H0z"/>';const f="<path "+Ft(o.color.dark,"stroke")+' d="'+Ut(s,i,o.margin)+'"/>';const a='viewBox="'+"0 0 "+c+" "+c+'"';const l=!o.width?"":'width="'+o.width+'" height="'+o.width+'" ';const h='<svg xmlns="http://www.w3.org/2000/svg" '+l+a+' shape-rendering="crispEdges">'+u+f+"</svg>\n";if(typeof r==="function"){r(null,h)}return h};const Bt=r;const Qt=o;const $t=Nt;const St=Ct;function Lt(t,n,e,r,o){const i=[].slice.call(arguments,1);const s=i.length;const c=typeof i[s-1]==="function";if(!c&&!Bt()){throw new Error("Callback required as last argument")}if(c){if(s<2){throw new Error("Too few arguments provided")}if(s===2){o=e;e=n;n=r=undefined}else if(s===3){if(n.getContext&&typeof o==="undefined"){o=r;r=undefined}else{o=r;r=e;e=n;n=undefined}}}else{if(s<1){throw new Error("Too few arguments provided")}if(s===1){e=n;n=r=undefined}else if(s===2&&!n.getContext){r=e;e=n;n=undefined}return new Promise((function(o,i){try{const i=Qt.create(e,r);o(t(i,n,r))}catch(t){i(t)}}))}try{const i=Qt.create(e,r);o(null,t(i,n,r))}catch(t){o(t)}}e.create=Qt.create;e.toCanvas=Lt.bind(null,$t.render);e.toDataURL=Lt.bind(null,$t.renderToDataURL);e.toString=Lt.bind(null,(function(t,n,e){return St.render(t,e)}));const Zt="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-qr-code-generator{display:block;text-align:center}pn-qr-code-generator canvas{border:1px solid #d3cecb;transition:filter 0.3s ease;width:20rem;height:20rem}pn-qr-code-generator canvas.outdated{filter:grayscale(100%)}pn-qr-code-generator .timer{margin-top:1rem;text-align:center;font-size:1.4rem;color:#2d2013}pn-qr-code-generator .outdated-message{color:#a70707}pn-qr-code-generator .qr-button__wrapper{background:transparent;border:none;padding:0;width:20rem;height:20rem}pn-qr-code-generator .qr-button__wrapper:focus,pn-qr-code-generator .qr-button__wrapper:focus-visible{outline-color:#005d92}";const jt=Zt;const zt=class{constructor(n){t(this,n);this.url=undefined;this.countdownSeconds=-1;this.outdatedMessage=undefined;this.expiresInMessage=undefined;this.updateCodeEverySecond=true;this.ariaLabel=undefined;this.remainingSeconds=undefined;this.isOutdated=false;this.isFullscreen=false}canvasRef;timer;urlWithSegment;gray900="#2d2013";blackHex="#000";whiteHex="#fff";connectedCallback(){this.isOutdated=false;if(this.timer==null){this.generateQRCode();if(this.countdownSeconds!==-1){requestAnimationFrame((()=>{this.startCountdown()}))}}}componentWillLoad(){this.urlWithSegment=this.url+"#";this.remainingSeconds=this.countdownSeconds;if(this.timer!=null){this.resetCountdown()}}disconnectedCallback(){this.resetCountdown()}resetCountdown(){if(this.timer!==null){this.remainingSeconds=this.countdownSeconds;clearInterval(this.timer);this.timer=null;return}}generateQRCode(t=""){if(this.url&&this.canvasRef){this.urlWithSegment+=t;e.toCanvas(this.canvasRef,this.urlWithSegment,{width:200,color:{dark:this.isOutdated?this.gray900:this.blackHex,light:this.isOutdated?this.gray900:this.whiteHex}},(t=>{if(t)console.error(t)}))}}startCountdown(){this.timer=setInterval((()=>{if(this.remainingSeconds>0){this.remainingSeconds--;this.generateQRCode("p")}else{clearInterval(this.timer);this.isOutdated=true;this.generateQRCode()}}),1e3)}render(){return n("div",{key:"4cd70480b4a6a88d4715f088f339b35bc84bcab2"},n("button",{key:"9ef568af4a0002f559be89307a19d7a4ab05ae40",class:"qr-button__wrapper","aria-label":this.ariaLabel},n("canvas",{key:"8fb7c85093d3cade435141f8b9a1b67228cc9d2e",class:this.isOutdated?"outdated":"",ref:t=>this.canvasRef=t})),this.countdownSeconds!==-1&&n("div",{key:"98c4987d02b47c5ad01412c49c8ffb72a9b5df5a",class:"timer"},this.isOutdated&&n("span",{key:"dd63f18d81793c483a8a4f415d34d282c3d6b599",class:"outdated-message"},this.outdatedMessage),!this.isOutdated&&this.expiresInMessage&&n("span",{key:"8da16f4bc691e6c8e9be5bcebd92d38331840ff5"},this.expiresInMessage," ",this.remainingSeconds)))}static get watchers(){return{url:["generateQRCode"]}}};zt.style=jt;export{zt as pn_qr_code_generator};
|
|
2
|
+
//# sourceMappingURL=p-0b0232d5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,g as e,h as o,d as n}from"./p-b3a13b6a.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-titletag{display:inline-flex;border-radius:0.4rem;min-height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700],pn-titletag[color=green]{color:#005e41;background:#dcf6e7}pn-titletag[color=blue700],pn-titletag[color=blue]{background:#e0f8ff;color:#005d92}pn-titletag[color=coral700],pn-titletag[color=coral]{background:#fdefee;color:#9b1c2e}pn-titletag[color=gray900],pn-titletag[color=gray],pn-titletag[color=grey]{background:#d3cecb;color:#2d2013}pn-titletag[color=gray50],pn-titletag[color=lightgray],pn-titletag[color=lightgrey]{background:#f3f2f2;color:#2d2013}";const i=r;const l=class{constructor(e){t(this,e);this.icon=null;this.color="green700"}get hostElement(){return e(this)}render(){return o(n,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,g as e,h as o,d as n}from"./p-b3a13b6a.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-titletag{display:inline-flex;border-radius:0.4rem;min-height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700],pn-titletag[color=green]{color:#005e41;background:#dcf6e7}pn-titletag[color=blue700],pn-titletag[color=blue]{background:#e0f8ff;color:#005d92}pn-titletag[color=coral700],pn-titletag[color=coral]{background:#fdefee;color:#9b1c2e}pn-titletag[color=gray900],pn-titletag[color=gray],pn-titletag[color=grey]{background:#d3cecb;color:#2d2013}pn-titletag[color=gray50],pn-titletag[color=lightgray],pn-titletag[color=lightgrey]{background:#f3f2f2;color:#2d2013}";const i=r;const l=class{constructor(e){t(this,e);this.icon=null;this.color="green700"}get hostElement(){return e(this)}render(){return o(n,{key:"d7b27f6ef4058c20108e34e5126c0b2759e2a22d"},o("slot",{key:"9115557bd422f30e92a32212223de87edde7c3bd"}),this.icon?o("pn-icon",{icon:this.icon,small:"false",color:this.color}):null)}};l.style=i;export{l as pn_titletag};
|
|
2
|
+
//# sourceMappingURL=p-0b0743cb.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,g as e,h as s,d as a}from"./p-b3a13b6a.js";const n="";const r=n;const d=class{constructor(e){t(this,e);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return e(this)}render(){return s(a,{key:"b3af7c0a6b22c74d2463ad53500496137f1a4efe"},s("pn-button",{key:"55538308c745c5a2a47f7e3dbd136d2d57a47d66",href:this.myPageUrl},this.label))}};d.style=r;export{d as pn_marketweb_siteheader_login_mypage_button};
|
|
2
|
+
//# sourceMappingURL=p-0cd2c894.entry.js.map
|