@ptcwebops/ptcw-design 1.7.5 → 1.7.7
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/LICENSE +21 -21
- package/dist/cjs/bundle-example.cjs.entry.js +31 -31
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +40 -40
- package/dist/cjs/{core-5a811549.js → core-3eeb2cf1.js} +91 -29
- package/dist/cjs/dropdown-item.cjs.entry.js +11 -11
- package/dist/cjs/dynamic-box-bundle.cjs.entry.js +26 -26
- package/dist/cjs/icon-asset_5.cjs.entry.js +188 -188
- package/dist/cjs/{index-88135a6b.js → index-266d5edd.js} +72 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +22 -22
- package/dist/cjs/{interfaces-574e6df7.js → interfaces-0ecd8027.js} +9 -9
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/lottie-player.cjs.entry.js +3073 -2826
- package/dist/cjs/max-width-container_3.cjs.entry.js +217 -217
- package/dist/cjs/my-component.cjs.entry.js +16 -16
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
- package/dist/cjs/ptc-accordion.cjs.entry.js +36 -36
- package/dist/cjs/ptc-announcement.cjs.entry.js +51 -51
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +36 -36
- package/dist/cjs/ptc-bio-card.cjs.entry.js +25 -25
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +123 -123
- package/dist/cjs/ptc-card-content.cjs.entry.js +58 -58
- package/dist/cjs/ptc-card.cjs.entry.js +67 -67
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +114 -87
- package/dist/cjs/ptc-checkbox.cjs.entry.js +51 -51
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +354 -354
- package/dist/cjs/ptc-container.cjs.entry.js +34 -34
- package/dist/cjs/ptc-date.cjs.entry.js +51 -51
- package/dist/cjs/ptc-dropdown.cjs.entry.js +65 -65
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +47 -47
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +58 -58
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +12 -12
- package/dist/cjs/ptc-hero.cjs.entry.js +19 -19
- package/dist/cjs/ptc-icon-list.cjs.entry.js +22 -22
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +44 -44
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +19 -19
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +111 -111
- package/dist/cjs/ptc-link.cjs.entry.js +34 -34
- package/dist/cjs/ptc-list.cjs.entry.js +50 -50
- package/dist/cjs/ptc-lottie.cjs.entry.js +11 -11
- package/dist/cjs/ptc-media-card.cjs.entry.js +59 -59
- package/dist/cjs/ptc-minimized-footer.cjs.entry.js +9 -9
- package/dist/cjs/ptc-minimized-header.cjs.entry.js +12 -12
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +157 -139
- package/dist/cjs/ptc-modal.cjs.entry.js +151 -151
- package/dist/cjs/ptc-nav-card.cjs.entry.js +37 -37
- package/dist/cjs/ptc-nav-link.cjs.entry.js +37 -37
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +84 -84
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +23 -20
- package/dist/cjs/ptc-news.cjs.entry.js +18 -18
- package/dist/cjs/ptc-overlay.cjs.entry.js +24 -24
- package/dist/cjs/ptc-pagenation.cjs.entry.js +307 -307
- package/dist/cjs/ptc-para_2.cjs.entry.js +79 -79
- package/dist/cjs/ptc-picture.cjs.entry.js +144 -144
- package/dist/cjs/ptc-previous-url.cjs.entry.js +12 -12
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +21 -21
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +126 -126
- package/dist/cjs/ptc-product-card.cjs.entry.js +23 -23
- package/dist/cjs/ptc-product-category.cjs.entry.js +11 -11
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +70 -70
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +13 -13
- package/dist/cjs/ptc-product-list.cjs.entry.js +141 -141
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +131 -131
- package/dist/cjs/ptc-progress-bar_2.cjs.entry.js +86 -86
- package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore.cjs.entry.js +74 -74
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +55 -55
- package/dist/cjs/ptc-search-field.cjs.entry.js +72 -72
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +51 -51
- package/dist/cjs/ptc-slit-card.cjs.entry.js +26 -26
- package/dist/cjs/ptc-span.cjs.entry.js +21 -21
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +33 -33
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +28 -28
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +24 -24
- package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
- package/dist/cjs/ptc-subnav.cjs.entry.js +24 -23
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +96 -96
- package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -143
- package/dist/cjs/ptc-tab.cjs.entry.js +21 -21
- package/dist/cjs/ptc-tabs.cjs.entry.js +48 -48
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +43 -43
- package/dist/cjs/ptc-tooltip.cjs.entry.js +96 -96
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +16 -16
- package/dist/cjs/ptcw-design.cjs.js +3 -3
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +110 -110
- package/dist/cjs/sequential-bundle.cjs.entry.js +90 -90
- package/dist/cjs/tab-content.cjs.entry.js +28 -28
- package/dist/cjs/tab-header.cjs.entry.js +65 -65
- package/dist/cjs/{utils-9eb22041.js → utils-416c94fe.js} +90 -90
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
- package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
- package/dist/collection/components/icon-asset/icon-asset.css +4 -4
- package/dist/collection/components/icon-asset/icon-asset.js +199 -199
- package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
- package/dist/collection/components/icon-asset/media/designer.svg +464 -464
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
- package/dist/collection/components/list-item/list-item.js +144 -144
- package/dist/collection/components/max-width-container/max-width-container.css +11 -11
- package/dist/collection/components/max-width-container/max-width-container.js +123 -123
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +82 -82
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +58 -58
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +92 -92
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +237 -237
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -61
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
- package/dist/collection/components/ptc-button/ptc-button.js +302 -302
- package/dist/collection/components/ptc-card/ptc-card.js +362 -362
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +214 -214
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +2 -2
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +593 -593
- package/dist/collection/components/ptc-container/ptc-container.js +138 -138
- package/dist/collection/components/ptc-date/ptc-date.js +224 -224
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
- package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +174 -174
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -137
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
- package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
- package/dist/collection/components/ptc-img/ptc-img.js +311 -311
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +16 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +334 -334
- package/dist/collection/components/ptc-link/ptc-link.js +207 -207
- package/dist/collection/components/ptc-list/ptc-list.js +99 -99
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +7 -2
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -190
- package/dist/collection/components/ptc-modal/ptc-modal.js +407 -407
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
- package/dist/collection/components/ptc-news/ptc-news.js +169 -169
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
- package/dist/collection/components/ptc-para/ptc-para.js +242 -242
- package/dist/collection/components/ptc-picture/ptc-picture.js +473 -473
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +16 -0
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
- package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
- package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
- package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +254 -254
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
- package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +298 -298
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
- package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
- package/dist/collection/components/ptc-span/ptc-span.js +107 -107
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +46 -46
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +1 -0
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +195 -195
- package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
- package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +181 -181
- package/dist/collection/components/ptc-title/ptc-title.js +310 -310
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +342 -342
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +114 -114
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +126 -126
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +40 -2
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +105 -85
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +22 -0
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +70 -47
- package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -133
- package/dist/collection/components/tab-content/tab-content.js +84 -84
- package/dist/collection/components/tab-header/tab-header.js +182 -182
- package/dist/collection/index.js +1 -1
- package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
- package/dist/collection/media/svg-imgs/close.svg +10 -10
- package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
- package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
- package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
- package/dist/collection/media/svg-imgs/union.svg +3 -3
- package/dist/collection/stories/Button.stories.js +43 -43
- package/dist/collection/stories/MaxWidthContainer.stories.js +32 -32
- package/dist/collection/stories/ReadMore.stories.js +100 -100
- package/dist/collection/stories/Title.stories.js +115 -115
- package/dist/collection/stories/Tooltip.stories.js +112 -112
- package/dist/collection/utils/component.js +3 -3
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +92 -92
- package/dist/custom-elements/index.js +8503 -8145
- package/dist/esm/bundle-example.entry.js +31 -31
- package/dist/esm/bundle-jumbotron-example.entry.js +40 -40
- package/dist/esm/{core-2af05469.js → core-4a7dabca.js} +91 -29
- package/dist/esm/dropdown-item.entry.js +11 -11
- package/dist/esm/dynamic-box-bundle.entry.js +26 -26
- package/dist/esm/icon-asset_5.entry.js +188 -188
- package/dist/esm/{index-8e63c32d.js → index-521c9253.js} +72 -1
- package/dist/esm/innovator-toggle-container.entry.js +22 -22
- package/dist/esm/{interfaces-4caedd26.js → interfaces-3cb94654.js} +9 -9
- package/dist/esm/loader.js +4 -4
- package/dist/esm/lottie-player.entry.js +3073 -2826
- package/dist/esm/max-width-container_3.entry.js +217 -217
- package/dist/esm/my-component.entry.js +16 -16
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-accordion-item.entry.js +84 -84
- package/dist/esm/ptc-accordion.entry.js +36 -36
- package/dist/esm/ptc-announcement.entry.js +51 -51
- package/dist/esm/ptc-back-to-top.entry.js +36 -36
- package/dist/esm/ptc-bio-card.entry.js +25 -25
- package/dist/esm/ptc-card-bottom_3.entry.js +123 -123
- package/dist/esm/ptc-card-content.entry.js +58 -58
- package/dist/esm/ptc-card.entry.js +67 -67
- package/dist/esm/ptc-case-studies-slider.entry.js +114 -87
- package/dist/esm/ptc-checkbox.entry.js +51 -51
- package/dist/esm/ptc-collapse-list.entry.js +354 -354
- package/dist/esm/ptc-container.entry.js +34 -34
- package/dist/esm/ptc-date.entry.js +51 -51
- package/dist/esm/ptc-dropdown.entry.js +65 -65
- package/dist/esm/ptc-dynamic-card.entry.js +48 -48
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +47 -47
- package/dist/esm/ptc-filter-tag.entry.js +58 -58
- package/dist/esm/ptc-hero-footer-cta.entry.js +12 -12
- package/dist/esm/ptc-hero.entry.js +19 -19
- package/dist/esm/ptc-icon-list.entry.js +22 -22
- package/dist/esm/ptc-icon-minimize.entry.js +44 -44
- package/dist/esm/ptc-image-download-strip.entry.js +19 -19
- package/dist/esm/ptc-jumbotron.entry.js +111 -111
- package/dist/esm/ptc-link.entry.js +34 -34
- package/dist/esm/ptc-list.entry.js +50 -50
- package/dist/esm/ptc-lottie.entry.js +11 -11
- package/dist/esm/ptc-media-card.entry.js +59 -59
- package/dist/esm/ptc-minimized-footer.entry.js +9 -9
- package/dist/esm/ptc-minimized-header.entry.js +12 -12
- package/dist/esm/ptc-mobile-select.entry.js +157 -139
- package/dist/esm/ptc-modal.entry.js +151 -151
- package/dist/esm/ptc-nav-card.entry.js +37 -37
- package/dist/esm/ptc-nav-link.entry.js +37 -37
- package/dist/esm/ptc-nav-slider.entry.js +84 -84
- package/dist/esm/ptc-nav-submenu.entry.js +23 -20
- package/dist/esm/ptc-news.entry.js +18 -18
- package/dist/esm/ptc-overlay.entry.js +24 -24
- package/dist/esm/ptc-pagenation.entry.js +307 -307
- package/dist/esm/ptc-para_2.entry.js +79 -79
- package/dist/esm/ptc-picture.entry.js +144 -144
- package/dist/esm/ptc-previous-url.entry.js +12 -12
- package/dist/esm/ptc-pricing-block.entry.js +21 -21
- package/dist/esm/ptc-pricing-tabs.entry.js +126 -126
- package/dist/esm/ptc-product-card.entry.js +23 -23
- package/dist/esm/ptc-product-category.entry.js +11 -11
- package/dist/esm/ptc-product-dropdown.entry.js +70 -70
- package/dist/esm/ptc-product-highlight-card.entry.js +13 -13
- package/dist/esm/ptc-product-list.entry.js +141 -141
- package/dist/esm/ptc-product-sidebar.entry.js +131 -131
- package/dist/esm/ptc-progress-bar_2.entry.js +86 -86
- package/dist/esm/ptc-quote.entry.js +24 -24
- package/dist/esm/ptc-readmore.entry.js +74 -74
- package/dist/esm/ptc-responsive-wrapper.entry.js +55 -55
- package/dist/esm/ptc-search-field.entry.js +72 -72
- package/dist/esm/ptc-shopping-cart.entry.js +51 -51
- package/dist/esm/ptc-slit-card.entry.js +26 -26
- package/dist/esm/ptc-span.entry.js +21 -21
- package/dist/esm/ptc-sticky-icons.entry.js +33 -33
- package/dist/esm/ptc-sticky-section.entry.js +28 -28
- package/dist/esm/ptc-sticky-title.entry.js +24 -24
- package/dist/esm/ptc-subnav-card.entry.js +16 -16
- package/dist/esm/ptc-subnav.entry.js +24 -23
- package/dist/esm/ptc-svg-btn.entry.js +96 -96
- package/dist/esm/ptc-tab-list.entry.js +143 -143
- package/dist/esm/ptc-tab.entry.js +21 -21
- package/dist/esm/ptc-tabs.entry.js +48 -48
- package/dist/esm/ptc-text-copy-with-background.entry.js +43 -43
- package/dist/esm/ptc-tooltip.entry.js +96 -96
- package/dist/esm/ptc-two-column-media.entry.js +16 -16
- package/dist/esm/ptcw-design.js +4 -4
- package/dist/esm/sequential-bundle-example.entry.js +110 -110
- package/dist/esm/sequential-bundle.entry.js +90 -90
- package/dist/esm/tab-content.entry.js +28 -28
- package/dist/esm/tab-header.entry.js +65 -65
- package/dist/esm/{utils-38decc43.js → utils-f937097d.js} +90 -90
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +464 -464
- package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
- package/dist/ptcw-design/media/regular.svg +463 -463
- package/dist/ptcw-design/media/solid.svg +3013 -3013
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/{p-49dc9b68.entry.js → p-037436f9.entry.js} +1 -1
- package/dist/ptcw-design/{p-73ea7065.entry.js → p-04d4bfc4.entry.js} +1 -1
- package/dist/ptcw-design/{p-baabdb8a.entry.js → p-0a400bd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-ba213813.entry.js → p-0e630350.entry.js} +1 -1
- package/dist/ptcw-design/{p-15af7aee.entry.js → p-142cdd0c.entry.js} +1 -1
- package/dist/ptcw-design/{p-55d298f5.entry.js → p-14d31733.entry.js} +1 -1
- package/dist/ptcw-design/{p-6e9eccfc.entry.js → p-1523d508.entry.js} +1 -1
- package/dist/ptcw-design/p-1ae5f7f5.entry.js +1 -0
- package/dist/ptcw-design/{p-b077b8a3.entry.js → p-2304bd95.entry.js} +1 -1
- package/dist/ptcw-design/{p-c3b7c168.entry.js → p-2763af9e.entry.js} +1 -1
- package/dist/ptcw-design/{p-1a3debd7.entry.js → p-2a2100ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-12780f09.entry.js → p-2af2c990.entry.js} +1 -1
- package/dist/ptcw-design/{p-4977dc6d.entry.js → p-34aef911.entry.js} +1 -1
- package/dist/ptcw-design/{p-366528df.entry.js → p-356a8a49.entry.js} +1 -1
- package/dist/ptcw-design/{p-d49d8875.entry.js → p-3cddd372.entry.js} +1 -1
- package/dist/ptcw-design/{p-462567d1.entry.js → p-3f5ad479.entry.js} +1 -1
- package/dist/ptcw-design/{p-c005febf.entry.js → p-4206b5f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7b20fe7.entry.js → p-4fc8a28d.entry.js} +1 -1
- package/dist/ptcw-design/{p-250b3ea1.entry.js → p-50ec5021.entry.js} +1 -1
- package/dist/ptcw-design/{p-af3a4142.entry.js → p-5355df5f.entry.js} +1 -1
- package/dist/ptcw-design/p-5aa039eb.entry.js +1 -0
- package/dist/ptcw-design/{p-ba3372d4.entry.js → p-5bdb4d6b.entry.js} +1 -1
- package/dist/ptcw-design/{p-26880c78.entry.js → p-6107436a.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a5ee2d5.entry.js → p-62bacdde.entry.js} +1 -1
- package/dist/ptcw-design/{p-00c9ae79.entry.js → p-63dd30ad.entry.js} +1 -1
- package/dist/ptcw-design/p-6b8f2a2a.entry.js +1 -0
- package/dist/ptcw-design/{p-65513c45.entry.js → p-6d0d90ac.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd6501a8.entry.js → p-6eaeb9d0.entry.js} +1 -1
- package/dist/ptcw-design/p-6ec5167f.entry.js +1 -0
- package/dist/ptcw-design/{p-f24c57cf.entry.js → p-6f564063.entry.js} +1 -1
- package/dist/ptcw-design/p-6fab6819.js +1 -0
- package/dist/ptcw-design/{p-9e230e0f.entry.js → p-703fbae8.entry.js} +1 -1
- package/dist/ptcw-design/{p-8030db10.entry.js → p-70f3caa1.entry.js} +1 -1
- package/dist/ptcw-design/{p-fa58bf5f.entry.js → p-73b54b2b.entry.js} +1 -1
- package/dist/ptcw-design/{p-564f58cf.entry.js → p-785edd90.entry.js} +1 -1
- package/dist/ptcw-design/{p-8bf9e0af.entry.js → p-842ee53f.entry.js} +1 -1
- package/dist/ptcw-design/{p-d7d6eff1.entry.js → p-8896e8e8.entry.js} +1 -1
- package/dist/ptcw-design/{p-4702f4e4.entry.js → p-88d78c75.entry.js} +1 -1
- package/dist/ptcw-design/{p-e71c4b6b.entry.js → p-89bdbdb0.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe1ff7d2.entry.js → p-8a5c6d19.entry.js} +1 -1
- package/dist/ptcw-design/{p-99b10f83.entry.js → p-8ec1379c.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe0815f2.entry.js → p-8fcd6843.entry.js} +1 -1
- package/dist/ptcw-design/{p-3cf1f951.entry.js → p-90f5ddf3.entry.js} +1 -1
- package/dist/ptcw-design/{p-a9eaabae.entry.js → p-92ca1c90.entry.js} +1 -1
- package/dist/ptcw-design/{p-469482ba.entry.js → p-9a2e1d68.entry.js} +1 -1
- package/dist/ptcw-design/{p-aa942e3b.entry.js → p-9da7f322.entry.js} +1 -1
- package/dist/ptcw-design/{p-3bb54c51.entry.js → p-9e710bd9.entry.js} +1 -1
- package/dist/ptcw-design/{p-8d16a4dd.entry.js → p-9e8b3467.entry.js} +1 -1
- package/dist/ptcw-design/{p-4983e571.entry.js → p-9f86b7c0.entry.js} +1 -1
- package/dist/ptcw-design/{p-d8ade68d.entry.js → p-a71ec11d.entry.js} +1 -1
- package/dist/ptcw-design/{p-4e551e25.entry.js → p-a8e9a9ab.entry.js} +1 -1
- package/dist/ptcw-design/{p-c2c85e61.entry.js → p-a9e8d6ae.entry.js} +1 -1
- package/dist/ptcw-design/{p-b922e3a5.entry.js → p-aa9e455f.entry.js} +1 -1
- package/dist/ptcw-design/{p-d7232d12.entry.js → p-aebf5905.entry.js} +1 -1
- package/dist/ptcw-design/p-b020e865.entry.js +1 -0
- package/dist/ptcw-design/{p-cdff68d4.entry.js → p-baf37894.entry.js} +1 -1
- package/dist/ptcw-design/{p-d9f4813a.entry.js → p-bcc50ffa.entry.js} +1 -1
- package/dist/ptcw-design/{p-5e08dc82.entry.js → p-bee618f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-99e80637.entry.js → p-c085ea09.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c6b069b.entry.js → p-c24ba553.entry.js} +1 -1
- package/dist/ptcw-design/{p-f86b2262.entry.js → p-c54bc7d0.entry.js} +1 -1
- package/dist/ptcw-design/{p-2bcb85cb.entry.js → p-c758ea47.entry.js} +1 -1
- package/dist/ptcw-design/{p-e66e3791.entry.js → p-c8cd200f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e5a6f9df.entry.js → p-ca180fdd.entry.js} +1 -1
- package/dist/ptcw-design/{p-eed3687b.entry.js → p-ca846daf.entry.js} +1 -1
- package/dist/ptcw-design/{p-1cea4b9e.entry.js → p-cabb9ef9.entry.js} +1 -1
- package/dist/ptcw-design/{p-cd6b8c27.entry.js → p-cbcdde15.entry.js} +1 -1
- package/dist/ptcw-design/{p-46afd828.entry.js → p-cff4b6f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-a24ecd75.entry.js → p-d8be1ada.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f540f7c.entry.js → p-d9085ab8.entry.js} +1 -1
- package/dist/ptcw-design/{p-2318d652.entry.js → p-dbc3591d.entry.js} +1 -1
- package/dist/ptcw-design/{p-116679f9.entry.js → p-dd483ffa.entry.js} +1 -1
- package/dist/ptcw-design/{p-341a4c39.entry.js → p-e35c26f9.entry.js} +1 -1
- package/dist/ptcw-design/p-e66dbe72.entry.js +1 -0
- package/dist/ptcw-design/{p-af3d5be7.entry.js → p-ea2f7967.entry.js} +1 -1
- package/dist/ptcw-design/{p-951d144a.entry.js → p-ef360b53.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5fadad0.entry.js → p-f152aa1a.entry.js} +1 -1
- package/dist/ptcw-design/{p-5507ef4b.entry.js → p-f3c1d0f7.entry.js} +1 -1
- package/dist/ptcw-design/{p-574680c3.entry.js → p-f4bfdb6c.entry.js} +1 -1
- package/dist/ptcw-design/{p-2181c8c7.entry.js → p-f77048a0.entry.js} +1 -1
- package/dist/ptcw-design/{p-59058faa.entry.js → p-f7d9d8d6.entry.js} +1 -1
- package/dist/ptcw-design/{p-9379f3b6.entry.js → p-fbd20db7.entry.js} +1 -1
- package/dist/ptcw-design/{p-718d6ae8.entry.js → p-fef6f882.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
- package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
- package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
- package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
- package/dist/types/components/list-item/list-item.d.ts +16 -16
- package/dist/types/components/max-width-container/max-width-container.d.ts +15 -15
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +10 -10
- package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
- package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
- package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
- package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
- package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
- package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -9
- package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
- package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
- package/dist/types/components/ptc-button/ptc-button.d.ts +64 -64
- package/dist/types/components/ptc-card/ptc-card.d.ts +71 -71
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +24 -24
- package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
- package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
- package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -15
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
- package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
- package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
- package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +25 -25
- package/dist/types/components/ptc-link/ptc-link.d.ts +40 -40
- package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
- package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
- package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
- package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
- package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +71 -71
- package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
- package/dist/types/components/ptc-news/ptc-news.d.ts +35 -35
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
- package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +97 -97
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
- package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
- package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
- package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
- package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
- package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
- package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
- package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
- package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
- package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -5
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
- package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +57 -57
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
- package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
- package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
- package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
- package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
- package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +21 -21
- package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
- package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +34 -34
- package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +59 -59
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +21 -21
- package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
- package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +22 -18
- package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +8 -7
- package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -27
- package/dist/types/components/tab-content/tab-content.d.ts +12 -12
- package/dist/types/components/tab-header/tab-header.d.ts +22 -22
- package/dist/types/components.d.ts +140 -130
- package/dist/types/global.d.ts +1072 -1072
- package/dist/types/index.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +11 -0
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +31 -31
- package/dist/types/utils/utils.d.ts +5 -5
- package/package.json +80 -80
- package/readme.md +18 -18
- package/dist/ptcw-design/p-1199de26.entry.js +0 -1
- package/dist/ptcw-design/p-575de112.js +0 -1
- package/dist/ptcw-design/p-577a1370.entry.js +0 -1
- package/dist/ptcw-design/p-8a1c2577.entry.js +0 -1
- package/dist/ptcw-design/p-938f3078.entry.js +0 -1
- package/dist/ptcw-design/p-b5d7c48e.entry.js +0 -1
- package/dist/ptcw-design/p-c7bd4d99.entry.js +0 -1
- /package/dist/ptcw-design/{p-711bcdad.js → p-240733ce.js} +0 -0
- /package/dist/ptcw-design/{p-63c06667.js → p-92141eb1.js} +0 -0
- /package/dist/ptcw-design/{p-36665caa.js → p-ea875d9e.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as i,a as e}from"./p-63c06667.js";const n=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.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground(),this.adjustJumbotronHeight()}connectedCallback(){this.getContentBackground()}componentDidLoad(){this.adjustJumbotronHeight()}render(){console.log("render");const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=a("div",{class:"mobile-media-image"},a("ptc-picture",{src:this.pngSrc}));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});break;default:e=a("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return a(i,{class:t},a("div",{class:"parent"},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 content-layout"},a("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},a("slot",{name:"breadcrumb"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("slot",{name:"main-title"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},a("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),a("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},a("slot",{name:"j-cta"}))),this.hasPopupVideo?a("slot",{name:"video"}):null,"png"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?a("div",{class:"desktop-media-image desk-gif-adjustment"},a("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":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;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":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;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}adjustJumbotronHeight(){const t=this.el.shadowRoot.querySelector(".content-container").clientHeight,a=this.el.shadowRoot.querySelector(".video-ratio")?this.el.shadowRoot.querySelector(".video-ratio"):null;t<500&&a&&!this.isMobile?a.style.paddingBottom="500px":a&&(a.style.paddingBottom="")}get el(){return e(this)}};n.style=".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:1121px}}@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-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}.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)}@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}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{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:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.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}.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}.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}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}@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%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}ptc-bio-card .bio-modal-open-content{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}ptc-bio-card .bio-modal-open-content h3{letter-spacing:0.08rem;margin-bottom:2px;font-size:var(--ptc-font-size-small)}ptc-bio-card .bio-modal-open-content ul{margin-top:0}ptc-bio-card .bio-modal-open-content ul li{line-height:var(--ptc-line-height-p)}ptc-bio-card .bio-modal-open-content ul li a{text-decoration:none;color:var(--color-green-06);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content ul li a:hover{color:var(--color-gray-10);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content .btn-blackgrey{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:14px 20px;border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);color:var(--color-white);font-weight:700}ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover{background-color:var(--color-gray-09);border-color:var(--color-gray-08)}ptc-bio-card .bio-modal-open-content .btn-blackgrey svg{display:none}ptc-bio-card .bio-modal-open-content hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.u-justify-space-between{justify-content:space-between}ptc-nav-submenu .dropdown-content{display:none}ptc-nav-submenu .dropdown-content.open{padding-top:5px;padding-bottom:5px;display:block}ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 1200px){ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset;z-index:999}.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:0;padding-bottom:100%}@media screen and (min-width: 550px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:min(578px, 46.67%)}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:min(578px, 39.67%)}}.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}}.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:flex-start}@media only screen and (min-width: 992px){.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:250px}";export{n as ptc_jumbotron}
|
|
1
|
+
import{r as t,h as a,H as i,a as e}from"./p-92141eb1.js";const n=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.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground(),this.adjustJumbotronHeight()}connectedCallback(){this.getContentBackground()}componentDidLoad(){this.adjustJumbotronHeight()}render(){console.log("render");const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=a("div",{class:"mobile-media-image"},a("ptc-picture",{src:this.pngSrc}));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});break;default:e=a("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return a(i,{class:t},a("div",{class:"parent"},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 content-layout"},a("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},a("slot",{name:"breadcrumb"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("slot",{name:"main-title"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},a("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),a("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},a("slot",{name:"j-cta"}))),this.hasPopupVideo?a("slot",{name:"video"}):null,"png"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?a("div",{class:"desktop-media-image desk-gif-adjustment"},a("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":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;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":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;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}adjustJumbotronHeight(){const t=this.el.shadowRoot.querySelector(".content-container").clientHeight,a=this.el.shadowRoot.querySelector(".video-ratio")?this.el.shadowRoot.querySelector(".video-ratio"):null;t<500&&a&&!this.isMobile?a.style.paddingBottom="500px":a&&(a.style.paddingBottom="")}get el(){return e(this)}};n.style=".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:1121px}}@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-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}.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)}@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}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{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:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.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}.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}.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}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}@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%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}ptc-bio-card .bio-modal-open-content{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}ptc-bio-card .bio-modal-open-content h3{letter-spacing:0.08rem;margin-bottom:2px;font-size:var(--ptc-font-size-small)}ptc-bio-card .bio-modal-open-content ul{margin-top:0}ptc-bio-card .bio-modal-open-content ul li{line-height:var(--ptc-line-height-p)}ptc-bio-card .bio-modal-open-content ul li a{text-decoration:none;color:var(--color-green-06);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content ul li a:hover{color:var(--color-gray-10);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content .btn-blackgrey{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:14px 20px;border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);color:var(--color-white);font-weight:700}ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover{background-color:var(--color-gray-09);border-color:var(--color-gray-08)}ptc-bio-card .bio-modal-open-content .btn-blackgrey svg{display:none}ptc-bio-card .bio-modal-open-content hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.u-justify-space-between{justify-content:space-between}ptc-nav-submenu .dropdown-content{display:none}ptc-nav-submenu .dropdown-content.open{padding-top:5px;padding-bottom:5px;display:block}@media only screen and (min-width: 1200px){ptc-nav-submenu .dropdown-content.open{display:flex;max-width:576px}}ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 1200px){ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}}ptc-nav-submenu.short-dropdown .dropdown-content>*:not(:last-child){margin-right:1rem}ptc-nav-submenu.short-dropdown .dropdown-content>*{white-space:nowrap}.menu-right ptc-nav-submenu{position:relative}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset;z-index:999}.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:0;padding-bottom:100%}@media screen and (min-width: 550px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:min(578px, 46.67%)}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:min(578px, 39.67%)}}.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}}.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:flex-start}@media only screen and (min-width: 992px){.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:250px}";export{n as ptc_jumbotron}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,a as e}from"./p-
|
|
1
|
+
import{r as t,h as i,H as s,a as e}from"./p-92141eb1.js";import{a as h}from"./p-240733ce.js";const o=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0,this.displayImage="block"}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))})),i=this.el.shadowRoot.querySelector("img");i&&t.observe(i)}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var h=0,o=s.length;h<o;h++){if(t=s[h],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),e=this.getCssClassMapHost();return i(s,{class:e},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=h.envs.length-1;e>=0;e--)if(t=h.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),t;return i.body.removeChild(s),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0,[this.displayImage]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return e(this)}};o.style=":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{o as ptc_picture}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,h as a,H as e,a as r}from"./p-92141eb1.js";const i=class{constructor(a){n(this,a),this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){const n=this.el.shadowRoot.querySelector(".navbar");n&&n.getBoundingClientRect().top<=0&&(this.navOpen=!1)}render(){return a(e,null,a("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},a("button",{class:"navbar-toggle",onClick:()=>this.toggleNav()},this.mobileTitle,a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),a("div",{class:"navbar-inner"},a("div",{class:"nav-wrapper"},a("slot",{name:"subnav-menu-left"}),a("slot",{name:"subnav-menu-right"})))))}get el(){return r(this)}};i.style=":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 32px;height:auto;display:block}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{padding:10px 64px}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{i as ptc_subnav}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as e}from"./p-
|
|
1
|
+
import{r,h as a,H as e}from"./p-92141eb1.js";const g=class{constructor(a){r(this,a),this.filterColor=void 0,this.borderRadius=void 0,this.overlayZIndex="z-index-auto",this.styles=void 0}async setOverlay(r){this.filterColor=r}render(){const r=this.getCssClassMap();return a(e,{class:r})}getCssClassMap(){return{[this.filterColor]:!!this.filterColor,[this.borderRadius]:!!this.borderRadius,[this.overlayZIndex]:!0}}};g.style=":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";export{g as ptc_overlay}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a,a as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as a,a as i}from"./p-92141eb1.js";const n=class{constructor(e){t(this,e),this.type=void 0,this.isMobile=void 0,this.selectedValue=void 0}componentWillLoad(){this.isMobile=window.innerWidth<768}componentDidLoad(){this.createGroup(),this.calculateHeaderTabsRendering()}onSelectedTab(t){let e=this;this.tabGroup.forEach((a=>{t.detail.then((t=>{a.header.name===t.name&&e.selectGroup(a)}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header"),e=this.host.querySelector(".ellipsis-btn"),a=t.children,i=!1,n=[];this.isMobile=window.innerWidth<768,t.classList.remove("active");for(let t=0;t<a.length;t++)a[t].style.removeProperty("display");for(let e=a.length-1;e>=0;e--){let s=a[e],o=s.getAttribute("name")===this.selectedValue;if(this.isMobile){let e=s.querySelector(".text-cont").textContent;t.style.display="none",i=!0,n.push({value:s.getAttribute("name"),text:e,isSelected:o})}else if(t.style.display="flex",t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;i=!0,n.push({value:s.getAttribute("name"),text:t,isSelected:o})}}t.classList.add("active"),i?(e.classList.add("active"),e.dataItems=n.reverse()):(e.classList.remove("active"),e.dataItems=[])}createGroup(){let t=this,e=!1,a=!1,i=0,n=0,s=[],o=[];const l=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=l.map((t=>t.getChild().then((t=>{i++,i===l.length&&(e=!0),s.push(t)})))),this.tabsHeader=s;const b=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=b.map((t=>t.getChild().then((t=>{n++,n===b.length&&(a=!0),o.push(t)})))),this.tabsContent=o;let c=setInterval((()=>{e&&a&&(clearInterval(c),t.tabGroup=t.tabsHeader.map((e=>{const a=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:a}})),t.selectGroup(t.tabGroup[0]))}),100)}selectGroup(t){this.tabGroup.forEach((t=>{t.header.unselect(),t.content.unselect()})),t.header.select(),t.content.select(),this.selectedValue=t.header.name,this.calculateHeaderTabsRendering()}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));e&&this.selectGroup(e)}}render(){return e(a,{class:this.type},e("div",{class:"tabs-header-container"},e("div",{class:"tabs-header"},e("slot",{name:"header"})),e("ptc-ellipsis-dropdown",{class:"ellipsis-btn",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),e("div",{class:"tabs-content"},e("slot",{name:"content"})))}get host(){return i(this)}};n.style="ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:20px 10px}@media only screen and (min-width: 480px){ptc-tab-list.tab-with-banner{padding:30px}}ptc-tab-list.tab-with-banner .tabs-content{padding:30px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p,ptc-tab-list.tab-with-banner .tabs-content span,ptc-tab-list.tab-with-banner .tabs-content h1,ptc-tab-list.tab-with-banner .tabs-content h2,ptc-tab-list.tab-with-banner .tabs-content h3,ptc-tab-list.tab-with-banner .tabs-content h4,ptc-tab-list.tab-with-banner .tabs-content h5,ptc-tab-list.tab-with-banner .tabs-content h6,ptc-tab-list.tab-with-banner .tabs-content ul,ptc-tab-list.tab-with-banner .tabs-content li,ptc-tab-list.tab-with-banner .tabs-content table{color:var(--color-gray-12)}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn{position:absolute;top:auto;right:0;bottom:1px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:8px}}.ellipsis-btn.active{display:block}tab-header{padding-right:48px}";export{n as ptc_tab_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as i,a as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as i,a as e}from"./p-92141eb1.js";const s=class{constructor(o){t(this,o),this.downloadUrl=void 0}render(){return o(i,null,o("slot",null),o("div",{class:"strip"},o("a",{class:"dl-btn",href:"javascript:void()",onClick:()=>{this.openModal()}},o("span",{class:"dl-text"},"Download"),o("img",{src:"https://www.ptc.com/dist/ptc/images/download-arrow.svg",alt:"Down Arrow"}))),o("ptc-modal",{id:"strip-download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},o("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}openModal(){let t=this.el.shadowRoot.querySelector("#strip-download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.downloadUrl}`,"_self")}),1e3)}get el(){return e(this)}};s.style=":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:white;background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:-o-linear-gradient(162deg, #74c34d, #00783e);background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn img{max-height:18px;width:12px}";export{s as ptc_image_download_strip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,a as o}from"./p-
|
|
1
|
+
import{r as t,h as i,H as s,a as o}from"./p-92141eb1.js";const e=class{constructor(i){t(this,i),this.scrollPercentage=0}handleScroll(){const t=document.documentElement.scrollTop,i=document.documentElement.scrollHeight-document.documentElement.clientHeight;console.log("scrollTop: "+t+"; scorllHeight: "+i),this.scrollPercentage=t/i*100}render(){return i(s,null,i("div",{class:"progress-bar-container"},i("div",{class:"progress-bar",style:{width:`${this.scrollPercentage}%`}})))}};e.style=":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";const l=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large"}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&i("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},i("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return o(this)}};l.style=":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";export{e as ptc_progress_bar,l as ptc_social_share}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-92141eb1.js";const i=class{constructor(o){t(this,o),this.href=void 0,this.text=void 0,this.styles=void 0}render(){return o(e,null,this.styles&&o("style",null,this.styles),o("list-item",{listType:"breadcrumb",flushBefore:!0,"link-href":this.href},o("ptc-svg-btn",{class:"backarrow","svg-name":"back-arrow",display:"inline-block"}),o("a",{class:"back-to-videos"},this.text)),o("slot",null))}};i.style=":host{display:block;margin-top:var(--ptc-element-spacing-03)}.back-to-videos{display:inline-block;font-family:var(--ptc-font-latin);font-style:normal;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-dense)}.back-to-videos:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}::slotted(*){transform:translate(-2px, -2px)}.backarrow:hover+.back-to-videos{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}";export{i as ptc_previous_url}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as r,a as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as r,a as i}from"./p-92141eb1.js";class l{}const s=class{constructor(e){t(this,e),this.listType="list-primary",this.listItems=[]}render(){const t=this.getCssClassMap(),i=this.getListItems();return i&&0!==i.length?e(r,{class:t},e("ul",null,i.map((t=>e("list-item",{"link-type":t.type,"link-href":t.href,"link-target":t.target,"flush-before":t.flushBefore},t.value))))):null}getListItems(){let t=new Array;return this.listItems&&this.listItems.length>0?this.listItems.map((e=>{let r=new l;r.value=e,t.push(r)})):Array.from(this.el.querySelectorAll("list-item")).map((e=>{let r=new l,i=e;r.value=i.innerText,r.href=i.getAttribute("link-href"),r.target=i.getAttribute("link-target"),r.flushBefore="true"==i.getAttribute("flush-before"),r.type=i.getAttribute("link-type"),t.push(r)})),t}getCssClassMap(){return{[this.listType]:!!this.listItems}}get el(){return i(this)}};s.style=":host{display:block}:host(.list-primary) li{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}:host(.list-primary) li:not(:last-child){margin-bottom:0.625rem}:host(.list-primary) li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.list-primary) li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-07)}";export{s as ptc_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as a}from"./p-
|
|
1
|
+
import{r as s,h as t,H as a}from"./p-92141eb1.js";const o=class{constructor(t){s(this,t),this.componentType=void 0}render(){const s=this.getCssClassMap();return t(a,{class:s},t("slot",null))}getCssClassMap(){return{[this.componentType]:!!this.componentType}}};o.style=":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";export{o as ptc_two_column_media}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as i}from"./p-
|
|
1
|
+
import{r as t,h as a,H as i}from"./p-92141eb1.js";const e=class{constructor(a){t(this,a),this.type="text-copy-with-background",this.backgroundImage=void 0,this.ImageAltText=void 0,this.topSlitBackgroundColor=void 0,this.slitPosition="top-right",this.isBackgroundBlur=!1,this.overlay=!0}render(){const t=this.getCssClassMap(),e=this.getSlitFillColor();return a(i,{class:t},a("svg",{xmlns:"http://www.w3.org/2000/svg",class:"tcb-top-slit",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179",style:{fill:e}},a("path",{id:"Path_8770",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"tcb-top-slit-cls-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),this.backgroundImage?a("div",{class:""},a("img",{class:"copy-bg-image",alt:this.ImageAltText,src:this.backgroundImage}),this.isBackgroundBlur&&a("img",{class:"copy-bg-image bg-img-filter",alt:this.ImageAltText,src:this.backgroundImage})):null,this.overlay&&a("div",{class:"copy-bg-overlay-layer"}),a("div",{class:"content-wrap"},"case-studies"==this.type&&a("div",{class:"ptc-container-lg"},a("div",{class:"card-wrap"},a("div",{class:"card-animated-border"}),a("div",{class:"card-content"},a("div",{class:"card-layout"},a("slot",{name:"card-content"}))))),a("slot",null)))}getSlitFillColor(){let t="#fff";if("auto"==this.topSlitBackgroundColor){let a=getComputedStyle(document.body);a&&a.backgroundColor&&(t=a.backgroundColor)}else t=this.topSlitBackgroundColor;return t}getCssClassMap(){return{[this.type]:!0,[this.slitPosition]:!0,"light-links":this.overlay}}};e.style=':host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.55}@media only screen and (min-width: 1200px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-03)}}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02) 88px var(--ptc-layout-spacing-02)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:var(--ptc-element-spacing-08)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:"";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:"";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:"";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:"";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){:host(.case-studies) .ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){:host(.case-studies) .ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){:host(.case-studies) .ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){:host(.case-studies) .ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}';export{e as ptc_text_copy_with_background}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,a}from"./p-
|
|
1
|
+
import{r as t,c as o,h as i,a}from"./p-92141eb1.js";const r=class{constructor(i){t(this,i),this.tabChange=o(this,"tabChange",7),this.tabs=[]}componentWillLoad(){if(this.tabs=Array.from(this.el.querySelectorAll("ptc-tab")),0===this.tabs.length)throw new Error("[ptc-tabs] Must have at least one tab")}async openTab(t){if(t>=this.tabs.length)throw new Error(`[ptc-tabs] Index ${t} is out of bounds of tabs length`);this.tabs[t].disabled||(this.tabs=this.tabs.map(((o,i)=>(o.active=i===t,o))),this.tabChange.emit({tabId:t}))}render(){const t=this.getCssClassMap();return i("div",{class:t},this.tabs.map(((o,a)=>[i("div",{role:"tab",class:{"tab-button":!0,active:o.active},onClick:()=>this.openTab(a)},o.label,o.price,i("div",{class:t},i("span",{class:"left-text"},i("slot",{name:"right-text"})),i("span",{class:"right-text"},i("slot",{name:"right-text"}))))])))}getCssClassMap(){return{"tabs-list":!0}}get el(){return a(this)}};r.style=":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";export{r as ptc_tabs}
|