@ptcwebops/ptcw-design 3.4.7 → 3.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/dynamic-box-bundle.cjs.entry.js +1 -1
- package/dist/cjs/embedded-form.cjs.entry.js +1 -1
- package/dist/cjs/fl-tab-content_3.cjs.entry.js +3 -3
- package/dist/cjs/footer-form.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/list-item.cjs.entry.js +1 -1
- package/dist/cjs/most-popular-news_9.cjs.entry.js +8 -8
- package/dist/cjs/news-search-result.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-button.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card_2.cjs.entry.js +2 -2
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-container.cjs.entry.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
- package/dist/cjs/ptc-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +1 -1
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +4 -4
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_3.cjs.entry.js +3 -3
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +1 -1
- package/dist/cjs/ptc-hero.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +1 -1
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +1 -1
- package/dist/cjs/ptc-img.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-pills.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
- package/dist/cjs/ptc-news.cjs.entry.js +1 -1
- package/dist/cjs/ptc-overlay.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pagenation.cjs.entry.js +1 -1
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ptc-quote.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore.cjs.entry.js +1 -1
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +1 -1
- package/dist/cjs/ptc-search-field.cjs.entry.js +1 -1
- package/dist/cjs/ptc-seo-title.cjs.entry.js +1 -1
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +1 -1
- package/dist/cjs/ptc-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/ptc-slit-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-span.cjs.entry.js +1 -1
- package/dist/cjs/ptc-square-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +1 -1
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +1 -1
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +1 -1
- package/dist/cjs/ptc-subnav-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tab-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tab.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-content.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-intro.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-prop-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
- package/dist/cjs/sequential-bundle.cjs.entry.js +1 -1
- package/dist/cjs/tab-content.cjs.entry.js +1 -1
- package/dist/cjs/tab-header.cjs.entry.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +37 -26
- package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.css +37 -26
- package/dist/collection/components/icon-asset/icon-asset.css +37 -26
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +37 -26
- package/dist/collection/components/list-item/list-item.css +37 -26
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.css +37 -26
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.css +37 -26
- package/dist/collection/components/organism-bundles/most-popular-news/most-popular-news.css +37 -26
- package/dist/collection/components/organism-bundles/news-search-result/news-search-result.css +37 -26
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.css +37 -26
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.css +37 -26
- package/dist/collection/components/ptc-accordion/ptc-accordion.css +37 -26
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +37 -26
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +37 -26
- package/dist/collection/components/ptc-background-video/ptc-background-video.css +37 -26
- package/dist/collection/components/ptc-badge/ptc-badge.css +37 -26
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +37 -26
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.css +37 -26
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.css +37 -26
- package/dist/collection/components/ptc-button/ptc-button.css +37 -26
- package/dist/collection/components/ptc-card/ptc-card.css +37 -26
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +37 -26
- package/dist/collection/components/ptc-card-content/ptc-card-content.css +37 -26
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css +37 -26
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +37 -26
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +37 -26
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.css +37 -26
- package/dist/collection/components/ptc-container/ptc-container.css +37 -26
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css +37 -26
- package/dist/collection/components/ptc-date/ptc-date.css +37 -26
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.css +37 -26
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +37 -26
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +37 -26
- package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.css +37 -26
- package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.css +37 -26
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css +37 -26
- package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.css +37 -26
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +37 -26
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +37 -26
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +37 -26
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +37 -26
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css +37 -26
- package/dist/collection/components/ptc-hero/ptc-hero.css +37 -26
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.css +37 -26
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +37 -26
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +37 -26
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +37 -26
- package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css +37 -26
- package/dist/collection/components/ptc-img/ptc-img.css +37 -26
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +37 -26
- package/dist/collection/components/ptc-link/ptc-link.css +37 -26
- package/dist/collection/components/ptc-list/ptc-list.css +37 -26
- package/dist/collection/components/ptc-media-card/ptc-media-card.css +37 -26
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css +37 -26
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +37 -26
- package/dist/collection/components/ptc-modal/ptc-modal.css +37 -26
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css +37 -26
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +37 -26
- package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.css +37 -26
- package/dist/collection/components/ptc-news/ptc-news.css +37 -26
- package/dist/collection/components/ptc-overlay/ptc-overlay.css +37 -26
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +37 -26
- package/dist/collection/components/ptc-para/ptc-para.css +37 -26
- package/dist/collection/components/ptc-picture/ptc-picture.css +37 -26
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +37 -26
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +37 -26
- package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.css +37 -26
- package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.css +37 -26
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +37 -26
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +38 -27
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +37 -26
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +37 -26
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +37 -26
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +37 -26
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +37 -26
- package/dist/collection/components/ptc-product-list/ptc-product-list.css +37 -26
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +37 -26
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.css +37 -26
- package/dist/collection/components/ptc-quote/ptc-quote.css +37 -26
- package/dist/collection/components/ptc-readmore/ptc-readmore.css +37 -26
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +37 -26
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +37 -26
- package/dist/collection/components/ptc-search-field/ptc-search-field.css +37 -26
- package/dist/collection/components/ptc-select/ptc-select.css +37 -26
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.css +37 -26
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css +37 -26
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.css +37 -26
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +37 -26
- package/dist/collection/components/ptc-social-share/ptc-social-share.css +37 -26
- package/dist/collection/components/ptc-span/ptc-span.css +37 -26
- package/dist/collection/components/ptc-square-card/ptc-square-card.css +37 -26
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.css +37 -26
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.css +37 -26
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.css +37 -26
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +37 -26
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +37 -26
- package/dist/collection/components/ptc-tabs/ptc-tabs.css +37 -26
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +37 -26
- package/dist/collection/components/ptc-textfield/ptc-textfield.css +37 -26
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +37 -26
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +37 -26
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.css +37 -26
- package/dist/collection/components/ptc-title/ptc-title.css +37 -26
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +37 -26
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.css +37 -26
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.css +37 -26
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.css +37 -26
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.css +37 -26
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.css +37 -26
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.css +37 -26
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +37 -26
- package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.css +37 -26
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +74 -52
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +37 -26
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +37 -26
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +37 -26
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +37 -26
- package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.css +37 -26
- package/dist/collection/components/tab-content/tab-content.css +37 -26
- package/dist/collection/components/tab-header/tab-header.css +37 -26
- package/dist/custom-elements/index.js +121 -121
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/embedded-form.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +3 -3
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/icon-asset.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/most-popular-news_9.entry.js +8 -8
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +2 -2
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +4 -4
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_3.entry.js +3 -3
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-modal.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-pagenation.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +1 -1
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-value-prop-card.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-ef7ed6e5.entry.js → p-0131dbe5.entry.js} +1 -1
- package/dist/ptcw-design/p-06e0f43c.entry.js +1 -0
- package/dist/ptcw-design/{p-6fd8adcc.entry.js → p-06e6d202.entry.js} +1 -1
- package/dist/ptcw-design/p-081402fe.entry.js +1 -0
- package/dist/ptcw-design/p-0c4c295a.entry.js +1 -0
- package/dist/ptcw-design/p-0e5bce9e.entry.js +1 -0
- package/dist/ptcw-design/p-0e8f1054.entry.js +1 -0
- package/dist/ptcw-design/p-112caa58.entry.js +1 -0
- package/dist/ptcw-design/p-1343f17f.entry.js +1 -0
- package/dist/ptcw-design/p-15966484.entry.js +1 -0
- package/dist/ptcw-design/{p-170b75fe.entry.js → p-16e5c94c.entry.js} +2 -2
- package/dist/ptcw-design/{p-2648cf1b.entry.js → p-1f9652a4.entry.js} +1 -1
- package/dist/ptcw-design/p-21ee1954.entry.js +1 -0
- package/dist/ptcw-design/p-241b10a8.entry.js +1 -0
- package/dist/ptcw-design/{p-c2a94b3a.entry.js → p-2426be1b.entry.js} +1 -1
- package/dist/ptcw-design/p-259ac58f.entry.js +1 -0
- package/dist/ptcw-design/{p-3b77afe8.entry.js → p-290e18e3.entry.js} +1 -1
- package/dist/ptcw-design/p-31823a88.entry.js +1 -0
- package/dist/ptcw-design/p-320fe922.entry.js +1 -0
- package/dist/ptcw-design/p-3358b900.entry.js +1 -0
- package/dist/ptcw-design/{p-1d8833d5.entry.js → p-353993f4.entry.js} +1 -1
- package/dist/ptcw-design/p-3969b923.entry.js +1 -0
- package/dist/ptcw-design/p-3a9395df.entry.js +1 -0
- package/dist/ptcw-design/{p-c7854760.entry.js → p-3b10553f.entry.js} +1 -1
- package/dist/ptcw-design/p-3beb1556.entry.js +1 -0
- package/dist/ptcw-design/p-4784f2b9.entry.js +1 -0
- package/dist/ptcw-design/{p-943ce616.entry.js → p-4b25269c.entry.js} +1 -1
- package/dist/ptcw-design/p-4c770348.entry.js +1 -0
- package/dist/ptcw-design/p-4d17c53e.entry.js +1 -0
- package/dist/ptcw-design/{p-a964606f.entry.js → p-4e265ba3.entry.js} +1 -1
- package/dist/ptcw-design/{p-b467d60f.entry.js → p-540ae4db.entry.js} +1 -1
- package/dist/ptcw-design/p-589c433e.entry.js +1 -0
- package/dist/ptcw-design/{p-f7b605f9.entry.js → p-5bc4943e.entry.js} +1 -1
- package/dist/ptcw-design/p-62b678bc.entry.js +1 -0
- package/dist/ptcw-design/p-68ccff26.entry.js +1 -0
- package/dist/ptcw-design/p-6e9b640a.entry.js +1 -0
- package/dist/ptcw-design/p-713c9ec8.entry.js +1 -0
- package/dist/ptcw-design/p-762b0a1b.entry.js +1 -0
- package/dist/ptcw-design/p-77620e62.entry.js +1 -0
- package/dist/ptcw-design/{p-c5755944.entry.js → p-781638be.entry.js} +1 -1
- package/dist/ptcw-design/{p-20e46899.entry.js → p-7845b816.entry.js} +1 -1
- package/dist/ptcw-design/p-7a41c279.entry.js +1 -0
- package/dist/ptcw-design/p-7b44822e.entry.js +1 -0
- package/dist/ptcw-design/p-7bc096cb.entry.js +1 -0
- package/dist/ptcw-design/p-7bf13244.entry.js +1 -0
- package/dist/ptcw-design/{p-6f5f8946.entry.js → p-7dad6d4f.entry.js} +1 -1
- package/dist/ptcw-design/p-811b7f39.entry.js +1 -0
- package/dist/ptcw-design/p-81d02e5b.entry.js +1 -0
- package/dist/ptcw-design/{p-986c0aa0.entry.js → p-822cfdfd.entry.js} +1 -1
- package/dist/ptcw-design/p-859052b5.entry.js +1 -0
- package/dist/ptcw-design/p-88289c34.entry.js +1 -0
- package/dist/ptcw-design/p-89aaac3d.entry.js +1 -0
- package/dist/ptcw-design/p-8a2e164e.entry.js +1 -0
- package/dist/ptcw-design/p-8d1fce01.entry.js +1 -0
- package/dist/ptcw-design/p-8edf7345.entry.js +1 -0
- package/dist/ptcw-design/p-90389608.entry.js +1 -0
- package/dist/ptcw-design/p-920e3bcb.entry.js +1 -0
- package/dist/ptcw-design/p-94f8fa7a.entry.js +1 -0
- package/dist/ptcw-design/p-97379f64.entry.js +1 -0
- package/dist/ptcw-design/p-99b1cd09.entry.js +1 -0
- package/dist/ptcw-design/p-9baef10e.entry.js +1 -0
- package/dist/ptcw-design/p-9cd7f3cc.entry.js +1 -0
- package/dist/ptcw-design/p-9f7ae86c.entry.js +1 -0
- package/dist/ptcw-design/p-9fe33c48.entry.js +1 -0
- package/dist/ptcw-design/{p-ef84ab6f.entry.js → p-a100759f.entry.js} +1 -1
- package/dist/ptcw-design/{p-911bda30.entry.js → p-a33e8446.entry.js} +1 -1
- package/dist/ptcw-design/p-a7d7d41c.entry.js +1 -0
- package/dist/ptcw-design/p-a7fc52d4.entry.js +1 -0
- package/dist/ptcw-design/{p-8e6f8ac8.entry.js → p-abc85ec4.entry.js} +1 -1
- package/dist/ptcw-design/p-abf8f9c8.entry.js +1 -0
- package/dist/ptcw-design/{p-1061e903.entry.js → p-ad220132.entry.js} +1 -1
- package/dist/ptcw-design/p-afbb565c.entry.js +1 -0
- package/dist/ptcw-design/p-b07b2180.entry.js +1 -0
- package/dist/ptcw-design/p-b125ace0.entry.js +1 -0
- package/dist/ptcw-design/{p-71b0b0e9.entry.js → p-b5e6a194.entry.js} +1 -1
- package/dist/ptcw-design/p-b9609f2e.entry.js +1 -0
- package/dist/ptcw-design/p-bb2a4668.entry.js +1 -0
- package/dist/ptcw-design/p-c4c2fbfc.entry.js +1 -0
- package/dist/ptcw-design/p-c78761c0.entry.js +1 -0
- package/dist/ptcw-design/p-c7aacddb.entry.js +1 -0
- package/dist/ptcw-design/p-c89d2767.entry.js +1 -0
- package/dist/ptcw-design/p-d27260a1.entry.js +1 -0
- package/dist/ptcw-design/p-d47ac26b.entry.js +1 -0
- package/dist/ptcw-design/p-d6fd48ae.entry.js +1 -0
- package/dist/ptcw-design/p-ddae06e0.entry.js +1 -0
- package/dist/ptcw-design/p-ddc14b7e.entry.js +1 -0
- package/dist/ptcw-design/{p-62a656f7.entry.js → p-dff4d08e.entry.js} +1 -1
- package/dist/ptcw-design/p-e36b9672.entry.js +1 -0
- package/dist/ptcw-design/p-e3c29ccb.entry.js +1 -0
- package/dist/ptcw-design/{p-c465cbb6.entry.js → p-e4607ae1.entry.js} +1 -1
- package/dist/ptcw-design/p-e716392e.entry.js +1 -0
- package/dist/ptcw-design/{p-a8845618.entry.js → p-e93ce6ce.entry.js} +1 -1
- package/dist/ptcw-design/p-ea6fd5b5.entry.js +1 -0
- package/dist/ptcw-design/p-eb3b40a4.entry.js +1 -0
- package/dist/ptcw-design/p-ebe198ae.entry.js +1 -0
- package/dist/ptcw-design/p-eee2bb6e.entry.js +1 -0
- package/dist/ptcw-design/p-f13ac5e0.entry.js +1 -0
- package/dist/ptcw-design/p-f1a7042a.entry.js +1 -0
- package/dist/ptcw-design/p-f35ee10e.entry.js +1 -0
- package/dist/ptcw-design/p-f491b735.entry.js +1 -0
- package/dist/ptcw-design/{p-f282b4b4.entry.js → p-f4e6dfc6.entry.js} +1 -1
- package/dist/ptcw-design/{p-05cbc2e5.entry.js → p-f718af69.entry.js} +1 -1
- package/dist/ptcw-design/p-f83879cf.entry.js +1 -0
- package/dist/ptcw-design/{p-9dbfa6c2.entry.js → p-f9fc8e3c.entry.js} +1 -1
- package/dist/ptcw-design/p-fa2a05a3.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-025f3b02.entry.js +0 -1
- package/dist/ptcw-design/p-0655a5e2.entry.js +0 -1
- package/dist/ptcw-design/p-08107c4c.entry.js +0 -1
- package/dist/ptcw-design/p-1286f780.entry.js +0 -1
- package/dist/ptcw-design/p-16c13128.entry.js +0 -1
- package/dist/ptcw-design/p-173ac71b.entry.js +0 -1
- package/dist/ptcw-design/p-182c1cef.entry.js +0 -1
- package/dist/ptcw-design/p-18ebbbb6.entry.js +0 -1
- package/dist/ptcw-design/p-1bceac50.entry.js +0 -1
- package/dist/ptcw-design/p-1d709f52.entry.js +0 -1
- package/dist/ptcw-design/p-220092dc.entry.js +0 -1
- package/dist/ptcw-design/p-2be6d9b0.entry.js +0 -1
- package/dist/ptcw-design/p-36f038be.entry.js +0 -1
- package/dist/ptcw-design/p-37971743.entry.js +0 -1
- package/dist/ptcw-design/p-3cafc8a8.entry.js +0 -1
- package/dist/ptcw-design/p-3f298a19.entry.js +0 -1
- package/dist/ptcw-design/p-4016757c.entry.js +0 -1
- package/dist/ptcw-design/p-4301e44f.entry.js +0 -1
- package/dist/ptcw-design/p-43989af4.entry.js +0 -1
- package/dist/ptcw-design/p-4739c3c5.entry.js +0 -1
- package/dist/ptcw-design/p-4c5f1b93.entry.js +0 -1
- package/dist/ptcw-design/p-515dbedd.entry.js +0 -1
- package/dist/ptcw-design/p-51fa9998.entry.js +0 -1
- package/dist/ptcw-design/p-55caf3f1.entry.js +0 -1
- package/dist/ptcw-design/p-58b6e9e5.entry.js +0 -1
- package/dist/ptcw-design/p-5af99f98.entry.js +0 -1
- package/dist/ptcw-design/p-5eec0436.entry.js +0 -1
- package/dist/ptcw-design/p-61bf55f7.entry.js +0 -1
- package/dist/ptcw-design/p-68600f73.entry.js +0 -1
- package/dist/ptcw-design/p-6d2aae2f.entry.js +0 -1
- package/dist/ptcw-design/p-71a74c14.entry.js +0 -1
- package/dist/ptcw-design/p-725bd3c3.entry.js +0 -1
- package/dist/ptcw-design/p-742214ad.entry.js +0 -1
- package/dist/ptcw-design/p-7744b220.entry.js +0 -1
- package/dist/ptcw-design/p-7ba6886f.entry.js +0 -1
- package/dist/ptcw-design/p-82e28259.entry.js +0 -1
- package/dist/ptcw-design/p-84ee54e7.entry.js +0 -1
- package/dist/ptcw-design/p-8b8cd7ee.entry.js +0 -1
- package/dist/ptcw-design/p-8c37236b.entry.js +0 -1
- package/dist/ptcw-design/p-92af0f88.entry.js +0 -1
- package/dist/ptcw-design/p-94c8cbb5.entry.js +0 -1
- package/dist/ptcw-design/p-95180ece.entry.js +0 -1
- package/dist/ptcw-design/p-9842535d.entry.js +0 -1
- package/dist/ptcw-design/p-9a741e18.entry.js +0 -1
- package/dist/ptcw-design/p-9b7c37e9.entry.js +0 -1
- package/dist/ptcw-design/p-9f7ea6db.entry.js +0 -1
- package/dist/ptcw-design/p-9fbf99b3.entry.js +0 -1
- package/dist/ptcw-design/p-9ffae165.entry.js +0 -1
- package/dist/ptcw-design/p-a3285aec.entry.js +0 -1
- package/dist/ptcw-design/p-a60c28e1.entry.js +0 -1
- package/dist/ptcw-design/p-aaf8ead6.entry.js +0 -1
- package/dist/ptcw-design/p-ace98b70.entry.js +0 -1
- package/dist/ptcw-design/p-b0cb4b01.entry.js +0 -1
- package/dist/ptcw-design/p-b0cec6a0.entry.js +0 -1
- package/dist/ptcw-design/p-b3209e33.entry.js +0 -1
- package/dist/ptcw-design/p-b364ec58.entry.js +0 -1
- package/dist/ptcw-design/p-b638fdd4.entry.js +0 -1
- package/dist/ptcw-design/p-b8f06fd8.entry.js +0 -1
- package/dist/ptcw-design/p-b90df5f5.entry.js +0 -1
- package/dist/ptcw-design/p-ba62706a.entry.js +0 -1
- package/dist/ptcw-design/p-bfc493de.entry.js +0 -1
- package/dist/ptcw-design/p-c01e6849.entry.js +0 -1
- package/dist/ptcw-design/p-c38757bd.entry.js +0 -1
- package/dist/ptcw-design/p-d03eedad.entry.js +0 -1
- package/dist/ptcw-design/p-d13d65f2.entry.js +0 -1
- package/dist/ptcw-design/p-d5b06411.entry.js +0 -1
- package/dist/ptcw-design/p-d5dd8d2c.entry.js +0 -1
- package/dist/ptcw-design/p-db3a3da3.entry.js +0 -1
- package/dist/ptcw-design/p-deee4d0f.entry.js +0 -1
- package/dist/ptcw-design/p-e26a8792.entry.js +0 -1
- package/dist/ptcw-design/p-e89f0e8d.entry.js +0 -1
- package/dist/ptcw-design/p-eed81241.entry.js +0 -1
- package/dist/ptcw-design/p-f4209569.entry.js +0 -1
- package/dist/ptcw-design/p-f9b97e85.entry.js +0 -1
- package/dist/ptcw-design/p-fb823aef.entry.js +0 -1
- package/dist/ptcw-design/p-fc956a05.entry.js +0 -1
- package/dist/ptcw-design/p-fcb818f1.entry.js +0 -1
- package/dist/ptcw-design/p-ffd53bb8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,H as t,g as o}from"./p-00a1336a.js";const e=class{constructor(i){a(this,i),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0}openModal(){this.showModal=!0}componentDidLoad(){this.el.shadowRoot.querySelector("#bio-modal").addEventListener("closed",(()=>{this.showModal=!1}))}render(){return i(t,{onClick:()=>{this.openModal()},type:"button"},i("div",{class:"bio-card"},i("slot",{name:"seo-content"}),i("div",{class:"bio-card__image"},i("img",{src:this.image,alt:`${this.name} profile image`})),i("div",{class:"bio-card__content"},i("div",null,i("h3",{class:"bio-card__name"},this.name),i("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&i("div",{class:"bio-card__social-links"},this.linkedin&&i("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&i("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("g",{"data-name":"Group 3004",transform:"translate(9.205 13.034)"},i("g",null,i("path",{d:"M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147",class:"cls-2","data-name":"Path 4252",transform:"translate(630.939 -145.697)"})))))))),i("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},i("div",{class:"modal-wrap"},i("div",{class:"bio-modal-left"},i("div",{class:"bio-modal__image"},i("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&i("div",{class:"bio-card__social-links"},this.linkedin&&i("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&i("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("g",{"data-name":"Group 3004",transform:"translate(9.205 13.034)"},i("g",null,i("path",{d:"M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147",class:"cls-2","data-name":"Path 4252",transform:"translate(630.939 -145.697)"}))))))),i("div",{class:"bio-modal-right"},i("div",{class:"bio-modal-header"},i("h2",{class:"bio-card__name"},this.name),i("p",{class:"bio-card__job-title"},this.jobTitle)),i("div",{class:"bio-modal-description"},i("slot",null))))))}get el(){return o(this)}};e.style='h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-webkit-hyphenate-limit-last:always;-webkit-hyphenate-limit-zone:6%;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-moz-hyphenate-limit-last:always;-moz-hyphenate-limit-zone:6%;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2;-ms-hyphenate-limit-last:always;-ms-hyphenate-limit-zone:6%}:host{display:block;color:var(--color-gray-10)}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:150px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image img{max-height:200px;min-width:auto}}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser)}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4{fill:var(--color-green-14)}';export{e as ptc_bio_card}
|
|
1
|
+
import{r as a,h as i,H as o,g as t}from"./p-00a1336a.js";const e=class{constructor(i){a(this,i),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0}openModal(){this.showModal=!0}componentDidLoad(){this.el.shadowRoot.querySelector("#bio-modal").addEventListener("closed",(()=>{this.showModal=!1}))}render(){return i(o,{onClick:()=>{this.openModal()},type:"button"},i("div",{class:"bio-card"},i("slot",{name:"seo-content"}),i("div",{class:"bio-card__image"},i("img",{src:this.image,alt:`${this.name} profile image`})),i("div",{class:"bio-card__content"},i("div",null,i("h3",{class:"bio-card__name"},this.name),i("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&i("div",{class:"bio-card__social-links"},this.linkedin&&i("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&i("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("g",{"data-name":"Group 3004",transform:"translate(9.205 13.034)"},i("g",null,i("path",{d:"M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147",class:"cls-2","data-name":"Path 4252",transform:"translate(630.939 -145.697)"})))))))),i("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},i("div",{class:"modal-wrap"},i("div",{class:"bio-modal-left"},i("div",{class:"bio-modal__image"},i("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&i("div",{class:"bio-card__social-links"},this.linkedin&&i("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&i("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},i("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},i("defs",null,i("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},i("stop",{offset:"0","stop-color":"#fff"}),i("stop",{offset:"1","stop-color":"#e5e5e5"}))),i("g",{class:"cls-1","data-name":"Path 4255"},i("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),i("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),i("g",{"data-name":"Group 3004",transform:"translate(9.205 13.034)"},i("g",null,i("path",{d:"M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147",class:"cls-2","data-name":"Path 4252",transform:"translate(630.939 -145.697)"}))))))),i("div",{class:"bio-modal-right"},i("div",{class:"bio-modal-header"},i("h2",{class:"bio-card__name"},this.name),i("p",{class:"bio-card__job-title"},this.jobTitle)),i("div",{class:"bio-modal-description"},i("slot",null))))))}get el(){return t(this)}};e.style='h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;color:var(--color-gray-10)}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:150px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image img{max-height:200px;min-width:auto}}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser)}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4{fill:var(--color-green-14)}';export{e as ptc_bio_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as a}from"./p-00a1336a.js";const s=class{constructor(t){e(this,t),this.formData={email:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]')}handleInputChange(e,t){this.formData=Object.assign(Object.assign({},this.formData),{[e]:t})}handleSubmit(e){if(e.preventDefault(),this.formData.email=this.emailEle.inputValue,this.isValid()){const e=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(e),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email)}isValid(){const{email:e,policyChecked:t}=this.formData,i=document.querySelectorAll(".invalid-field").length;return""!==e&&t&&0===i}render(){return t(i,null,t("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},t("div",{class:"form-wrapper"},t("form",{onSubmit:e=>this.handleSubmit(e)},t("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),t("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),t("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-
|
|
1
|
+
import{r as e,h as t,H as i,g as a}from"./p-00a1336a.js";const s=class{constructor(t){e(this,t),this.formData={email:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]')}handleInputChange(e,t){this.formData=Object.assign(Object.assign({},this.formData),{[e]:t})}handleSubmit(e){if(e.preventDefault(),this.formData.email=this.emailEle.inputValue,this.isValid()){const e=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(e),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email)}isValid(){const{email:e,policyChecked:t}=this.formData,i=document.querySelectorAll(".invalid-field").length;return""!==e&&t&&0===i}render(){return t(i,null,t("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},t("div",{class:"form-wrapper"},t("form",{onSubmit:e=>this.handleSubmit(e)},t("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),t("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),t("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}";export{s as footer_form}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-00a1336a.js";const c=class{constructor(i){t(this,i),this.videoId=void 0}componentDidLoad(){}render(){return i("div",{class:"aspect-ratio-container"},i("div",{class:"video-container"},i("video-js",{id:"bcPlayer","data-account":"1532789042001","data-player":"dNyUv9zZ6","data-embed":"default","data-video-id":"6337173859112",controls:"","data-application-id":"",class:"vjs-fill"}),i("script",{src:"https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js"})))}get el(){return e(this)}};c.style="h1.sc-ptc-brightcov-video,h2.sc-ptc-brightcov-video,h3.sc-ptc-brightcov-video,h4.sc-ptc-brightcov-video,h5.sc-ptc-brightcov-video,h6.sc-ptc-brightcov-video,p.sc-ptc-brightcov-video,ul.sc-ptc-brightcov-video,li.sc-ptc-brightcov-video,span.sc-ptc-brightcov-video{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-brightcov-video,h2.sc-ptc-brightcov-video,h3.sc-ptc-brightcov-video,h4.sc-ptc-brightcov-video,h5.sc-ptc-brightcov-video,h6.sc-ptc-brightcov-video,p.sc-ptc-brightcov-video,ul.sc-ptc-brightcov-video,li.sc-ptc-brightcov-video,span.sc-ptc-brightcov-video{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-brightcov-video-h{display:block}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video{position:relative;width:100%;padding-top:56.25%;max-height:500px;background-color:var(--color-gray-10)}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video .video-container.sc-ptc-brightcov-video{position:absolute;top:0;left:0;width:100%;height:100%}";export{c as ptc_brightcov_video}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as a,g as d}from"./p-00a1336a.js";const i=class{constructor(t){e(this,t),this.cards=void 0,this.showModal=!1,this.currentCardIndex=0,this.filteredTagName=void 0,this.modalType=void 0}async updateData(e,t){this.cards=e,console.log(this.cards),console.log(t),this.currentCardIndex=t,this.modalType=this.cards[this.currentCardIndex].modalType,this.showModal=!0}closeCardModal(){this.showModal=!1,this.cards=[]}showNextCard(){this.currentCardIndex<this.cards.length-1&&(this.currentCardIndex++,this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId))}showPrevCard(){this.currentCardIndex>0&&(this.currentCardIndex--,this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId))}componentDidUpdate(){this.initializeVideo()}initializeVideo(){const e=this.hostEl.querySelector("#bcPlayer");e&&globalThis.bc&&new globalThis.bc(e,{})}updateVideoPlayer(e){globalThis.videojs.getPlayer("bcPlayer").ready((function(){const t=this;e&&t.catalog.getVideo(e,(function(e,a){t.catalog.load(a),console.log("Video Modal"+e)}))}))}render(){return t(a,null,t("slot",null),this.showModal&&("only-video"!=this.modalType?t("div",{class:"modal"},t("div",{class:"modal-container ptc-container"},t("div",{onClick:()=>this.closeCardModal(),class:"vm-close"},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},t("g",{"clip-path":"url(#clip0_214_927)"},t("path",{d:"M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z",fill:"white"})),t("defs",null,t("clipPath",{id:"clip0_214_927"},t("rect",{width:"18",height:"18",fill:"white"}))))),t("div",{class:"is-grid has-col-gap-xl has-row-gap-lg"},t("div",{class:"is-col is-col-7-lg"},t("div",{class:"v-modal-left"},t("div",{class:"v-nav"},t("button",{onClick:()=>this.showPrevCard(),disabled:0===this.currentCardIndex},"Previous Video"),t("div",{class:"v-number"}," ",this.currentCardIndex+1," of ",this.cards.length),t("button",{onClick:()=>this.showNextCard(),disabled:this.currentCardIndex===this.cards.length-1},"Next Video")),t("div",{class:"aspect-ratio-container "},t("div",{class:"video-container"},t("video-js",{id:"bcPlayer","data-account":"1532789042001","data-player":"HknUe20R","data-embed":"default","data-video-id":this.cards[this.currentCardIndex].videoId,controls:"","data-application-id":"",class:`dpm-vj-${this.currentCardIndex} video-js vjs-fills`}))),t("div",{class:"card-description-content"},t("ptc-title",{type:"h3","title-size":"large","title-color":"white",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7",styles:".is-standard{margin-top:14px !important}"},this.cards[this.currentCardIndex].title),t("ptc-para",{"font-size":"medium","font-weight":"w-4","para-color":"white","para-margin":"margin-3","para-line-h":"line-height-p",innerHTML:this.cards[this.currentCardIndex].cardDescription})))),t("div",{class:"is-col is-col-5-lg"},t("div",{class:"video-modal-description"},t("div",{innerHTML:this.cards[this.currentCardIndex].descriptionModal})))))):t("div",{class:"modal modal-only-video"},t("div",{class:"modal-wrapper"},t("div",{onClick:()=>this.closeCardModal(),class:"vm-close"},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},t("g",{"clip-path":"url(#clip0_214_927)"},t("path",{d:"M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z",fill:"white"})),t("defs",null,t("clipPath",{id:"clip0_214_927"},t("rect",{width:"18",height:"18",fill:"white"}))))),t("div",{class:"aspect-ratio-container "},t("div",{class:"video-container"},t("video-js",{id:"bcPlayer","data-account":"1532789042001","data-player":"HknUe20R","data-embed":"default","data-video-id":this.cards[this.currentCardIndex].videoId,controls:"","data-application-id":"",class:`dpm-vj-${this.currentCardIndex} video-js vjs-fills`})))))))}get hostEl(){return d(this)}};i.style="h1.sc-ptc-theater-video-modal,h2.sc-ptc-theater-video-modal,h3.sc-ptc-theater-video-modal,h4.sc-ptc-theater-video-modal,h5.sc-ptc-theater-video-modal,h6.sc-ptc-theater-video-modal,p.sc-ptc-theater-video-modal,ul.sc-ptc-theater-video-modal,li.sc-ptc-theater-video-modal,span.sc-ptc-theater-video-modal{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-theater-video-modal,h2.sc-ptc-theater-video-modal,h3.sc-ptc-theater-video-modal,h4.sc-ptc-theater-video-modal,h5.sc-ptc-theater-video-modal,h6.sc-ptc-theater-video-modal,p.sc-ptc-theater-video-modal,ul.sc-ptc-theater-video-modal,li.sc-ptc-theater-video-modal,span.sc-ptc-theater-video-modal{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container.sc-ptc-theater-video-modal{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg.sc-ptc-theater-video-modal{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid.sc-ptc-theater-video-modal{width:100%}.is-grid.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.is-grid.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.is-grid.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-row.sc-ptc-theater-video-modal{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-row.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-col.sc-ptc-theater-video-modal{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-col.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline.sc-ptc-theater-video-modal{display:inline-grid !important}.has-row-1.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr)}.has-row-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr)}.has-row-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr)}.has-row-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr)}.has-row-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr)}.has-row-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr)}.has-row-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr)}.has-row-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr)}.has-row-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr)}.has-row-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr)}.has-row-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr)}.has-row-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr)}.has-row-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr)}.has-col-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr)}.has-col-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr)}.has-col-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr)}.has-col-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr)}.has-col-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr)}.has-col-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr)}.has-col-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr)}.has-col-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr)}.has-col-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr)}.has-col-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr)}.has-col-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr)}.has-col-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.has-row-gap.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing)}.has-row-gap-md.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-md)}.has-row-gap-lg.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}.has-no-row-gap.sc-ptc-theater-video-modal{grid-row-gap:0}.has-col-gap.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing)}.has-col-gap-md.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-md)}.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}.has-no-col-gap.sc-ptc-theater-video-modal{grid-column-gap:0}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl.sc-ptc-theater-video-modal{direction:ltr}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl.sc-ptc-theater-video-modal{direction:rtl}}.is-placed-left.sc-ptc-theater-video-modal{place-self:left}.is-placed-right.sc-ptc-theater-video-modal{place-self:right}.is-placed-center.sc-ptc-theater-video-modal{place-self:center}.is-placed-start.sc-ptc-theater-video-modal{place-self:start}.is-placed-normal.sc-ptc-theater-video-modal{place-self:normal}.is-order-1.sc-ptc-theater-video-modal{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 576px){.is-order-1-sm.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 768px){.is-order-1-md.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 992px){.is-order-1-lg.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl.sc-ptc-theater-video-modal{order:1}}.is-order-2.sc-ptc-theater-video-modal{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 576px){.is-order-2-sm.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 768px){.is-order-2-md.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 992px){.is-order-2-lg.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl.sc-ptc-theater-video-modal{order:2}}.is-order-3.sc-ptc-theater-video-modal{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 576px){.is-order-3-sm.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 768px){.is-order-3-md.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 992px){.is-order-3-lg.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl.sc-ptc-theater-video-modal{order:3}}.is-order-4.sc-ptc-theater-video-modal{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 576px){.is-order-4-sm.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 768px){.is-order-4-md.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 992px){.is-order-4-lg.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl.sc-ptc-theater-video-modal{order:4}}.is-order-5.sc-ptc-theater-video-modal{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 576px){.is-order-5-sm.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 768px){.is-order-5-md.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 992px){.is-order-5-lg.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl.sc-ptc-theater-video-modal{order:5}}.is-order-6.sc-ptc-theater-video-modal{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 576px){.is-order-6-sm.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 768px){.is-order-6-md.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 992px){.is-order-6-lg.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl.sc-ptc-theater-video-modal{order:6}}.is-order-7.sc-ptc-theater-video-modal{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 576px){.is-order-7-sm.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 768px){.is-order-7-md.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 992px){.is-order-7-lg.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl.sc-ptc-theater-video-modal{order:7}}.is-order-8.sc-ptc-theater-video-modal{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 576px){.is-order-8-sm.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 768px){.is-order-8-md.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 992px){.is-order-8-lg.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl.sc-ptc-theater-video-modal{order:8}}.is-order-9.sc-ptc-theater-video-modal{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 576px){.is-order-9-sm.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 768px){.is-order-9-md.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 992px){.is-order-9-lg.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl.sc-ptc-theater-video-modal{order:9}}.is-order-10.sc-ptc-theater-video-modal{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 576px){.is-order-10-sm.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 768px){.is-order-10-md.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 992px){.is-order-10-lg.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl.sc-ptc-theater-video-modal{order:10}}.is-order-11.sc-ptc-theater-video-modal{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 576px){.is-order-11-sm.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 768px){.is-order-11-md.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 992px){.is-order-11-lg.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl.sc-ptc-theater-video-modal{order:11}}.is-order-12.sc-ptc-theater-video-modal{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 576px){.is-order-12-sm.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 768px){.is-order-12-md.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 992px){.is-order-12-lg.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl.sc-ptc-theater-video-modal{order:12}}.is-order-1.sc-ptc-theater-video-modal{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 576px){.is-order-1-sm.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 768px){.is-order-1-md.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 992px){.is-order-1-lg.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl.sc-ptc-theater-video-modal{order:1}}.is-order-2.sc-ptc-theater-video-modal{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 576px){.is-order-2-sm.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 768px){.is-order-2-md.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 992px){.is-order-2-lg.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl.sc-ptc-theater-video-modal{order:2}}.is-order-3.sc-ptc-theater-video-modal{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 576px){.is-order-3-sm.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 768px){.is-order-3-md.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 992px){.is-order-3-lg.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl.sc-ptc-theater-video-modal{order:3}}.is-order-4.sc-ptc-theater-video-modal{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 576px){.is-order-4-sm.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 768px){.is-order-4-md.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 992px){.is-order-4-lg.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl.sc-ptc-theater-video-modal{order:4}}.is-order-5.sc-ptc-theater-video-modal{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 576px){.is-order-5-sm.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 768px){.is-order-5-md.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 992px){.is-order-5-lg.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl.sc-ptc-theater-video-modal{order:5}}.is-order-6.sc-ptc-theater-video-modal{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 576px){.is-order-6-sm.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 768px){.is-order-6-md.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 992px){.is-order-6-lg.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl.sc-ptc-theater-video-modal{order:6}}.is-order-7.sc-ptc-theater-video-modal{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 576px){.is-order-7-sm.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 768px){.is-order-7-md.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 992px){.is-order-7-lg.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl.sc-ptc-theater-video-modal{order:7}}.is-order-8.sc-ptc-theater-video-modal{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 576px){.is-order-8-sm.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 768px){.is-order-8-md.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 992px){.is-order-8-lg.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl.sc-ptc-theater-video-modal{order:8}}.is-order-9.sc-ptc-theater-video-modal{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 576px){.is-order-9-sm.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 768px){.is-order-9-md.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 992px){.is-order-9-lg.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl.sc-ptc-theater-video-modal{order:9}}.is-order-10.sc-ptc-theater-video-modal{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 576px){.is-order-10-sm.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 768px){.is-order-10-md.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 992px){.is-order-10-lg.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl.sc-ptc-theater-video-modal{order:10}}.is-order-11.sc-ptc-theater-video-modal{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 576px){.is-order-11-sm.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 768px){.is-order-11-md.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 992px){.is-order-11-lg.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl.sc-ptc-theater-video-modal{order:11}}.is-order-12.sc-ptc-theater-video-modal{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 576px){.is-order-12-sm.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 768px){.is-order-12-md.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 992px){.is-order-12-lg.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl.sc-ptc-theater-video-modal{order:12}}.sc-ptc-theater-video-modal:root{--col-gap-sm:0.5rem;--col-gap:1rem;--col-gap-md:1.5rem;--col-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--row-gap-sm:0.5rem;--row-gap:1rem;--row-gap-md:1.5rem;--row-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--spacing-sm:0.5rem;--spacing-sml:0.75rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:3rem}.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xl)}}.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xl)}}.has-col-gap-sm.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-sm)}.has-col-gap-sml.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-sml)}.has-row-gap-sml.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-sml)}.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}}.has-row-gap-lg.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}.has-col-gap-xl.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xl.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xl)}}.has-row-gap-xl.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xl)}.has-col-gap-xxl.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xxl.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xxl)}}.has-row-gap-xxl.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xxl)}.has-no-row.sc-ptc-theater-video-modal{grid-row-gap:0}.has-m-sm.sc-ptc-theater-video-modal{margin:var(--spacing-sm)}.has-m-top-sm.sc-ptc-theater-video-modal{margin-top:var(--spacing-sm)}.has-m-right-sm.sc-ptc-theater-video-modal{margin-right:var(--spacing-sm)}.has-m-bottom-sm.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-sm)}.has-m-left-sm.sc-ptc-theater-video-modal{margin-left:var(--spacing-sm)}.has-m.sc-ptc-theater-video-modal{margin:var(--spacing)}.has-m-top.sc-ptc-theater-video-modal{margin-top:var(--spacing)}.has-m-right.sc-ptc-theater-video-modal{margin-right:var(--spacing)}.has-m-bottom.sc-ptc-theater-video-modal{margin-bottom:var(--spacing)}.has-m-left.sc-ptc-theater-video-modal{margin-left:var(--spacing)}.has-m-md.sc-ptc-theater-video-modal{margin:var(--spacing-md)}.has-m-top-md.sc-ptc-theater-video-modal{margin-top:var(--spacing-md)}.has-m-right-md.sc-ptc-theater-video-modal{margin-right:var(--spacing-md)}.has-m-bottom-md.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-md)}.has-m-left-md.sc-ptc-theater-video-modal{margin-left:var(--spacing-md)}.has-m-lg.sc-ptc-theater-video-modal{margin:var(--spacing-lg)}.has-m-top-lg.sc-ptc-theater-video-modal{margin-top:var(--spacing-lg)}.has-m-right-lg.sc-ptc-theater-video-modal{margin-right:var(--spacing-lg)}.has-m-bottom-lg.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-lg)}.has-m-left-lg.sc-ptc-theater-video-modal{margin-left:var(--spacing-lg)}.has-m-xl.sc-ptc-theater-video-modal{margin:var(--spacing-xl)}.has-m-top-xl.sc-ptc-theater-video-modal{margin-top:var(--spacing-xl)}.has-m-right-xl.sc-ptc-theater-video-modal{margin-right:var(--spacing-xl)}.has-m-bottom-xl.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-xl)}.has-m-left-xl.sc-ptc-theater-video-modal{margin-left:var(--spacing-xl)}.has-m-xxl.sc-ptc-theater-video-modal{margin:var(--spacing-xxl)}.has-m-top-xxl.sc-ptc-theater-video-modal{margin-top:var(--spacing-xxl)}.has-m-right-xxl.sc-ptc-theater-video-modal{margin-right:var(--spacing-xxl)}.has-m-bottom-xxl.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-xxl)}.has-m-left-xxl.sc-ptc-theater-video-modal{margin-left:var(--spacing-xxl)}.has-no-m.sc-ptc-theater-video-modal{margin:0}.has-no-top-m.sc-ptc-theater-video-modal{margin-top:0}.has-no-right-m.sc-ptc-theater-video-modal{margin-right:0}.has-no-bottom-m.sc-ptc-theater-video-modal{margin-bottom:0}.has-no-left-m.sc-ptc-theater-video-modal{margin-left:0}.has-p-sm.sc-ptc-theater-video-modal{padding:var(--spacing-sm)}.has-p-top-sm.sc-ptc-theater-video-modal{padding-top:var(--spacing-sm)}.has-p-right-sm.sc-ptc-theater-video-modal{padding-right:var(--spacing-sm)}.has-p-bottom-sm.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-sm)}.has-p-left-sm.sc-ptc-theater-video-modal{padding-left:var(--spacing-sm)}.has-p.sc-ptc-theater-video-modal{padding:var(--spacing)}.has-p-top.sc-ptc-theater-video-modal{padding-top:var(--spacing)}.has-p-right.sc-ptc-theater-video-modal{padding-right:var(--spacing)}.has-p-bottom.sc-ptc-theater-video-modal{padding-bottom:var(--spacing)}.has-p-left.sc-ptc-theater-video-modal{padding-left:var(--spacing)}.has-p-md.sc-ptc-theater-video-modal{padding:var(--spacing-md)}.has-p-top-md.sc-ptc-theater-video-modal{padding-top:var(--spacing-md)}.has-p-right-md.sc-ptc-theater-video-modal{padding-right:var(--spacing-md)}.has-p-bottom-md.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-md)}.has-p-left-md.sc-ptc-theater-video-modal{padding-left:var(--spacing-md)}.has-p-lg.sc-ptc-theater-video-modal{padding:var(--spacing-lg)}.has-p-top-lg.sc-ptc-theater-video-modal{padding-top:var(--spacing-lg)}.has-p-right-lg.sc-ptc-theater-video-modal{padding-right:var(--spacing-lg)}.has-p-bottom-lg.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-lg)}.has-p-left-lg.sc-ptc-theater-video-modal{padding-left:var(--spacing-lg)}.has-p-xl.sc-ptc-theater-video-modal{padding:var(--spacing-xl)}.has-p-top-xl.sc-ptc-theater-video-modal{padding-top:var(--spacing-xl)}.has-p-right-xl.sc-ptc-theater-video-modal{padding-right:var(--spacing-xl)}.has-p-bottom-xl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-xl)}.has-p-left-xl.sc-ptc-theater-video-modal{padding-left:var(--spacing-xl)}.has-p-xxl.sc-ptc-theater-video-modal{padding:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-xxl.sc-ptc-theater-video-modal{padding:var(--spacing-xxl)}}.has-p-top-xxl.sc-ptc-theater-video-modal{padding-top:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-top-xxl.sc-ptc-theater-video-modal{padding-top:var(--spacing-xxl)}}.has-p-right-xxl.sc-ptc-theater-video-modal{padding-right:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-right-xxl.sc-ptc-theater-video-modal{padding-right:var(--spacing-xxl)}}.has-p-bottom-xxl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-bottom-xxl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-xxl)}}.has-p-left-xxl.sc-ptc-theater-video-modal{padding-left:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-left-xxl.sc-ptc-theater-video-modal{padding-left:var(--spacing-xxl)}}.has-no-p.sc-ptc-theater-video-modal{margin:0}.has-no-top-p.sc-ptc-theater-video-modal{padding-top:0}.has-no-right-p.sc-ptc-theater-video-modal{padding-right:0}.has-no-bottom-p.sc-ptc-theater-video-modal{padding-bottom:0}.has-no-left-p.sc-ptc-theater-video-modal{padding-left:0}.is-centered.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block.sc-ptc-theater-video-modal{display:block}@media screen and (min-width: 575.5px){.is-block-xs.sc-ptc-theater-video-modal{display:block}}@media screen and (min-width: 576px){.is-block-sm.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 768px){.is-block-md.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 992px){.is-block-lg.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 1200px){.is-block-xl.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 1440px){.is-block-xxl.sc-ptc-theater-video-modal{display:block}}.is-inline-block.sc-ptc-theater-video-modal{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs.sc-ptc-theater-video-modal{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 768px){.is-inline-block-md.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 992px){.is-inline-block-lg.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 1200px){.is-inline-block-xl.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 1440px){.is-inline-block-xxl.sc-ptc-theater-video-modal{display:inline-block}}.is-flex.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 768px){.is-flex-md.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 992px){.is-flex-lg.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 1200px){.is-flex-xl.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 1440px){.is-flex-xxl.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}.is-inline-flex.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 768px){.is-inline-flex-md.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 992px){.is-inline-flex-lg.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1200px){.is-inline-flex-xl.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1440px){.is-inline-flex-xxl.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}.is-device.sc-ptc-theater-video-modal{display:none}.is-screen.sc-ptc-theater-video-modal{display:block}.is-medium.sc-ptc-theater-video-modal{display:block !important}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device.sc-ptc-theater-video-modal{display:block}.is-screen.sc-ptc-theater-video-modal{display:none}}@media only screen and (min-width: 992px){.is-medium.sc-ptc-theater-video-modal{display:none !important}}.is-flexBasis-half.sc-ptc-theater-video-modal{flex-basis:50%}.is-table.sc-ptc-theater-video-modal{display:table !important}.is-tableCell.sc-ptc-theater-video-modal{display:table-cell !important}.is-widthFull.sc-ptc-theater-video-modal{width:100% !important}@media only screen and (min-width: 2600px){.is-grid.sc-ptc-theater-video-modal .is-col-1-xxxl.sc-ptc-theater-video-modal{grid-column:span 1 !important}.is-grid.sc-ptc-theater-video-modal .is-col-2-xxxl.sc-ptc-theater-video-modal{grid-column:span 2 !important}.is-grid.sc-ptc-theater-video-modal .is-col-3-xxxl.sc-ptc-theater-video-modal{grid-column:span 3 !important}.is-grid.sc-ptc-theater-video-modal .is-col-4-xxxl.sc-ptc-theater-video-modal{grid-column:span 4 !important}.is-grid.sc-ptc-theater-video-modal .is-col-5-xxxl.sc-ptc-theater-video-modal{grid-column:span 6 !important}.is-grid.sc-ptc-theater-video-modal .is-col-7-xxxl.sc-ptc-theater-video-modal{grid-column:span 7 !important}.is-grid.sc-ptc-theater-video-modal .is-col-8-xxxl.sc-ptc-theater-video-modal{grid-column:span 8 !important}.is-grid.sc-ptc-theater-video-modal .is-col-9-xxxl.sc-ptc-theater-video-modal{grid-column:span 9 !important}.is-grid.sc-ptc-theater-video-modal .is-col-10-xxxl.sc-ptc-theater-video-modal{grid-column:span 10 !important}.is-grid.sc-ptc-theater-video-modal .is-col-11-xxxl.sc-ptc-theater-video-modal{grid-column:span 11 !important}.is-grid.sc-ptc-theater-video-modal .is-col-12-xxxl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.media-gutter.sc-ptc-theater-video-modal{grid-column-gap:10px;grid-row-gap:10px}.bio-grid.sc-ptc-theater-video-modal{grid-row-gap:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){.bio-grid.sc-ptc-theater-video-modal{grid-column-gap:var(--ptc-layout-spacing-04);grid-row-gap:var(--ptc-layout-spacing-04)}}@media (max-width: 480px){.column-gap-mobile.sc-ptc-theater-video-modal{grid-column-gap:1rem}}.hr-1.sc-ptc-theater-video-modal{background-color:var(--color-gray-01)}.hr-2.sc-ptc-theater-video-modal{background-color:var(--color-gray-02)}.hr-3.sc-ptc-theater-video-modal{background-color:var(--color-gray-03)}.hr-4.sc-ptc-theater-video-modal{background-color:var(--color-gray-04)}.hr-5.sc-ptc-theater-video-modal{background-color:var(--color-gray-05)}.hr-6.sc-ptc-theater-video-modal{background-color:var(--color-gray-06)}.sc-ptc-theater-video-modal-h{display:block}.modal.sc-ptc-theater-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-12);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{position:relative;width:100%;padding-top:56.25%;max-height:500px;background-color:var(--color-gray-10)}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal .video-container.sc-ptc-theater-video-modal,.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal video-js.sc-ptc-theater-video-modal{position:absolute;top:0;left:0;width:100%;height:100%}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{position:relative;padding-top:100px;padding-bottom:100px;height:100vh;overflow-y:auto;overflow-x:hidden;color:var(--color-white);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{width:100%;min-height:400px;height:auto}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal::-webkit-scrollbar{width:0px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{background-color:#323b42;padding:24px;margin:0 -24px}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{padding:0;margin:0;background-color:transparent}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{position:absolute;right:24px;top:24px;cursor:pointer;padding:10px}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{right:-10px;top:0}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal{background-color:transparent;color:white;padding:0;margin:0;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:18px;font-weight:400;line-height:1.5}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal:disabled{color:var(--color-gray-06)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .card-description-content.sc-ptc-theater-video-modal p.sc-ptc-theater-video-modal{color:var(--color-white)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{max-height:460px;overflow-y:auto;overflow-x:hidden;padding-right:13px;color:#fff}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{padding-top:28px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal .sc-ptc-title.sc-ptc-theater-video-modal::before{content:none !important}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar{width:3px;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-track{background-color:#3e4a52;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:90vw;position:relative}@media only screen and (min-width: 768px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:75vw;padding:40px}}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{position:absolute;right:0;top:-40px;cursor:pointer}@media only screen and (min-width: 768px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{right:0;top:10px}}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{width:100%;height:100%}";export{i as ptc_theater_video_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-00a1336a.js";var s=Object.defineProperty,e=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const h=class{constructor(t){e(this,"mobileSelect"),e(this,"trigger"),e(this,"wheelList"),e(this,"sliderList"),e(this,"wheelsContain"),e(this,"panel"),e(this,"ensureBtn"),e(this,"cancelBtn"),e(this,"grayLayer"),e(this,"popUp"),e(this,"initPosition"),e(this,"initColWidth"),e(this,"wheelsData"),e(this,"displayJson"),e(this,"curValue"),e(this,"curIndexArr"),e(this,"isCascade"),e(this,"isJsonType"),e(this,"startY"),e(this,"moveEndY"),e(this,"moveY"),e(this,"preMoveY"),e(this,"offsetY"),e(this,"offsetSum"),e(this,"oversizeBorder"),e(this,"enableClickStatus"),e(this,"isPC"),e(this,"optionHeight"),e(this,"curDistance"),e(this,"cascadeJsonData"),e(this,"eventHandleMap"),e(this,"initDeepCount"),e(this,"config"),!h.checkRequiredConfig(t)||(this.config=Object.assign({},h.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.isPC=!0,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){const{config:t}=this;if(this.isJsonType=h.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.checkTriggerAvailable()){if(this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&t.triggerDisplayValue&&(this.trigger.innerText=t.initValue),this.setStyle(t),this.isPC=h.checkIsPC(),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var i,s,e,h;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight);let o="";for(let t=0;t<this.wheelList.length;t++)o+=t==this.wheelList.length-1?this.getInnerText(t):this.getInnerText(t)+this.config.connector;t.triggerDisplayValue&&(this.trigger.innerText=o),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(s=(i=this.config).callback)||s.call(i,this.curIndexArr,this.curValue,this),null==(h=(e=this.config).onChange)||h.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},this.isPC&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}}static checkIsPC(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=h.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return h.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return h.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(h.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void h.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.curValue}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr())}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.innerText)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,m=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,m),this.curDistance[m]=this.curDistance[m]+this.offsetY,this.movePosition(c,this.curDistance[m]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[m]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[m]=o,this.movePosition(c,this.curDistance[m]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,m),this.curDistance[m]=this.fixPosition(this.curDistance[m]),this.curDistance[m]>2*this.optionHeight?this.curDistance[m]=2*this.optionHeight:this.curDistance[m]<this.oversizeBorder&&(this.curDistance[m]=this.oversizeBorder),this.movePosition(c,this.curDistance[m]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(m,this.getIndexArr())}}};let o=h;e(o,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),e(o,"REQUIRED_PARAMS",["trigger","wheels"]);const n=class{constructor(i){t(this,i),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.selectedText,i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this.selectedId,i=0;new o({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s){if(t){document.querySelectorAll(".selectContainer li").forEach(((s,e)=>{s.getAttribute("data-id")!=t||(i=e)}));try{s.locatePosition(0,i),console.log("storeIndex: "+i)}catch(t){console.log(t)}}},callback:function(t,i){i[0].id?window.location.href=i[0].id:console.log("href: "+i[0].id+"; indexArr: "+t)}.bind(this)}).locatePosition(0,i)}};n.style='.ms-mobile-select{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-webkit-hyphenate-limit-last:always;-webkit-hyphenate-limit-zone:6%;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-moz-hyphenate-limit-last:always;-moz-hyphenate-limit-zone:6%;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2;-ms-hyphenate-limit-last:always;-ms-hyphenate-limit-zone:6%}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{n as ptc_mobile_select}
|
|
1
|
+
import{r as t,h as i}from"./p-00a1336a.js";var s=Object.defineProperty,e=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const h=class{constructor(t){e(this,"mobileSelect"),e(this,"trigger"),e(this,"wheelList"),e(this,"sliderList"),e(this,"wheelsContain"),e(this,"panel"),e(this,"ensureBtn"),e(this,"cancelBtn"),e(this,"grayLayer"),e(this,"popUp"),e(this,"initPosition"),e(this,"initColWidth"),e(this,"wheelsData"),e(this,"displayJson"),e(this,"curValue"),e(this,"curIndexArr"),e(this,"isCascade"),e(this,"isJsonType"),e(this,"startY"),e(this,"moveEndY"),e(this,"moveY"),e(this,"preMoveY"),e(this,"offsetY"),e(this,"offsetSum"),e(this,"oversizeBorder"),e(this,"enableClickStatus"),e(this,"isPC"),e(this,"optionHeight"),e(this,"curDistance"),e(this,"cascadeJsonData"),e(this,"eventHandleMap"),e(this,"initDeepCount"),e(this,"config"),!h.checkRequiredConfig(t)||(this.config=Object.assign({},h.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.isPC=!0,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){const{config:t}=this;if(this.isJsonType=h.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.checkTriggerAvailable()){if(this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&t.triggerDisplayValue&&(this.trigger.innerText=t.initValue),this.setStyle(t),this.isPC=h.checkIsPC(),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var i,s,e,h;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight);let o="";for(let t=0;t<this.wheelList.length;t++)o+=t==this.wheelList.length-1?this.getInnerText(t):this.getInnerText(t)+this.config.connector;t.triggerDisplayValue&&(this.trigger.innerText=o),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(s=(i=this.config).callback)||s.call(i,this.curIndexArr,this.curValue,this),null==(h=(e=this.config).onChange)||h.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},this.isPC&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}}static checkIsPC(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=h.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return h.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return h.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(h.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void h.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.curValue}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr())}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.innerText)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let o=h;e(o,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),e(o,"REQUIRED_PARAMS",["trigger","wheels"]);const n=class{constructor(i){t(this,i),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.selectedText,i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this.selectedId,i=0;new o({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s){if(t){document.querySelectorAll(".selectContainer li").forEach(((s,e)=>{s.getAttribute("data-id")!=t||(i=e)}));try{s.locatePosition(0,i),console.log("storeIndex: "+i)}catch(t){console.log(t)}}},callback:function(t,i){i[0].id?window.location.href=i[0].id:console.log("href: "+i[0].id+"; indexArr: "+t)}.bind(this)}).locatePosition(0,i)}};n.style='.ms-mobile-select{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{n as ptc_mobile_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,g as r}from"./p-00a1336a.js";const i=class{constructor(o){t(this,o),this.clickedItem=e(this,"clickedItem",7),this.handleClick=t=>{this.listItems.forEach((t=>t.selected=void 0)),t.selected=!0,this.selectedItem=t,this.toggle=!this.toggle,this.clickedItem.emit(t)},this.toggleList=()=>{this.toggle=!this.toggle},this.theme="sort",this.label=void 0,this.listItems=void 0,this.toggle=!1,this.selectedItem=void 0}offClick(t){t&&!this.host.contains(t.target)&&this.toggle&&(this.toggle=!1)}componentWillLoad(){let t=this.host.querySelectorAll("item");this.listItems||(this.listItems=[]),t.forEach((t=>{if(t&&t.getAttribute("label")){let e={element:t,label:t.getAttribute("label"),value:t.getAttribute("value"),selected:t.hasAttribute("selected")};this.listItems.push(e),t.hasAttribute("selected")&&(this.selectedItem=e)}}))}render(){const t=this.getCssClassMap();return o("div",{class:t},o("header",{class:"dropdown__header",onClick:this.toggleList},o("label",null,o("b",null,this.label)," ",this.selectedItem?this.selectedItem.label:"Select Option"),o("icon-asset",{type:"solid",size:"x-small",name:"chevron-down"})),this.toggle&&o("ul",{tabIndex:-1,class:"dropdown__list",onBlur:()=>{this.toggle=!1}},this.listItems.map((t=>{let e="dropdown__item";return t.selected&&(e+=" selected"),o("li",{class:e,onClick:()=>this.handleClick(t)},t.label)}))))}getCssClassMap(){return{"ptc-dropdown":!0,[this.theme]:!0}}get host(){return r(this)}};i.style='@charset "UTF-8";h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:"✓";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}';export{i as ptc_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as a}from"./p-00a1336a.js";const l=class{constructor(i){t(this,i),this.cardCount=void 0,this.cardData=[],this.sectionTitle=""}componentWillLoad(){this.cardCount>8&&(this.cardCount=8);for(let t=0;t<this.cardCount;t++){let i=this.el.querySelector(`[slot="card-title-${t+1}"]`),e=this.el.querySelector(`[slot="card-pricing-${t+1}"]`),a=this.el.querySelector(`[slot="card-cta-${t+1}"]`),l=this.el.querySelector(`[slot="card-disclaimer-${t+1}"]`),s={title:null==i?void 0:i.innerHTML.toString(),pricing:null==e?void 0:e.innerHTML.toString(),cta:{linkHref:(null==a?void 0:a.getAttribute("href"))||"",linkText:(null==a?void 0:a.innerHTML.toString())||"",linkTarget:(null==a?void 0:a.getAttribute("target"))||"_blank"},disclaimer:(null==l?void 0:l.innerHTML.toString())||""};null==i||i.remove(),null==a||a.remove(),this.cardData.push(s)}this.cardData.length!=this.cardCount&&(this.cardData=[])}render(){return i(e,null,i("ptc-title",{type:"h3","text-align":"left","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.sectionTitle),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("div",{class:"is-grid has-col-gap-md"},this.cardData.map(((t,e)=>i("div",{class:"is-col-12 is-col-6-md is-col-4-lg is-col-3-xl"},i("ptc-pricing-add-on-card",{"card-title":t.title,"card-pricing-text":t.pricing,"card-cta-href":t.cta.linkHref,"card-cta-text":t.cta.linkText,"card-cta-target":t.cta.linkTarget,"card-disclaimer":t.disclaimer},i("span",{slot:"card-pricing"},i("slot",{name:`card-pricing-${e+1}`})),i("div",{slot:"card-body"},i("slot",{name:`card-body-${e+1}`})),i("span",{slot:"card-disclaimer"},i("slot",{name:`card-disclaimer-${e+1}`}))))))))}get el(){return a(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-
|
|
1
|
+
import{r as t,h as i,H as e,g as a}from"./p-00a1336a.js";const l=class{constructor(i){t(this,i),this.cardCount=void 0,this.cardData=[],this.sectionTitle=""}componentWillLoad(){this.cardCount>8&&(this.cardCount=8);for(let t=0;t<this.cardCount;t++){let i=this.el.querySelector(`[slot="card-title-${t+1}"]`),e=this.el.querySelector(`[slot="card-pricing-${t+1}"]`),a=this.el.querySelector(`[slot="card-cta-${t+1}"]`),l=this.el.querySelector(`[slot="card-disclaimer-${t+1}"]`),s={title:null==i?void 0:i.innerHTML.toString(),pricing:null==e?void 0:e.innerHTML.toString(),cta:{linkHref:(null==a?void 0:a.getAttribute("href"))||"",linkText:(null==a?void 0:a.innerHTML.toString())||"",linkTarget:(null==a?void 0:a.getAttribute("target"))||"_blank"},disclaimer:(null==l?void 0:l.innerHTML.toString())||""};null==i||i.remove(),null==a||a.remove(),this.cardData.push(s)}this.cardData.length!=this.cardCount&&(this.cardData=[])}render(){return i(e,null,i("ptc-title",{type:"h3","text-align":"left","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.sectionTitle),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("div",{class:"is-grid has-col-gap-md"},this.cardData.map(((t,e)=>i("div",{class:"is-col-12 is-col-6-md is-col-4-lg is-col-3-xl"},i("ptc-pricing-add-on-card",{"card-title":t.title,"card-pricing-text":t.pricing,"card-cta-href":t.cta.linkHref,"card-cta-text":t.cta.linkText,"card-cta-target":t.cta.linkTarget,"card-disclaimer":t.disclaimer},i("span",{slot:"card-pricing"},i("slot",{name:`card-pricing-${e+1}`})),i("div",{slot:"card-body"},i("slot",{name:`card-body-${e+1}`})),i("span",{slot:"card-disclaimer"},i("slot",{name:`card-disclaimer-${e+1}`}))))))))}get el(){return a(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}";export{l as ptc_pricing_add_on_section}
|