@ptcwebops/ptcw-design 5.3.9 → 5.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
  2. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  3. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +1 -1
  4. package/dist/collection/components/ptc-background-video/ptc-background-video.js +1 -1
  5. package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.css +13 -7
  6. package/dist/collection/components/ptc-multi-select/ptc-multi-select.js +1 -1
  7. package/dist/custom-elements/index.js +3 -3
  8. package/dist/esm/ptc-background-video.entry.js +1 -1
  9. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  10. package/dist/esm/ptc-multi-select_2.entry.js +1 -1
  11. package/dist/ptcw-design/p-0b7dee33.entry.js +1 -0
  12. package/dist/ptcw-design/p-64faacc4.entry.js +1 -0
  13. package/dist/ptcw-design/{p-f1a669b1.entry.js → p-f0a10259.entry.js} +1 -1
  14. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  15. package/package.json +1 -1
  16. package/readme.md +1 -1
  17. package/dist/ptcw-design/p-753437e2.entry.js +0 -1
  18. package/dist/ptcw-design/p-a8a5cb4b.entry.js +0 -1
package/dist/cjs/ptc-background-video.cjs.entry.js CHANGED
@@ -50,7 +50,7 @@ const PtcBackgroundVideo = class {
50
50
  }
51
51
  render() {
52
52
  const videoContent = this.isIframe ? (index.h("div", { class: "iframe-wrapper" }, index.h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (index.h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
53
- return (index.h(index.Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (index.h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (index.h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("button", { class: 'bg-svg-play', type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (index.h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("button", { class: "bg-svg-pause", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? index.h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? index.h("slot", null) : ''));
53
+ return (index.h(index.Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (index.h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (index.h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("button", { class: 'bg-svg-play', type: "button", tabindex: "0", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (index.h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("button", { class: "bg-svg-pause", tabindex: "0", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? index.h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? index.h("slot", null) : ''));
54
54
  }
55
55
  toggleVideoPlay(e) {
56
56
  e.preventDefault();
package/dist/cjs/ptc-homepage-video-background.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-63ddc79c.js');
6
6
  const utils = require('./utils-290a8f9a.js');
7
7
 
8
- const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link _::-webkit-full-page-media .bgb, .card-links .card-section .card-link _:future .bgb, .card-links .card-section .card-link :root .safari_only .bgb {\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n transition-property: background, backdrop-filter;\n transition: background 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);\n box-sizing: border-box;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
8
+ const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n z-index: 10;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n@media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) {\n .card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n }\n }\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
9
9
 
10
10
  const PtcHomepageVideoBackground = class {
11
11
  constructor(hostRef) {
package/dist/cjs/ptc-multi-select_2.cjs.entry.js CHANGED
@@ -18,7 +18,7 @@ const PtcMultiSelect = class {
18
18
  this.updateValidity();
19
19
  };
20
20
  this.updateValidity = () => {
21
- if (this.hasInteracted && this.isRequired) {
21
+ if (this.hasInteracted && this.isRequired && !this.showDropdown) {
22
22
  this.isValid = this.selectedItemsCount > 0;
23
23
  }
24
24
  else {
package/dist/collection/components/ptc-background-video/ptc-background-video.js CHANGED
@@ -42,7 +42,7 @@ export class PtcBackgroundVideo {
42
42
  }
43
43
  render() {
44
44
  const videoContent = this.isIframe ? (h("div", { class: "iframe-wrapper" }, h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
45
- return (h(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: 'bg-svg-play', type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: "bg-svg-pause", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
45
+ return (h(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: 'bg-svg-play', type: "button", tabindex: "0", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: "bg-svg-pause", tabindex: "0", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
46
46
  }
47
47
  toggleVideoPlay(e) {
48
48
  e.preventDefault();
package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.css CHANGED
@@ -261,10 +261,14 @@ ptc-link, ptc-square-card,
261
261
  .card-links .card-section .card-link:last-child {
262
262
  margin-right: 24px;
263
263
  }
264
+ .card-links .card-section .card-link icon-asset {
265
+ z-index: 10;
266
+ }
264
267
  .card-links .card-section .card-link .link-text {
265
268
  display: block;
266
269
  inline-size: 190px;
267
270
  white-space: break-spaces;
271
+ z-index: 10;
268
272
  font-size: var(--ptc-font-size-small);
269
273
  }
270
274
  @media only screen and (min-width: 992px) {
@@ -298,17 +302,19 @@ ptc-link, ptc-square-card,
298
302
  .card-links .card-section .card-link .bgh {
299
303
  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);
300
304
  }
305
+ @media not all and (min-resolution: 0.001dpcm) {
306
+ @supports (-webkit-appearance: none) {
307
+ .card-links .card-section .card-link .bgb,
308
+ .card-links .card-section .card-link .bgh {
309
+ backdrop-filter: blur(6px);
310
+ -webkit-backdrop-filter: blur(6px);
311
+ }
312
+ }
313
+ }
301
314
  .card-links .card-section .card-link .bgb {
302
315
  background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);
303
316
  opacity: 1;
304
317
  }
305
- .card-links .card-section .card-link _::-webkit-full-page-media .bgb, .card-links .card-section .card-link _:future .bgb, .card-links .card-section .card-link :root .safari_only .bgb {
306
- -webkit-backdrop-filter: saturate(180%) blur(20px);
307
- backdrop-filter: saturate(180%) blur(20px);
308
- transition-property: background, backdrop-filter;
309
- transition: background 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
310
- box-sizing: border-box;
311
- }
312
318
  .card-links .card-section .card-link .bgh {
313
319
  background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);
314
320
  }
package/dist/collection/components/ptc-multi-select/ptc-multi-select.js CHANGED
@@ -8,7 +8,7 @@ export class PtcMultiSelect {
8
8
  this.updateValidity();
9
9
  };
10
10
  this.updateValidity = () => {
11
- if (this.hasInteracted && this.isRequired) {
11
+ if (this.hasInteracted && this.isRequired && !this.showDropdown) {
12
12
  this.isValid = this.selectedItemsCount > 0;
13
13
  }
14
14
  else {
package/dist/custom-elements/index.js CHANGED
@@ -8309,7 +8309,7 @@ const PtcBackgroundVideo$1 = class extends HTMLElement$1 {
8309
8309
  }
8310
8310
  render() {
8311
8311
  const videoContent = this.isIframe ? (h$1("div", { class: "iframe-wrapper" }, h$1("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h$1("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
8312
- return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("button", { class: 'bg-svg-play', type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h$1("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("button", { class: "bg-svg-pause", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h$1("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h$1("slot", null) : ''));
8312
+ return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("button", { class: 'bg-svg-play', type: "button", tabindex: "0", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h$1("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("button", { class: "bg-svg-pause", tabindex: "0", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h$1("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h$1("slot", null) : ''));
8313
8313
  }
8314
8314
  toggleVideoPlay(e) {
8315
8315
  e.preventDefault();
@@ -18393,7 +18393,7 @@ const PtcHomepageImageFeature$1 = class extends HTMLElement$1 {
18393
18393
  static get style() { return ptcHomepageImageFeatureCss; }
18394
18394
  };
18395
18395
 
18396
- const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link _::-webkit-full-page-media .bgb, .card-links .card-section .card-link _:future .bgb, .card-links .card-section .card-link :root .safari_only .bgb {\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n transition-property: background, backdrop-filter;\n transition: background 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);\n box-sizing: border-box;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
18396
+ const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n z-index: 10;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n@media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) {\n .card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n }\n }\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
18397
18397
 
18398
18398
  const PtcHomepageVideoBackground$1 = class extends HTMLElement$1 {
18399
18399
  constructor() {
@@ -20346,7 +20346,7 @@ const PtcMultiSelect$1 = class extends HTMLElement$1 {
20346
20346
  this.updateValidity();
20347
20347
  };
20348
20348
  this.updateValidity = () => {
20349
- if (this.hasInteracted && this.isRequired) {
20349
+ if (this.hasInteracted && this.isRequired && !this.showDropdown) {
20350
20350
  this.isValid = this.selectedItemsCount > 0;
20351
20351
  }
20352
20352
  else {
package/dist/esm/ptc-background-video.entry.js CHANGED
@@ -46,7 +46,7 @@ const PtcBackgroundVideo = class {
46
46
  }
47
47
  render() {
48
48
  const videoContent = this.isIframe ? (h("div", { class: "iframe-wrapper" }, h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
49
- return (h(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: 'bg-svg-play', type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: "bg-svg-pause", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
49
+ return (h(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: 'bg-svg-play', type: "button", tabindex: "0", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: "bg-svg-pause", tabindex: "0", type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
50
50
  }
51
51
  toggleVideoPlay(e) {
52
52
  e.preventDefault();
package/dist/esm/ptc-homepage-video-background.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
2
  import { o as observeInView } from './utils-33803ae2.js';
3
3
 
4
- const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link _::-webkit-full-page-media .bgb, .card-links .card-section .card-link _:future .bgb, .card-links .card-section .card-link :root .safari_only .bgb {\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n transition-property: background, backdrop-filter;\n transition: background 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);\n box-sizing: border-box;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
4
+ const ptcHomepageVideoBackgroundCss = "h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n z-index: 10;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n width: 100%;\n height: 100%;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n@media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) {\n .card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n }\n }\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";
5
5
 
6
6
  const PtcHomepageVideoBackground = class {
7
7
  constructor(hostRef) {
package/dist/esm/ptc-multi-select_2.entry.js CHANGED
@@ -14,7 +14,7 @@ const PtcMultiSelect = class {
14
14
  this.updateValidity();
15
15
  };
16
16
  this.updateValidity = () => {
17
- if (this.hasInteracted && this.isRequired) {
17
+ if (this.hasInteracted && this.isRequired && !this.showDropdown) {
18
18
  this.isValid = this.selectedItemsCount > 0;
19
19
  }
20
20
  else {
package/dist/ptcw-design/p-0b7dee33.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as e,g as i}from"./p-ac75c7ad.js";const a=class{constructor(o){t(this,o),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.overlayType="standard",this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation="bottom-right",this.buttonTabIndex=!1,this.paused=void 0,this.trackerId=void 0,this.type="default",this.isIframe=!1}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?o("div",{class:"iframe-wrapper"},o("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):o("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return o(e,{class:this.type},t,!!this.videoSrc&&this.playButtonTitle&&o("div",{class:`play-button ${this.buttonLocation}`},this.paused&&o("ptc-tooltip",{class:"play-btn",mode:"wrapper",description:this.playButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div"},o("button",{class:"bg-svg-play",type:"button",tabindex:"0",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Play button"}))),!this.paused&&!!this.pauseButtonTitle&&o("ptc-tooltip",{class:"pause-btn",mode:"wrapper",description:this.pauseButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div"},o("button",{class:"bg-svg-pause",tabindex:"0",type:"button",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Pause button"})))),this.overlay?o("div",{class:`video-overlay ${this.overlayType}`}):"","default"==this.type?o("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let o=this.el.shadowRoot.querySelector("video");o&&(this.paused?o.pause():o.play().catch((t=>console.error(t))))}get el(){return i(this)}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:1px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}:host .play-button button.bg-svg-play{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18" id="play"><path d="M11.9625 9L0.0374756 0V18L11.9625 9Z"></path></svg>\')}:host .play-button button.bg-svg-pause{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" id="pause"><path id="rect28" d="M 0,0 H 4 V 18 H 0 Z"></path><path id="rect30" d="m 10,0 h 4 v 18 h -4 z"></path></svg>\')}';export{a as ptc_background_video}