@ptcwebops/ptcw-design 6.4.10-beta → 6.4.11-beta
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/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
- package/dist/cjs/bundle-example.cjs.entry.js +1 -1
- package/dist/cjs/buying-option-card.cjs.entry.js +1 -1
- package/dist/cjs/buying-option-cards-slider.cjs.entry.js +27 -1
- package/dist/cjs/event-podcast-slider-example.cjs.entry.js +1 -1
- package/dist/cjs/featured-events-slider-example.cjs.entry.js +1 -1
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
- package/dist/cjs/list-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card_2.cjs.entry.js +2 -2
- package/dist/cjs/ptc-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/ptc-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +2 -2
- package/dist/cjs/ptc-form-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +1 -1
- package/dist/cjs/ptc-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/ptc-inline-cta.cjs.entry.js +1 -1
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
- package/dist/cjs/ptc-office-location-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-office-locations.cjs.entry.js +1 -1
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -1
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-quantity-counter.cjs.entry.js +1 -1
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +1 -1
- package/dist/cjs/ptc-search-field.cjs.entry.js +1 -1
- package/dist/cjs/ptc-slit-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-social-icons.cjs.entry.js +1 -1
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +1 -1
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +1 -1
- package/dist/collection/components/buying-option-card/buying-option-card.css +1 -1
- package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.css +14 -19
- package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.js +26 -0
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +2 -1
- package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +1 -0
- package/dist/collection/components/list-item/list-item.css +2 -1
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.css +1 -0
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +1 -1
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +407 -263
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js +1 -1
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +2 -1
- package/dist/collection/components/organism-bundles/featured-events-slider-example/featured-events-slider-example.css +2 -1
- package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.css +2 -1
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +11 -16
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css +1 -0
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +0 -2
- package/dist/collection/components/ptc-background-video/ptc-background-video.css +8 -4
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +4 -2
- package/dist/collection/components/ptc-card/ptc-card.css +4 -40
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +3 -1
- package/dist/collection/components/ptc-checkbox-group/ptc-checkbox-group.css +3 -1
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.css +3 -0
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +2 -0
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +3 -4
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +1 -5
- package/dist/collection/components/ptc-footer/ptc-footer-v2.css +3 -0
- package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.css +2 -0
- package/dist/collection/components/ptc-homepage-image-feature/ptc-homepage-image-feature.css +1 -0
- package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css +0 -1
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.css +2 -1
- package/dist/collection/components/ptc-inline-cta/ptc-inline-cta.css +3 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +33 -14
- package/dist/collection/components/ptc-link/ptc-link.css +2 -1
- package/dist/collection/components/ptc-media-card/ptc-media-card.css +4 -2
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css +0 -6
- package/dist/collection/components/ptc-modal/ptc-modal.css +3 -1
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css +2 -0
- package/dist/collection/components/ptc-multi-select/ptc-multi-select.css +4 -1
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +0 -34
- package/dist/collection/components/ptc-office-location-card/ptc-office-location-card.css +2 -0
- package/dist/collection/components/ptc-office-locations/ptc-office-locations.css +3 -3
- package/dist/collection/components/ptc-picture/ptc-picture.css +14 -7
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +0 -25
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +19 -9
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +1 -0
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +28 -12
- package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.css +3 -1
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +2 -1
- package/dist/collection/components/ptc-search-field/ptc-search-field.css +13 -0
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +0 -8
- package/dist/collection/components/ptc-social-icons/ptc-social-icons.css +1 -0
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +0 -16
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +0 -2
- package/dist/collection/components/ptc-textfield/ptc-textfield.css +11 -1
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +1 -25
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +1 -0
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +0 -27
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +2 -1
- package/dist/custom-elements/index.js +83 -57
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/buying-option-card.entry.js +1 -1
- package/dist/esm/buying-option-cards-slider.entry.js +27 -1
- package/dist/esm/event-podcast-slider-example.entry.js +1 -1
- package/dist/esm/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +2 -2
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_4.entry.js +2 -2
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-quantity-counter.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
- package/dist/ptcw-design/{p-3a40c41f.entry.js → p-0451b768.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e3bf09c.entry.js → p-04891836.entry.js} +1 -1
- package/dist/ptcw-design/p-0a86d91a.entry.js +1 -0
- package/dist/ptcw-design/{p-e5369c4d.entry.js → p-0c914932.entry.js} +1 -1
- package/dist/ptcw-design/{p-258963da.entry.js → p-0fbdcd78.entry.js} +1 -1
- package/dist/ptcw-design/{p-5793ca02.entry.js → p-13963d40.entry.js} +1 -1
- package/dist/ptcw-design/{p-50308f02.entry.js → p-17b8281a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b533cd17.entry.js → p-187ef77b.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf8fbba7.entry.js → p-18d699f0.entry.js} +1 -1
- package/dist/ptcw-design/p-1c63c812.entry.js +1 -0
- package/dist/ptcw-design/{p-674acf91.entry.js → p-26e8ad2e.entry.js} +1 -1
- package/dist/ptcw-design/{p-ddb898c7.entry.js → p-2a22123e.entry.js} +1 -1
- package/dist/ptcw-design/{p-04ff81ef.entry.js → p-2b08a37d.entry.js} +1 -1
- package/dist/ptcw-design/p-32bec5ef.entry.js +1 -0
- package/dist/ptcw-design/{p-94a76216.entry.js → p-3b40bfbf.entry.js} +4 -4
- package/dist/ptcw-design/p-3e4861a2.entry.js +1 -0
- package/dist/ptcw-design/{p-e93714e9.entry.js → p-4ab3249d.entry.js} +1 -1
- package/dist/ptcw-design/p-502f534b.entry.js +1 -0
- package/dist/ptcw-design/p-506dac1f.entry.js +1 -0
- package/dist/ptcw-design/{p-43a8ccc3.entry.js → p-53dee19b.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3b1af2b.entry.js → p-567535fb.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f0b8ca2.entry.js → p-575861b3.entry.js} +1 -1
- package/dist/ptcw-design/p-5aaf4e15.entry.js +1 -0
- package/dist/ptcw-design/{p-f61a3476.entry.js → p-5dd538c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-ce121fb3.entry.js → p-6a561487.entry.js} +1 -1
- package/dist/ptcw-design/p-7714bbaf.entry.js +1 -0
- package/dist/ptcw-design/{p-c477f9b5.entry.js → p-7834cfee.entry.js} +1 -1
- package/dist/ptcw-design/{p-4d11aafc.entry.js → p-84c15835.entry.js} +1 -1
- package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-927373d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-89177041.entry.js → p-92e76318.entry.js} +1 -1
- package/dist/ptcw-design/p-96f346c4.entry.js +1 -0
- package/dist/ptcw-design/{p-0a214a22.entry.js → p-9efa8199.entry.js} +1 -1
- package/dist/ptcw-design/{p-769b5691.entry.js → p-9fca5392.entry.js} +1 -1
- package/dist/ptcw-design/{p-0e63560d.entry.js → p-a4dd4e83.entry.js} +1 -1
- package/dist/ptcw-design/p-a8304a3e.entry.js +1 -0
- package/dist/ptcw-design/p-a993c0a6.entry.js +1 -0
- package/dist/ptcw-design/p-ab4906a7.entry.js +1 -0
- package/dist/ptcw-design/{p-77cad16c.entry.js → p-ac7b2779.entry.js} +1 -1
- package/dist/ptcw-design/{p-2afea59e.entry.js → p-ad0e7843.entry.js} +1 -1
- package/dist/ptcw-design/p-b0a16f1a.entry.js +1 -0
- package/dist/ptcw-design/p-b19cda95.entry.js +1 -0
- package/dist/ptcw-design/{p-3ca1b46e.entry.js → p-bfadd78e.entry.js} +1 -1
- package/dist/ptcw-design/{p-b209c116.entry.js → p-c061b32d.entry.js} +1 -1
- package/dist/ptcw-design/{p-f731fc96.entry.js → p-c4674bc8.entry.js} +1 -1
- package/dist/ptcw-design/{p-36ee2e12.entry.js → p-cbbe2bba.entry.js} +1 -1
- package/dist/ptcw-design/p-cc652ebe.entry.js +1 -0
- package/dist/ptcw-design/{p-6e8ed2ee.entry.js → p-d6ee094b.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c49d736.entry.js → p-d8b2466d.entry.js} +1 -1
- package/dist/ptcw-design/{p-4cee12b8.entry.js → p-e0e87d61.entry.js} +1 -1
- package/dist/ptcw-design/{p-e4eb925f.entry.js → p-e3a6ed56.entry.js} +1 -1
- package/dist/ptcw-design/p-e7220c36.entry.js +1 -0
- package/dist/ptcw-design/p-e73a1a0b.entry.js +1 -0
- package/dist/ptcw-design/{p-dbf8da08.entry.js → p-ef870202.entry.js} +1 -1
- package/dist/ptcw-design/p-f010c07f.entry.js +1 -0
- package/dist/ptcw-design/{p-684ef1e5.entry.js → p-f6b70f68.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/buying-option-cards-slider/buying-option-cards-slider.d.ts +1 -0
- package/package.json +4 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-056748b3.entry.js +0 -1
- package/dist/ptcw-design/p-0a7cc9e4.entry.js +0 -1
- package/dist/ptcw-design/p-36abe396.entry.js +0 -1
- package/dist/ptcw-design/p-391d9852.entry.js +0 -1
- package/dist/ptcw-design/p-464d8e22.entry.js +0 -1
- package/dist/ptcw-design/p-5a8e7557.entry.js +0 -1
- package/dist/ptcw-design/p-5c81c755.entry.js +0 -1
- package/dist/ptcw-design/p-63b3bcbe.entry.js +0 -1
- package/dist/ptcw-design/p-656e8773.entry.js +0 -1
- package/dist/ptcw-design/p-7a3e9ecd.entry.js +0 -1
- package/dist/ptcw-design/p-81bcde85.entry.js +0 -1
- package/dist/ptcw-design/p-95187918.entry.js +0 -1
- package/dist/ptcw-design/p-af831c13.entry.js +0 -1
- package/dist/ptcw-design/p-cddf8db5.entry.js +0 -1
- package/dist/ptcw-design/p-d2cc0297.entry.js +0 -1
- package/dist/ptcw-design/p-da02913d.entry.js +0 -1
- package/dist/ptcw-design/p-e03d7060.entry.js +0 -1
- package/dist/ptcw-design/p-f57f32ee.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,H as i,g as e}from"./p-ac75c7ad.js";const o=class{constructor(a){t(this,a),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.pngImgStyles="",this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgVideoPosterSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.isHomepage=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation=void 0,this.buttonTabIndex=0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0,this.isTransitioning=void 0,this.blogAuthorImage="",this.blogAuthorImageAlt="",this.blogAuthorName="",this.blogAuthorQueryHref="",this.blogAuthorQueryTarget="",this.hasCountdown=!1,this.logo="",this.styles=void 0,this.enableLazy=!1,this.defer=void 0,this.hasCtaSlot=void 0}componentWillLoad(){this.hasCtaSlot=!!this.el.querySelector('[slot="j-cta"]')}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){}componentDidUpdate(){this.getContentBackground()}render(){const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=a("div",{class:"mobile-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{src:this.pngSrc}),this.hasPopupVideo&&this.isMobile?a("slot",{name:"video"}):null));break;case"blog":e=a("div",{class:"mobile-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"})));break;case"gif":e=a("div",{class:"mobile-media-image gif-bg"},a("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":e=a("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle,"button-location":this.buttonLocation,"button-tab-index":this.buttonTabIndex,defer:this.defer,posterSrc:this.bgVideoPosterSrc}," ",this.hasPopupVideo&&this.isMobile?a("div",{class:"mobile-modal-play-btn"}," ",a("slot",{name:"video"})):null);break;case"dark":case"light":e=a("div",{class:"dl-img-wrap"},a("ptc-img",{"img-url":this.bgSrc,"enable-lazy-load":this.enableLazy,styles:".smart-bg{background-position:right !important;}"}),this.hasPopupVideo&&this.isMobile?a("div",{class:"mobile-modal-play-btn"}," ",a("slot",{name:"video"})):null);break;default:e=a("ptc-img",{"img-url":this.bgSrc,"enable-lazy-load":this.enableLazy,styles:".smart-bg{background-position:right !important;}"})}return a(i,{class:t},this.styles&&a("style",null,this.styles),a("div",{class:{parent:!0,"light-links":"dark"===this.jumbotronType||"dark-video"===this.jumbotronType,"hp-adjustments":this.isHomepage,transitioning:this.isTransitioning}},a("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},e),a("div",{class:"div2 content-container"},a("div",{class:"bg-overlay",style:{background:this.contentBackground}}),a("div",{class:{"ptc-container":!0,"content-layout":!0,"hp-container":this.isHomepage,"blog-container":"blog"===this.jumbotronType}},a("max-width-container",{"max-width-p":"60",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},a("slot",{name:"breadcrumb"}),!!this.logo&&a("div",{class:"logo-frame"},a("img",{alt:"Logo",src:this.logo})),a("span",{class:"main-content-items"},a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("slot",{name:"main-title"}),a("slot",{name:"hp-sub-title"}),("text"!==this.jumbotronType||"text"===this.jumbotronType&&this.subTitle)&&!this.isHomepage&&a("div",null,a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"})),!this.isHomepage&&a("ptc-para",{styles:`p{color: ${this.contentColor}!important;}`,"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"text"===this.jumbotronType||"blog"===this.jumbotronType?"margin-flush":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left","seo-compatibility-mode":!0},a("p",{innerHTML:this.subTitle,style:{margin:"0"}}),a("p",{style:{margin:"0"}},a("slot",{name:"blog-date"})),"blog"===this.jumbotronType&&a("div",null,a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("div",{id:"header-blog-author",slot:"blog-author"},a("div",{class:"image"},a("img",{alt:this.blogAuthorImageAlt,src:this.blogAuthorImage})),a("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},a("a",{class:"blog-author-name mf-listen",tabindex:"0",href:this.blogAuthorQueryHref,target:this.blogAuthorQueryTarget,"aria-label":"Other blogs by author"},this.blogAuthorName))))),this.hasCtaSlot&&a("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},a("slot",{name:"j-cta"})))),this.hasPopupVideo&&"png"!==this.jumbotronType?a("slot",{name:"video"}):null,this.hasCountdown?a("slot",{name:"countdown"}):null,"png"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:`img {${this.pngImgStyles}}`}),this.hasPopupVideo?a("slot",{name:"video"}):null)):null,"gif"===this.jumbotronType?a("div",{class:"desktop-media-image desk-gif-adjustment"},a("img",{src:this.gifSrc})):null,"blog"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"}))):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType,"png-jumbotron":"png"===this.jumbotronType,"blog-jumbotron":"blog"===this.jumbotronType,"gif-jumbotron":"gif"===this.jumbotronType,"dark-video-jumbotron light-links":"dark-video"===this.jumbotronType,"light-video-jumbotron":"light-video"===this.jumbotronType,"dark-jumbotron light-links":"dark"===this.jumbotronType,"light-jumbotron":"light"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="var(--color-white)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return e(this)}};o.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.w-100{width:100%}.grid-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{-moz-column-gap:3rem;column-gap:3rem}}.grid-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{-moz-column-gap:3rem;column-gap:3rem}}.grid-x-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{-moz-column-gap:4rem;column-gap:4rem}}.grid-x-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{-moz-column-gap:4rem;column-gap:4rem}}.grid-medium-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{-moz-column-gap:2rem;column-gap:2rem}}.grid-medium-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{-moz-column-gap:2rem;column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}ptc-nav-submenu{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}ptc-nav-submenu:focus-visible,ptc-nav-submenu:focus{margin-top:4px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-nav-link{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.logo-frame{background-color:transparent;margin-top:24px;display:flex;width:152px;height:-moz-max-content;height:max-content}.logo-frame img{box-sizing:border-box;max-width:100%;height:100%;max-height:64.02px}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important;max-height:-webkit-fill-available}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#f3f3f3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.text-jumbotron) .parent .logo-frame{justify-self:center;justify-content:center}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}';export{o as ptc_jumbotron}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";var n;!function(t){t.Low="low",t.Medium="medium",t.High="high"}(n||(n={}));const o=class{constructor(e){t(this,e),this.emailReportClick=i(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.resetQuiz=()=>{this.currentQuestion=1,this.currentSelectedPriority=null,this.selectedPriorityRadio=null;let t=this.el.shadowRoot.querySelectorAll("input");for(let i=0;i<t.length;i++)t[i].checked=!1;this.answers={},this.traversal={}},this.handleFocusFirstRadio=()=>{var t,i;const e=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector('input[type="radio"]');e&&(e.click(),setTimeout((()=>{e.focus()}),50))},this.handlePriorityOptionClick=(t,i)=>{"INPUT"===t.target.nodeName&&(this.selectedPriorityRadio=t.target,this.currentSelectedPriority=i,this.selectedPriorityRadio.checked=!0,this.traversal[this.currentQuestion]||(this.traversal[this.currentQuestion]={}),this.traversal[this.currentQuestion].priority=this.currentSelectedPriority,this.traversal[this.currentQuestion].radio=this.selectedPriorityRadio)},this.handlePreviousClick=t=>{(t instanceof MouseEvent||t instanceof KeyboardEvent&&"Enter"===t.key)&&(t instanceof KeyboardEvent&&t.preventDefault(),(()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1,this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.traversal[this.currentQuestion].radio.checked=!0)})(),this.traversal[this.currentQuestion].radio.focus())},this.handleNextClick=t=>{const i=()=>{if(!t.target.disabled&&this.currentQuestion<this.totalQuestions){this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentQuestion+=1,this.traversal[this.currentQuestion]?(this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.selectedPriorityRadio=this.traversal[this.currentQuestion].radio,this.selectedPriorityRadio.checked=!0):(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1);let t=this.el.shadowRoot.querySelector(".modal-quiz-container");t&&t.scrollTo({top:0,left:0,behavior:"smooth"})}};t instanceof MouseEvent&&i(),t instanceof KeyboardEvent&&"Enter"===t.key&&(t.preventDefault(),i(),this.traversal[this.currentQuestion]?this.traversal[this.currentQuestion].radio.focus():this.handleFocusFirstRadio())},this.handleEmailReportClick=t=>{t.target.disabled||(this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers),this.resetQuiz())},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={},this.traversal={}}async focusIn(){this.handleFocusFirstRadio()}componentDidLoad(){const t=this.el.querySelectorAll('[slot$="-image"]');for(let i=0;i<this.totalQuestions;i++)t[i].style.borderRadius="12px",t[i].style.width="100%",t[i].style.objectFit="contain",t[i].style.marginLeft="var(--ptc-element-spacing-04)"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.resetQuiz()}))}render(){return e(a,null,e("div",{class:"modal-quiz-container"},e("div",null,e("div",null,e("div",{class:"modal-quiz-progress"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"question-text"})," ",this.currentQuestion," ",e("slot",{name:"of-text"})," ",this.totalQuestions),e((()=>e("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((t=>e("div",null,e("div",{class:"dot-progress-circle "+(t===this.currentQuestion-1?"active":"")}),t<this.totalQuestions-1?e("div",{class:"dot-progress-dash"},e("div",{class:"dashed-line"})):null))))),null)),e("div",{class:"modal-quiz-content"},e("div",{class:"content"},e("ptc-title",{type:"h2","text-align":"left","title-size":"xx-large","title-color":"gray",upperline:"dotted","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-1","title-weight":"w-8","is-plm-hub":"false"},e("slot",{name:`question-${this.currentQuestion}-title`})),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:`question-${this.currentQuestion}-subtitle`})),e((()=>e("div",{class:"options-container"},e("div",{id:`priority-option-${this.currentQuestion}-1`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Low)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1",tabIndex:0}),e("label",{class:"option-label",htmlFor:"1"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"low-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-2`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Medium)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2",tabIndex:0}),e("label",{class:"option-label",htmlFor:"2"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"medium-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-3`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.High)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3",tabIndex:0}),e("label",{class:"option-label",htmlFor:"3"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"high-level-label"})))))),null),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.currentSelectedPriority?e("slot",{name:this.getPriorityAnswerSlotName()}):null),e("div",{class:"modal-quiz-ctas"},e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-prev`,type:"link",color:"ptc-tertiary",onClick:t=>this.handlePreviousClick(t),onKeyDown:t=>this.handlePreviousClick(t),disabled:1===this.currentQuestion,"tab-nav":1==this.currentQuestion?-1:0,styles:"button{margin-bottom:20px;}"},e("slot",{name:"previous-ques-text"})),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-email`,type:"link",color:"ptc-secondary",onClick:t=>this.handleEmailReportClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"email-results-text"})):e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-next`,type:"link",color:"ptc-secondary",onClick:t=>this.handleNextClick(t),onKeyDown:t=>this.handleNextClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"next-ques-text"})))),e("div",{class:"image"},e("slot",{name:`question-${this.currentQuestion}-image`})))))),e("slot",{name:"script"}))}get el(){return s(this)}};o.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-05)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input input[type=radio]:after{content:"";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}';export{o as ptc_modal_quiz}
|
|
1
|
+
import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";var n;!function(t){t.Low="low",t.Medium="medium",t.High="high"}(n||(n={}));const o=class{constructor(e){t(this,e),this.emailReportClick=i(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.resetQuiz=()=>{this.currentQuestion=1,this.currentSelectedPriority=null,this.selectedPriorityRadio=null;let t=this.el.shadowRoot.querySelectorAll("input");for(let i=0;i<t.length;i++)t[i].checked=!1;this.answers={},this.traversal={}},this.handleFocusFirstRadio=()=>{var t,i;const e=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector('input[type="radio"]');e&&(e.click(),setTimeout((()=>{e.focus()}),50))},this.handlePriorityOptionClick=(t,i)=>{"INPUT"===t.target.nodeName&&(this.selectedPriorityRadio=t.target,this.currentSelectedPriority=i,this.selectedPriorityRadio.checked=!0,this.traversal[this.currentQuestion]||(this.traversal[this.currentQuestion]={}),this.traversal[this.currentQuestion].priority=this.currentSelectedPriority,this.traversal[this.currentQuestion].radio=this.selectedPriorityRadio)},this.handlePreviousClick=t=>{(t instanceof MouseEvent||t instanceof KeyboardEvent&&"Enter"===t.key)&&(t instanceof KeyboardEvent&&t.preventDefault(),(()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1,this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.traversal[this.currentQuestion].radio.checked=!0)})(),this.traversal[this.currentQuestion].radio.focus())},this.handleNextClick=t=>{const i=()=>{if(!t.target.disabled&&this.currentQuestion<this.totalQuestions){this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentQuestion+=1,this.traversal[this.currentQuestion]?(this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.selectedPriorityRadio=this.traversal[this.currentQuestion].radio,this.selectedPriorityRadio.checked=!0):(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1);let t=this.el.shadowRoot.querySelector(".modal-quiz-container");t&&t.scrollTo({top:0,left:0,behavior:"smooth"})}};t instanceof MouseEvent&&i(),t instanceof KeyboardEvent&&"Enter"===t.key&&(t.preventDefault(),i(),this.traversal[this.currentQuestion]?this.traversal[this.currentQuestion].radio.focus():this.handleFocusFirstRadio())},this.handleEmailReportClick=t=>{t.target.disabled||(this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers),this.resetQuiz())},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={},this.traversal={}}async focusIn(){this.handleFocusFirstRadio()}componentDidLoad(){const t=this.el.querySelectorAll('[slot$="-image"]');for(let i=0;i<this.totalQuestions;i++)t[i].style.borderRadius="12px",t[i].style.width="100%",t[i].style.objectFit="contain",t[i].style.marginLeft="var(--ptc-element-spacing-04)"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.resetQuiz()}))}render(){return e(a,null,e("div",{class:"modal-quiz-container"},e("div",null,e("div",null,e("div",{class:"modal-quiz-progress"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"question-text"})," ",this.currentQuestion," ",e("slot",{name:"of-text"})," ",this.totalQuestions),e((()=>e("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((t=>e("div",null,e("div",{class:"dot-progress-circle "+(t===this.currentQuestion-1?"active":"")}),t<this.totalQuestions-1?e("div",{class:"dot-progress-dash"},e("div",{class:"dashed-line"})):null))))),null)),e("div",{class:"modal-quiz-content"},e("div",{class:"content"},e("ptc-title",{type:"h2","text-align":"left","title-size":"xx-large","title-color":"gray",upperline:"dotted","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-1","title-weight":"w-8","is-plm-hub":"false"},e("slot",{name:`question-${this.currentQuestion}-title`})),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:`question-${this.currentQuestion}-subtitle`})),e((()=>e("div",{class:"options-container"},e("div",{id:`priority-option-${this.currentQuestion}-1`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Low)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1",tabIndex:0}),e("label",{class:"option-label",htmlFor:"1"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"low-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-2`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Medium)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2",tabIndex:0}),e("label",{class:"option-label",htmlFor:"2"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"medium-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-3`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.High)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3",tabIndex:0}),e("label",{class:"option-label",htmlFor:"3"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"high-level-label"})))))),null),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.currentSelectedPriority?e("slot",{name:this.getPriorityAnswerSlotName()}):null),e("div",{class:"modal-quiz-ctas"},e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-prev`,type:"link",color:"ptc-tertiary",onClick:t=>this.handlePreviousClick(t),onKeyDown:t=>this.handlePreviousClick(t),disabled:1===this.currentQuestion,"tab-nav":1==this.currentQuestion?-1:0,styles:"button{margin-bottom:20px;}"},e("slot",{name:"previous-ques-text"})),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-email`,type:"link",color:"ptc-secondary",onClick:t=>this.handleEmailReportClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"email-results-text"})):e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-next`,type:"link",color:"ptc-secondary",onClick:t=>this.handleNextClick(t),onKeyDown:t=>this.handleNextClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"next-ques-text"})))),e("div",{class:"image"},e("slot",{name:`question-${this.currentQuestion}-image`})))))),e("slot",{name:"script"}))}get el(){return s(this)}};o.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:-moz-max-content;height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-05)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:-moz-max-content;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input input[type=radio]:after{content:"";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}';export{o as ptc_modal_quiz}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as r,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";import{M as p}from"./p-36cb30ee.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as n}from"./p-d9c54a1d.js";const l=class{constructor(i){e(this,i),this.componentDidLoad=()=>{setTimeout((()=>{let e=this.el.querySelector(".enhanced-product-listing-cards");this.swiper=new s(e,{modules:[a,o,n,p],slidesPerView:"auto",spaceBetween:24,initialSlide:0,centerInsufficientSlides:!1,scrollbar:{el:this.swiperPaginationRef,draggable:!0},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef},mousewheel:{forceToAxis:!0,sensitivity:100},breakpoints:{992:{slidesPerView:3,spaceBetween:24},1200:{slidesPerView:3,spaceBetween:32},1440:{slidesPerView:3,spaceBetween:40}}}),e.addEventListener("ctaFocussed",(e=>{this.swiper.slideTo(e.detail["card-index"])}))}),100)}}render(){return i(r,null,i("div",{class:"swiper-container enhanced-product-listing-cards"},i("div",{class:"swiper-wrapper"},i("slot",null)),i("div",{class:"swiper-scrollbar",ref:e=>this.swiperPaginationRef=e}),i("div",{class:"swiper-button-next",ref:e=>this.swiperButtonNextRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),i("div",{class:"swiper-button-prev",ref:e=>this.swiperButtonPrevRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get el(){return t(this)}};l.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}storefront-enhanced-product-list-example .swiper,storefront-enhanced-product-list-alt-example .swiper{width:100%;height:100%}storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:24px;padding-right:24px;margin-left:-24px;margin-right:-24px;overflow-x:clip}storefront-enhanced-product-list-example .swiper-wrapper,storefront-enhanced-product-list-alt-example .swiper-wrapper{max-width:1200px}storefront-enhanced-product-list-example .swiper-slide,storefront-enhanced-product-list-alt-example .swiper-slide{width:max-content;height:auto}storefront-enhanced-product-list-example .swiper-horizontal,storefront-enhanced-product-list-alt-example .swiper-horizontal{position:relative;display:block;padding-bottom:4.104rem}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar{position:absolute;left:50%;transform:translate(-50%, -13px);z-index:50;width:161px;height:8px;border-radius:999px;background:#e4e7e9}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{height:8px;border-radius:999px;background:#323b42;transform:translateX(-16px)}storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]),storefront-enhanced-product-list-alt-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]){padding-bottom:0}storefront-enhanced-product-list-example .swiper-button-prev:after,storefront-enhanced-product-list-example .swiper-button-next:after,storefront-enhanced-product-list-alt-example .swiper-button-prev:after,storefront-enhanced-product-list-alt-example .swiper-button-next:after{content:none}storefront-enhanced-product-list-example .swiper-button-prev img,storefront-enhanced-product-list-example .swiper-button-next img,storefront-enhanced-product-list-alt-example .swiper-button-prev img,storefront-enhanced-product-list-alt-example .swiper-button-next img{background-color:#ffffff}storefront-enhanced-product-list-example .swiper-button-prev,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next{top:auto;bottom:0px;left:auto;right:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-prev:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#e4e7e9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-button-prev:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:active{outline:none;outline-offset:0;text-decoration:none;background-color:#bec6ca}storefront-enhanced-product-list-example .swiper-button-prev svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next svg{height:14px;width:9px}storefront-enhanced-product-list-example .swiper-button-next,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev{top:auto;bottom:0px;right:auto;left:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-next:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#e4e7e9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-button-next:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:active{outline:none;outline-offset:0;text-decoration:none;background-color:#bec6ca}storefront-enhanced-product-list-example .swiper-button-next svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev svg{height:14px;width:9px}@media only screen and (min-width: 768px){storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px;overflow-x:clip}}";export{l as storefront_enhanced_product_list_alt_example}
|
|
1
|
+
import{r as e,h as i,H as r,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";import{M as p}from"./p-36cb30ee.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as n}from"./p-d9c54a1d.js";const l=class{constructor(i){e(this,i),this.componentDidLoad=()=>{setTimeout((()=>{let e=this.el.querySelector(".enhanced-product-listing-cards");this.swiper=new s(e,{modules:[a,o,n,p],slidesPerView:"auto",spaceBetween:24,initialSlide:0,centerInsufficientSlides:!1,scrollbar:{el:this.swiperPaginationRef,draggable:!0},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef},mousewheel:{forceToAxis:!0,sensitivity:100},breakpoints:{992:{slidesPerView:3,spaceBetween:24},1200:{slidesPerView:3,spaceBetween:32},1440:{slidesPerView:3,spaceBetween:40}}}),e.addEventListener("ctaFocussed",(e=>{this.swiper.slideTo(e.detail["card-index"])}))}),100)}}render(){return i(r,null,i("div",{class:"swiper-container enhanced-product-listing-cards"},i("div",{class:"swiper-wrapper"},i("slot",null)),i("div",{class:"swiper-scrollbar",ref:e=>this.swiperPaginationRef=e}),i("div",{class:"swiper-button-next",ref:e=>this.swiperButtonNextRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),i("div",{class:"swiper-button-prev",ref:e=>this.swiperButtonPrevRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get el(){return t(this)}};l.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}storefront-enhanced-product-list-example .swiper,storefront-enhanced-product-list-alt-example .swiper{width:100%;height:100%}storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:24px;padding-right:24px;margin-left:-24px;margin-right:-24px;overflow-x:clip}storefront-enhanced-product-list-example .swiper-wrapper,storefront-enhanced-product-list-alt-example .swiper-wrapper{max-width:1200px}storefront-enhanced-product-list-example .swiper-slide,storefront-enhanced-product-list-alt-example .swiper-slide{width:-moz-max-content;width:max-content;height:auto}storefront-enhanced-product-list-example .swiper-horizontal,storefront-enhanced-product-list-alt-example .swiper-horizontal{position:relative;display:block;padding-bottom:4.104rem}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar{position:absolute;left:50%;transform:translate(-50%, -13px);z-index:50;width:161px;height:8px;border-radius:999px;background:#e4e7e9}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{height:8px;border-radius:999px;background:#323b42;transform:translateX(-16px)}storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]),storefront-enhanced-product-list-alt-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]){padding-bottom:0}storefront-enhanced-product-list-example .swiper-button-prev:after,storefront-enhanced-product-list-example .swiper-button-next:after,storefront-enhanced-product-list-alt-example .swiper-button-prev:after,storefront-enhanced-product-list-alt-example .swiper-button-next:after{content:none}storefront-enhanced-product-list-example .swiper-button-prev img,storefront-enhanced-product-list-example .swiper-button-next img,storefront-enhanced-product-list-alt-example .swiper-button-prev img,storefront-enhanced-product-list-alt-example .swiper-button-next img{background-color:#ffffff}storefront-enhanced-product-list-example .swiper-button-prev,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next{top:auto;bottom:0px;left:auto;right:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-prev:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#e4e7e9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-button-prev:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:active{outline:none;outline-offset:0;text-decoration:none;background-color:#bec6ca}storefront-enhanced-product-list-example .swiper-button-prev svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next svg{height:14px;width:9px}storefront-enhanced-product-list-example .swiper-button-next,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev{top:auto;bottom:0px;right:auto;left:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-next:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#e4e7e9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-button-next:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:active{outline:none;outline-offset:0;text-decoration:none;background-color:#bec6ca}storefront-enhanced-product-list-example .swiper-button-next svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev svg{height:14px;width:9px}@media only screen and (min-width: 768px){storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px;overflow-x:clip}}";export{l as storefront_enhanced_product_list_alt_example}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,a as i,h as r,H as a,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";const p=class{constructor(r){e(this,r),this.isConnected=!1,this.dotSvg=i("./media/nav-active-dotslick.svg"),this.isInteralCardsExpanded=[!0,!1,!1,!1,!1],this.isMobile=!1,this.expandedCardIndex=0}handleResize(){this.updateIsMobile()}watchStateHandler(){if(this.isMobile&&!this.mySwiper&&this.isConnected){let e=this;const i=()=>{let r=e.el.shadowRoot.querySelector(".swiper-container");r?e.mySwiper=new s(r,{slidesPerView:"auto",spaceBetween:20,centeredSlides:!0,initialSlide:1,loop:!0,pagination:{el:".swiper-pagination",type:"bullets"},breakpoints:{768:{slidesPerView:2}}}):setTimeout(i,100)};i()}else!this.isMobile&&this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}connectedCallback(){this.updateIsMobile(),this.isConnected=!0}componentDidLoad(){this.watchStateHandler()}disconnectedCallback(){this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}handleCardToggle(e){this.expandedCardIndex=e,this.isInteralCardsExpanded=this.isInteralCardsExpanded.map(((i,r)=>r===e))}handleCardOpened(e){this.handleCardToggle(parseInt(e.detail)-1)}render(){const e=[r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[0],class:"light-links","tracker-id":"1"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p","is-dark-mode":!0},r("a",{href:"/en/resources/augmented-reality-on-demand/implementing-ar-for-training"},"medical devices"," "),"are operating properly and receiving quality service."),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank",darkFocusState:!0},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"2","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[1]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"3","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[2]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"4","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[3]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"5","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[4]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))];return r(a,null,r("slot",{name:"seo-content"}),this.isMobile?r("div",{class:"swiper-container mobile-container"},r("div",{class:"swiper-wrapper"},r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")))),r("div",{class:"swiper-pagination"})):[r("div",{class:"accordion-container desktop-container"},e.map(((e,i)=>r("div",{class:{card:!0,expanded:i===this.expandedCardIndex},onClick:()=>{this.handleCardToggle(i)}},e)))),r("div",{class:"pagination desktop-pagination"},e.map(((e,i)=>r("div",{class:{"pagination-dot":!0,active:i===this.expandedCardIndex},onClick:this.handleCardToggle.bind(this,i)})))),r("div",{hidden:!0},r("svg",null,r("use",{href:`${this.dotSvg}`})))])}updateIsMobile(){this.isMobile=window.innerWidth<1200}get el(){return t(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};p.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}:host{display:block}.swiper-container{width:100%;height:100%}::slotted([slot='seo-content']){display:none}.swiper-slide{background:#fff;display:flex;justify-content:center;align-items:center}.mobile-container{display:block}.desktop-container{display:none}@media screen and (min-width: 1200px){.mobile-container{display:none}.desktop-container{display:flex;align-items:center}}@media screen and (max-width: 1199.9px){.swiper-slide{width:calc(100% - 40px);margin-right:20px;width:350px !important}.swiper-slide:last-child{margin-right:0}}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination-dot{height:20px;width:20px;border-radius:50%;margin:0 14px;cursor:pointer;cursor:pointer;border:2px solid #c3cbcd;background-color:#f3f3f3;position:relative}.pagination-dot::after{content:\"\";display:block;position:absolute;width:38px;height:1px;border-top:2px solid #c3cbcd;margin-top:-1px;z-index:-1;top:50%;left:10px}.pagination-dot:last-of-type::after{visibility:hidden}.pagination-dot.active{background-image:url(/build/media/nav-active-dotslick.svg);background-position:50%;background-repeat:no-repeat;border:2px solid transparent}";export{p as sequential_bundle_example}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.imageCache=new Map,this.colorSchemes={1:{primary:"#33A13C",secondary:"#006E09",tertiary:"#003805"},2:{primary:"#4795CD",secondary:"#14629A",tertiary:"#0A324E"},3:{primary:"#819099",secondary:"#4E5D66",tertiary:"#282F35"},4:{primary:"#CF9254",secondary:"#9C5F21",tertiary:"#9C5F21"}},this.backgroundImage=void 0,this.grayscaleImage=void 0,this.processedImage=void 0}componentWillLoad(){this.processBackgroundImage()}componentWillUpdate(){this.processBackgroundImage()}processBackgroundImage(){if(!this.backgroundImage)return;if(this.grayscaleImage)return void(this.processedImage=this.grayscaleImage);const t=`${this.backgroundImage}-auto-grayscale`;if(!this.imageCache.has(t))return this.shouldProcessImage()?void this.detectAndConvertImage(this.backgroundImage).then((e=>{this.processedImage=e,this.imageCache.set(t,e)})).catch((t=>{console.warn("Failed to process image:",t),this.processedImage=this.backgroundImage})):(console.warn("Image too large for processing, using original"),void(this.processedImage=this.backgroundImage));this.processedImage=this.imageCache.get(t)}shouldProcessImage(){return!0}detectAndConvertImage(t){return new Promise(((e,i)=>{const a=new Image;a.crossOrigin="anonymous",a.src=t,a.onload=()=>{try{const r=a.width*a.height;if(r>1e6)return console.warn(`Image too large (${r} pixels), skipping processing`),void e(t);const n=document.createElement("canvas"),o=n.getContext("2d");if(!o)return void i(new Error("Canvas not supported"));n.width=a.width,n.height=a.height,o.drawImage(a,0,0);const s=o.getImageData(0,0,n.width,n.height),l=s.data;if(this.isImageGrayscale(l))return console.log("Image is already grayscale, using original"),void e(t);for(let t=0;t<l.length;t+=4){const e=.299*l[t]+.587*l[t+1]+.114*l[t+2];l[t]=e,l[t+1]=e,l[t+2]=e}o.putImageData(s,0,0),e(n.toDataURL("image/jpeg",.8))}catch(t){i(t)}},a.onerror=()=>i(new Error("Failed to load image"))}))}isImageGrayscale(t){const e=Math.min(1e3,t.length/4),i=Math.floor(t.length/4/e);for(let e=0;e<t.length;e+=4*i){const i=t[e],a=t[e+1],r=t[e+2];if(Math.max(Math.abs(i-a),Math.abs(a-r),Math.abs(i-r))>10)return!1}return!0}getCardIndex(){var t;const e=this.el.parentElement;return Array.from((null===(t=null==e?void 0:e.parentElement)||void 0===t?void 0:t.children)||[]).indexOf(e)+1}getColorScheme(){const t=this.getCardIndex();return this.colorSchemes[t]||this.colorSchemes[1]}getBackgroundStyle(){const t=this.getColorScheme();return`linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(326deg, ${t.primary} 20.08%, ${t.secondary} 100%), linear-gradient(326deg, ${t.primary} 20.08%, ${t.tertiary} 100%), ${this.processedImage?`url(${this.processedImage})`:"lightgray"} 50% / cover no-repeat`}render(){return e(i,{style:{background:this.getBackgroundStyle()}},e("div",{class:"card-header"},e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"subtitle"})),e("div",{class:"card-details"},e("slot",null)))}get el(){return a(this)}};r.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}buying-option-card{display:flex;height:100%;padding:var(--ptc-layout-spacing-03);flex-direction:column;justify-content:space-between;flex:1 0 0;align-self:stretch;gap:var(--ptc-element-spacing-08);border-radius:var(--ptc-border-radius-standard);color:var(--ptc-color-white);background-blend-mode:normal, soft-light, hard-light, normal;box-shadow:var(--ptc-shadow-x-large)}buying-option-card .card-header{display:flex;padding:24px 0 0px 0;flex-direction:column;text-align:center;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular)}buying-option-card .card-header p{color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);margin-bottom:0}buying-option-card .card-header ptc-picture{margin-bottom:20px;display:inline-block}buying-option-card .card-details{display:flex;padding:var(--ptc-element-spacing-06);flex-direction:column;justify-content:space-between;align-self:stretch;gap:var(--ptc-element-spacing-04);border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-large)}buying-option-card .card-details ptc-button{width:100%}buying-option-card .card-details ptc-icon-list{margin-bottom:var(--ptc-element-spacing-01)}buying-option-card .card-details ptc-icon-list p{margin-bottom:0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold)}buying-option-card .card-details .card-details-header{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);margin-bottom:var(--ptc-element-spacing-04);display:block;line-height:var(--ptc-line-height-
|
|
1
|
+
import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.imageCache=new Map,this.colorSchemes={1:{primary:"#33A13C",secondary:"#006E09",tertiary:"#003805"},2:{primary:"#4795CD",secondary:"#14629A",tertiary:"#0A324E"},3:{primary:"#819099",secondary:"#4E5D66",tertiary:"#282F35"},4:{primary:"#CF9254",secondary:"#9C5F21",tertiary:"#9C5F21"}},this.backgroundImage=void 0,this.grayscaleImage=void 0,this.processedImage=void 0}componentWillLoad(){this.processBackgroundImage()}componentWillUpdate(){this.processBackgroundImage()}processBackgroundImage(){if(!this.backgroundImage)return;if(this.grayscaleImage)return void(this.processedImage=this.grayscaleImage);const t=`${this.backgroundImage}-auto-grayscale`;if(!this.imageCache.has(t))return this.shouldProcessImage()?void this.detectAndConvertImage(this.backgroundImage).then((e=>{this.processedImage=e,this.imageCache.set(t,e)})).catch((t=>{console.warn("Failed to process image:",t),this.processedImage=this.backgroundImage})):(console.warn("Image too large for processing, using original"),void(this.processedImage=this.backgroundImage));this.processedImage=this.imageCache.get(t)}shouldProcessImage(){return!0}detectAndConvertImage(t){return new Promise(((e,i)=>{const a=new Image;a.crossOrigin="anonymous",a.src=t,a.onload=()=>{try{const r=a.width*a.height;if(r>1e6)return console.warn(`Image too large (${r} pixels), skipping processing`),void e(t);const n=document.createElement("canvas"),o=n.getContext("2d");if(!o)return void i(new Error("Canvas not supported"));n.width=a.width,n.height=a.height,o.drawImage(a,0,0);const s=o.getImageData(0,0,n.width,n.height),l=s.data;if(this.isImageGrayscale(l))return console.log("Image is already grayscale, using original"),void e(t);for(let t=0;t<l.length;t+=4){const e=.299*l[t]+.587*l[t+1]+.114*l[t+2];l[t]=e,l[t+1]=e,l[t+2]=e}o.putImageData(s,0,0),e(n.toDataURL("image/jpeg",.8))}catch(t){i(t)}},a.onerror=()=>i(new Error("Failed to load image"))}))}isImageGrayscale(t){const e=Math.min(1e3,t.length/4),i=Math.floor(t.length/4/e);for(let e=0;e<t.length;e+=4*i){const i=t[e],a=t[e+1],r=t[e+2];if(Math.max(Math.abs(i-a),Math.abs(a-r),Math.abs(i-r))>10)return!1}return!0}getCardIndex(){var t;const e=this.el.parentElement;return Array.from((null===(t=null==e?void 0:e.parentElement)||void 0===t?void 0:t.children)||[]).indexOf(e)+1}getColorScheme(){const t=this.getCardIndex();return this.colorSchemes[t]||this.colorSchemes[1]}getBackgroundStyle(){const t=this.getColorScheme();return`linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(326deg, ${t.primary} 20.08%, ${t.secondary} 100%), linear-gradient(326deg, ${t.primary} 20.08%, ${t.tertiary} 100%), ${this.processedImage?`url(${this.processedImage})`:"lightgray"} 50% / cover no-repeat`}render(){return e(i,{style:{background:this.getBackgroundStyle()}},e("div",{class:"card-header"},e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"subtitle"})),e("div",{class:"card-details"},e("slot",null)))}get el(){return a(this)}};r.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}buying-option-card{display:flex;height:100%;padding:var(--ptc-layout-spacing-03);flex-direction:column;justify-content:space-between;flex:1 0 0;align-self:stretch;gap:var(--ptc-element-spacing-08);border-radius:var(--ptc-border-radius-standard);color:var(--ptc-color-white);background-blend-mode:normal, soft-light, hard-light, normal;box-shadow:var(--ptc-shadow-x-large)}buying-option-card .card-header{display:flex;padding:24px 0 0px 0;flex-direction:column;text-align:center;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular)}buying-option-card .card-header p{color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);margin-bottom:0}buying-option-card .card-header ptc-picture{margin-bottom:20px;display:inline-block}buying-option-card .card-details{display:flex;padding:var(--ptc-element-spacing-06);flex-direction:column;justify-content:space-between;align-self:stretch;gap:var(--ptc-element-spacing-04);border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-large)}buying-option-card .card-details ptc-button{width:100%}buying-option-card .card-details ptc-icon-list{margin-bottom:var(--ptc-element-spacing-01)}buying-option-card .card-details ptc-icon-list p{margin-bottom:0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold)}buying-option-card .card-details .card-details-header{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);margin-bottom:var(--ptc-element-spacing-04);display:block;line-height:var(--ptc-line-height-densest)}buying-option-card .card-details .checkmark-list ul{list-style:none;padding-left:0}buying-option-card .card-details .checkmark-list li{position:relative;padding-left:var(--ptc-element-spacing-07);margin-bottom:16px;color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);display:flex;align-items:center}buying-option-card .card-details .checkmark-list li:last-child{margin-bottom:0}buying-option-card .card-details .checkmark-list li::before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--ptc-element-spacing-04);height:14px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M13.4 0.893555L5.53177 8.75633L2.31564 5.54629L-0.141602 8.00218L5.53177 13.685L15.8586 3.35012L13.4 0.893555Z' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain}";export{r as buying_option_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as n}from"./p-ac75c7ad.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setFocusTrap=()=>{this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}})),!0===this.isVisible&&!0===this.openedByKeyboard&&this.focusTrap&&this.focusTrap.activate()},this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.isVisible=!0):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none",this.isVisible=!1);let n=this.el.shadowRoot.querySelector(".card-rail-container"),a=document.querySelector(this.footerQuerySelector);if(a){let t=a.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.isVisible=!1,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}onVisibleChanged(t){t&&this.setFocusTrap()}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour(),this.setScreenBasedProps()}componentDidLoad(){window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return n(this)}static get watchers(){return{isVisible:["onVisibleChanged"]}}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}
|
|
1
|
+
import{r as t,h as i,H as e,g as n}from"./p-ac75c7ad.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setFocusTrap=()=>{this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}})),!0===this.isVisible&&!0===this.openedByKeyboard&&this.focusTrap&&this.focusTrap.activate()},this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.isVisible=!0):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none",this.isVisible=!1);let n=this.el.shadowRoot.querySelector(".card-rail-container"),a=document.querySelector(this.footerQuerySelector);if(a){let t=a.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.isVisible=!1,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}onVisibleChanged(t){t&&this.setFocusTrap()}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour(),this.setScreenBasedProps()}componentDidLoad(){window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return n(this)}static get watchers(){return{isVisible:["onVisibleChanged"]}}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,h as e,H as t,g as p}from"./p-ac75c7ad.js";const o=class{constructor(e){c(this,e),this.groupName=void 0,this.type="card"}componentDidLoad(){this.addCheckboxChangeListeners()}addCheckboxChangeListeners(){document.querySelectorAll(`input[name="${this.groupName}"]`).forEach((c=>{c.addEventListener("change",(()=>this.handleCheckboxChange()))})),document.querySelectorAll(`#select-all-${this.groupName}`).forEach((c=>{c.addEventListener("change",(()=>this.selectAllProducts()))}))}handleCheckboxChange(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));e.checked=t}selectAllProducts(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));c.forEach((c=>{c.checked=!t})),e.checked=!t}render(){return e(t,{class:`pcg-${this.type}`},e("slot",{name:"title"}),e("slot",null))}get el(){return p(this)}};o.style='h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-checkbox-group-h{display:block;margin-bottom:44px}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox],.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{width:24px;height:24px;appearance:none;border:1px solid var(--color-gray-07);display:inline-block;box-sizing:border-box;margin:5px 0 0 0;padding:0;min-width:24px;background-size:cover}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]:checked,.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]:checked{background-image:url(\'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4058 7.09948C17.2409 6.93808 17.0404 6.85718 16.8045 6.85718C16.5685 6.85718 16.3675 6.93808 16.2027 7.09948L10.3983 12.7882L7.79739 10.2337C7.63191 10.0723 7.43141 9.99142 7.19548 9.99142C6.95955 9.99142 6.75905 10.0723 6.5937 10.2337L5.39043 11.4111C5.22549 11.573 5.14282 11.7691 5.14282 12.0001C5.14282 12.231 5.22549 12.4276 5.39043 12.589L8.59328 15.7232L9.79697 16.9006C9.9619 17.0625 10.1624 17.1429 10.3983 17.1429C10.6343 17.1429 10.8348 17.0625 11.0001 16.9006L12.2034 15.7232L18.6095 9.45474C18.7744 9.29294 18.8571 9.09674 18.8571 8.86586C18.8571 8.63498 18.7744 8.43878 18.6095 8.27684L17.4058 7.09948Z" fill="white"/></svg>\');border-color:transparent}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title{display:flex;align-items:center;margin-bottom:var(--ptc-element-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title label{margin-left:var(--ptc-element-spacing-03);cursor:pointer}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]{width:14px;min-width:14px;height:14px;margin:4px 8px -1px 0}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card{cursor:pointer;display:flex;align-items:flex-start;background-color:var(--color-white);margin-bottom:var(--ptc-element-spacing-03);padding:var(--ptc-layout-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-07)}}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card ptc-form-checkbox .mdc-form-field{width:auto;margin:0}.sc-ptc-checkbox-group-h.pcg-single.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{margin:0}';export{o as ptc_checkbox_group}
|
|
1
|
+
import{r as c,h as e,H as t,g as p}from"./p-ac75c7ad.js";const o=class{constructor(e){c(this,e),this.groupName=void 0,this.type="card"}componentDidLoad(){this.addCheckboxChangeListeners()}addCheckboxChangeListeners(){document.querySelectorAll(`input[name="${this.groupName}"]`).forEach((c=>{c.addEventListener("change",(()=>this.handleCheckboxChange()))})),document.querySelectorAll(`#select-all-${this.groupName}`).forEach((c=>{c.addEventListener("change",(()=>this.selectAllProducts()))}))}handleCheckboxChange(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));e.checked=t}selectAllProducts(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));c.forEach((c=>{c.checked=!t})),e.checked=!t}render(){return e(t,{class:`pcg-${this.type}`},e("slot",{name:"title"}),e("slot",null))}get el(){return p(this)}};o.style='h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-checkbox-group-h{display:block;margin-bottom:44px}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox],.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-07);display:inline-block;box-sizing:border-box;margin:5px 0 0 0;padding:0;min-width:24px;background-size:cover}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]:checked,.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]:checked{background-image:url(\'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4058 7.09948C17.2409 6.93808 17.0404 6.85718 16.8045 6.85718C16.5685 6.85718 16.3675 6.93808 16.2027 7.09948L10.3983 12.7882L7.79739 10.2337C7.63191 10.0723 7.43141 9.99142 7.19548 9.99142C6.95955 9.99142 6.75905 10.0723 6.5937 10.2337L5.39043 11.4111C5.22549 11.573 5.14282 11.7691 5.14282 12.0001C5.14282 12.231 5.22549 12.4276 5.39043 12.589L8.59328 15.7232L9.79697 16.9006C9.9619 17.0625 10.1624 17.1429 10.3983 17.1429C10.6343 17.1429 10.8348 17.0625 11.0001 16.9006L12.2034 15.7232L18.6095 9.45474C18.7744 9.29294 18.8571 9.09674 18.8571 8.86586C18.8571 8.63498 18.7744 8.43878 18.6095 8.27684L17.4058 7.09948Z" fill="white"/></svg>\');border-color:transparent}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title{display:flex;align-items:center;margin-bottom:var(--ptc-element-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title label{margin-left:var(--ptc-element-spacing-03);cursor:pointer}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]{width:14px;min-width:14px;height:14px;margin:4px 8px -1px 0}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card{cursor:pointer;display:flex;align-items:flex-start;background-color:var(--color-white);margin-bottom:var(--ptc-element-spacing-03);padding:var(--ptc-layout-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-07)}}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card ptc-form-checkbox .mdc-form-field{width:auto;margin:0}.sc-ptc-checkbox-group-h.pcg-single.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{margin:0}';export{o as ptc_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as n}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.addToCartClicked=i(this,"addToCartClicked",7),this.defaultStyles=".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}",this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const i=t.target,e=parseInt(i.value);isNaN(e)?isNaN(e)&&(i.value=`${this.count}`):e<1?(i.value="1",this.count=1):e>999?(i.value="999",this.count=999):this.count=e},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;if(!this.disabled){if(this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta){try{let t=this.addToCartCta.offsetWidth>50?this.addToCartCta.offsetWidth:this.addToCartCta.clientWidth;t<50&&(t=this.addToCartCta.shadowRoot.querySelector("button").getBoundingClientRect().width),t>50&&(this.addToCartCta.styles=`button{width:${t}px !important}${this.defaultStyles}`)}catch(t){console.log(t)}this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`}setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel,this.addToCartCta.styles=this.defaultStyles)}),3e3)}},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added",this.disabled=!1}render(){return e(n,null,e("div",{class:"quantity-counter"},e("button",{class:"decrement mf-listen",onClick:this.handleDecrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),e("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t,disabled:this.disabled,class:"mf-listen"}),e("button",{class:"increment mf-listen",onClick:this.handleIncrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("g",{"clip-path":"url(#clip0_2974_659)"},e("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),e("defs",null,e("clipPath",{id:"clip0_2974_659"},e("rect",{width:"8",height:"8",fill:"white"}))))))),e("ptc-button",{disabled:this.disabled,type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:this.defaultStyles},this.addToCartLabel))}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;min-width:145px}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button span svg path{fill:var(--color-gray-12)}:host .quantity-counter button span:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;color:var(--color-gray-10);border-radius:0px;-moz-appearance:textfield;font-family:var(--ptc-font-latin)}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host .quantity-counter input:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{s as ptc_quantity_counter}
|
|
1
|
+
import{r as t,c as i,h as e,H as n}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.addToCartClicked=i(this,"addToCartClicked",7),this.defaultStyles=".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}",this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const i=t.target,e=parseInt(i.value);isNaN(e)?isNaN(e)&&(i.value=`${this.count}`):e<1?(i.value="1",this.count=1):e>999?(i.value="999",this.count=999):this.count=e},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;if(!this.disabled){if(this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta){try{let t=this.addToCartCta.offsetWidth>50?this.addToCartCta.offsetWidth:this.addToCartCta.clientWidth;t<50&&(t=this.addToCartCta.shadowRoot.querySelector("button").getBoundingClientRect().width),t>50&&(this.addToCartCta.styles=`button{width:${t}px !important}${this.defaultStyles}`)}catch(t){console.log(t)}this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`}setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel,this.addToCartCta.styles=this.defaultStyles)}),3e3)}},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added",this.disabled=!1}render(){return e(n,null,e("div",{class:"quantity-counter"},e("button",{class:"decrement mf-listen",onClick:this.handleDecrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),e("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t,disabled:this.disabled,class:"mf-listen"}),e("button",{class:"increment mf-listen",onClick:this.handleIncrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("g",{"clip-path":"url(#clip0_2974_659)"},e("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),e("defs",null,e("clipPath",{id:"clip0_2974_659"},e("rect",{width:"8",height:"8",fill:"white"}))))))),e("ptc-button",{disabled:this.disabled,type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:this.defaultStyles},this.addToCartLabel))}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;min-width:145px}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button span svg path{fill:var(--color-gray-12)}:host .quantity-counter button span:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;color:var(--color-gray-10);border-radius:0px;-moz-appearance:textfield;font-family:var(--ptc-font-latin)}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host .quantity-counter input:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{s as ptc_quantity_counter}
|