@ptcwebops/ptcw-design 6.4.10-beta → 6.4.11-beta

package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js

@@ -97,7 +97,7 @@ export class FeaturedList {
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["featured-list.css"]
+      "$": ["featured-list.scss"]
     };
   }
   static get styleUrls() {

package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css

@@ -1141,7 +1141,8 @@ homepage-case-study-cards {
   display: block;
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 .event-slider-cards.swiper-horizontal {

package/dist/collection/components/organism-bundles/featured-events-slider-example/featured-events-slider-example.css

@@ -1066,7 +1066,8 @@ featured-events-slider-example .fe-slider.swiper-horizontal .fe-slider-card .car
   /* 150% */
   display: flex;
   align-items: center;
-  column-gap: 12px;
+  -moz-column-gap: 12px;
+       column-gap: 12px;
   margin-bottom: 8px;
 }
 featured-events-slider-example .fe-slider.swiper-horizontal .swiper-scrollbar {

package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.css

@@ -87,7 +87,8 @@ ptc-footer {
 
 ::slotted(.tab-slot-image) {
   width: auto;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   margin-bottom: 32px;
 }
 @media screen and (min-width: 480px) {

package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css

@@ -83,8 +83,7 @@ swiper-slide {
 }
 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 /* 3D Effects */
 .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -391,7 +390,8 @@ button.swiper-pagination-bullet {
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
-          appearance: none;
+          -moz-appearance: none;
+       appearance: none;
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
@@ -559,7 +559,8 @@ button.swiper-pagination-bullet {
 .swiper-zoom-container > canvas {
   max-width: 100%;
   max-height: 100%;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .swiper-slide-zoomed {
   cursor: move;
@@ -605,8 +606,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
@@ -635,8 +635,7 @@ swiper-container .swiper-notification {
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
@@ -662,8 +661,7 @@ swiper-container .swiper-notification {
 }
 .swiper-flip .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
 }
 .swiper-flip .swiper-slide .swiper-slide {
@@ -678,12 +676,10 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-creative .swiper-slide {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height;
 }
@@ -692,8 +688,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
 }
 

package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css

@@ -1018,6 +1018,7 @@ storefront-enhanced-product-list-alt-example .swiper-wrapper {
 }
 storefront-enhanced-product-list-example .swiper-slide,
 storefront-enhanced-product-list-alt-example .swiper-slide {
+  width: -moz-max-content;
   width: max-content;
   height: auto;
 }

package/dist/collection/components/ptc-announcement/ptc-announcement.css

@@ -232,8 +232,6 @@ ptc-footer {
 .cta-link {
   color: var(--color-hyperlink);
   font-size: var(--ptc-font-size-x-small);
-  -webkit-transition: color var(--ptc-transition-slow) var(--ptc-ease-inout);
-  -o-transition: color var(--ptc-transition-slow) var(--ptc-ease-inout);
   transition: color var(--ptc-transition-slow) var(--ptc-ease-inout);
   font-weight: var(--ptc-font-weight-bold);
   text-decoration: underline;

package/dist/collection/components/ptc-background-video/ptc-background-video.css

@@ -72,7 +72,8 @@ ptc-footer {
   overflow: hidden;
   pointer-events: none;
   z-index: -100;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 :host .video-overlay {
   z-index: 1;
@@ -102,7 +103,8 @@ ptc-footer {
   z-index: -100;
 }
 :host(.legacy) video {
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   position: absolute;
   top: 0px;
   left: 0px;
@@ -132,7 +134,8 @@ ptc-footer {
   height: 100%;
 }
 :host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video {
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 :host .play-button {
@@ -251,7 +254,8 @@ ptc-footer {
   inset: 0;
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 :host .bg-fallback {
   display: block;

package/dist/collection/components/ptc-bio-card/ptc-bio-card.css

@@ -298,7 +298,7 @@ ptc-modal inline-form a,
   height: 100%;
   display: flex;
   box-shadow: var(--ptc-shadow-small);
-  transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
+  transition: box-shadow 0.25s ease-out;
   background-color: var(--color-white);
 }
 :host .bio-card:focus-visible {
@@ -323,9 +323,11 @@ ptc-modal inline-form a,
 :host .bio-card .bio-card__image img {
   max-width: 100%;
   display: block;
+  max-height: -moz-fit-content;
   max-height: fit-content;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   width: 100%;
 }
 :host .bio-card .bio-card__content {

package/dist/collection/components/ptc-card/ptc-card.css

@@ -572,9 +572,6 @@ ptc-footer {
   margin-bottom: 14px;
   margin-top: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.listing-card) ::slotted([slot=slot-date]) {
@@ -594,9 +591,6 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 1rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 
@@ -692,9 +686,6 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 @media only screen and (min-width: 1200px) {
@@ -740,9 +731,6 @@ ptc-footer {
   margin-bottom: 8px;
   margin-top: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 @media (min-width: 768px) {
@@ -771,9 +759,6 @@ ptc-footer {
     margin-bottom: 8px;
     margin-top: 0rem;
     word-break: break-word;
-    -webkit-hyphens: auto;
-    -moz-hyphens: auto;
-    -ms-hyphens: auto;
     hyphens: auto;
   }
 }
@@ -788,9 +773,6 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.listing-card-horizontal) ::slotted([slot=slot-description]) p {
@@ -965,9 +947,6 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 1rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.resource-center-card) ::slotted([slot=slot-description]) p {
@@ -979,9 +958,6 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 39px;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.resource-center-card) ::slotted([slot=slot-description]) span {
@@ -1110,7 +1086,8 @@ ptc-footer {
   max-width: 280px;
   width: auto;
   height: 40px;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border: 1px solid var(--color-gray-02);
   margin-bottom: 8px;
 }
@@ -1196,14 +1173,13 @@ ptc-footer {
   color: var(--color-gray-11);
   border-radius: 0px 4px 4px 0px;
   box-shadow: var(--ptc-shadow-small);
+  max-height: -moz-fit-content;
   max-height: fit-content;
   overflow: hidden;
+  width: -moz-fit-content;
   width: fit-content;
   clip-path: inset(-6px -6px -6px 0px);
   word-break: break-word;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
   hyphens: manual;
 }
 :host(.related-card) .link-wrapper {
@@ -1296,9 +1272,6 @@ ptc-footer {
   display: inline-block;
   margin-top: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.related-card) .card-body .small {
@@ -1319,9 +1292,6 @@ ptc-footer {
   margin-bottom: 14px;
   margin-top: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.related-card) ::slotted([slot=slot-description]) {
@@ -1425,9 +1395,6 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-top: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
   margin-bottom: 0rem;
 }
@@ -1448,9 +1415,6 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 :host(.featured-horizontal-card) ::slotted([slot=slot-description]) p {

package/dist/collection/components/ptc-checkbox/ptc-checkbox.css

@@ -64,7 +64,9 @@ ptc-footer {
 :host .ptc-checkbox {
   display: block;
   position: relative;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   cursor: pointer;
   font-family: var(--ptc-font-latin);
   font-style: normal;

package/dist/collection/components/ptc-checkbox-group/ptc-checkbox-group.css

@@ -65,7 +65,9 @@ ptc-footer {
 :host::slotted(.group-title) input[type=checkbox], :host::slotted(.checkbox-card) input[type=checkbox] {
   width: 24px;
   height: 24px;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   border: 1px solid var(--color-gray-07);
   display: inline-block;
   box-sizing: border-box;

package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.css

@@ -292,6 +292,9 @@ li {
   border-radius: var(--ptc-border-radius-standard);
   outline: 5px solid var(--keyboard-nav-outline);
 }
+.search-box input[type=text]::-moz-placeholder {
+  color: var(--color-gray-07);
+}
 .search-box input[type=text]::placeholder {
   color: var(--color-gray-07);
 }

package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css

@@ -156,6 +156,7 @@ ptc-footer {
   padding: 0.8rem 0;
   right: auto;
   left: 0;
+  min-width: -moz-max-content;
   min-width: max-content;
   width: 100%;
 }
@@ -204,6 +205,7 @@ ptc-footer {
   padding: 0.8rem 0;
   right: auto;
   left: 0;
+  min-width: -moz-max-content;
   min-width: max-content;
   width: 100%;
 }

package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css

@@ -187,14 +187,13 @@ ptc-footer {
   display: block;
   font-weight: 500;
   position: relative;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   line-height: 1.5;
   display: flex;
   align-items: baseline;
   word-break: break-word;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
   hyphens: manual;
 }
 :host .radio-label input {

package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css

@@ -386,11 +386,6 @@ ptc-modal inline-form a,
   animation: slide 0.5s forwards;
   animation-delay: 0.1s;
 }
-@-webkit-keyframes slide {
-  100% {
-    right: 0;
-  }
-}
 @keyframes slide {
   100% {
     right: 0;
@@ -414,6 +409,7 @@ ptc-modal inline-form a,
   justify-content: space-between;
 }
 :host .flt-wrapper .back-button {
+  height: -moz-max-content;
   height: max-content;
   background-color: var(--color-gray-10);
   border-radius: var(--ptc-border-radius-standard);

package/dist/collection/components/ptc-footer/ptc-footer-v2.css

@@ -77,7 +77,9 @@ ptc-footer ul li a {
   text-underline-offset: 6px;
   text-decoration-thickness: 1px;
   text-decoration-color: transparent;
+  transition: -webkit-text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
   transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
+  transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout), -webkit-text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
   color: var(--color-white) !important;
 }
 ptc-footer ul li a:hover {
@@ -401,6 +403,7 @@ ptc-footer .ft-grid .ft-menu {
   ptc-footer .ft-grid .ft-menu {
     padding-right: 64px;
     min-width: 413px;
+    max-width: -moz-min-content;
     max-width: min-content;
   }
 }

package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.css

@@ -62,7 +62,9 @@ ptc-footer {
   display: block;
 }
 :host .ptc-form-radio-button {
+  width: -moz-max-content;
   width: max-content;
+  height: -moz-max-content;
   height: max-content;
   display: flex;
   align-items: center;

package/dist/collection/components/ptc-homepage-image-feature/ptc-homepage-image-feature.css

@@ -106,6 +106,7 @@ ptc-footer {
     padding: 64px;
     margin: 0 0 0 -120px;
     width: calc(100% + 120px);
+    max-width: -moz-fit-content;
     max-width: fit-content;
   }
 }

package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css

@@ -77,7 +77,6 @@ ptc-footer {
 :host .strip .dl-btn {
   width: 54px;
   height: 40px;
-  background-image: -o-linear-gradient(162deg, #74c34d, #00783e);
   background-image: linear-gradient(288deg, #74c34d, #00783e);
   border: 1px solid #fff;
   color: #fff;

package/dist/collection/components/ptc-info-tile/ptc-info-tile.css

@@ -190,7 +190,8 @@ ptc-footer {
 ::slotted(img[slot=tile-image]) {
   width: 120px !important;
   height: 100% !important;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   display: block;
   max-height: 100%;
   position: absolute;

package/dist/collection/components/ptc-inline-cta/ptc-inline-cta.css

@@ -63,6 +63,7 @@ ptc-footer {
 }
 :host .small-inline-cta-container {
   width: 100%;
+  height: -moz-max-content;
   height: max-content;
   display: grid;
   position: relative;
@@ -155,6 +156,7 @@ ptc-footer {
 }
 :host .big-inline-cta-container {
   width: 100%;
+  height: -moz-max-content;
   height: max-content;
   display: grid;
   position: relative;
@@ -337,6 +339,7 @@ ptc-footer {
     left: 0;
   }
   :host .bottom-inline-cta-container .cta-body {
+    height: -moz-max-content;
     height: max-content;
     width: 50%;
     display: block;

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -578,6 +578,10 @@ ptc-footer {
   overflow: hidden;
 }
 
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .u-background-white {
   background-color: var(--color-white);
 }
@@ -706,56 +710,68 @@ ptc-footer {
 }
 
 .grid-large-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-large-col-gap-md {
-    column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
   }
 }
 
 .grid-large-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-large-col-gap-sm {
-    column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
   }
 }
 
 .grid-x-large-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-x-large-col-gap-md {
-    column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
   }
 }
 
 .grid-x-large-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-x-large-col-gap-sm {
-    column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
   }
 }
 
 .grid-medium-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-medium-col-gap-md {
-    column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
   }
 }
 
 .grid-medium-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-medium-col-gap-sm {
-    column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
   }
 }
 
@@ -1428,6 +1444,7 @@ ptc-modal inline-form a,
   margin-top: 24px;
   display: flex;
   width: 152px;
+  height: -moz-max-content;
   height: max-content;
 }
 .logo-frame img {
@@ -1704,8 +1721,10 @@ ptc-modal inline-form a,
   width: 100%;
   height: 100%;
   border-radius: var(--ptc-border-radius-circle);
-  object-fit: cover;
-  object-position: center;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
 }
 :host(.blog-jumbotron) .blog-author-name {
   color: inherit;

package/dist/collection/components/ptc-link/ptc-link.css

@@ -303,7 +303,8 @@ ptc-footer {
 }
 .nav-card-link:hover {
   color: var(--color-white);
-  text-decoration: underline var(--color-green-06) solid 1px;
+  -webkit-text-decoration: underline var(--color-green-06) solid 1px;
+          text-decoration: underline var(--color-green-06) solid 1px;
   text-underline-offset: 2px;
 }
 .nav-card-link:active {

package/dist/collection/components/ptc-media-card/ptc-media-card.css

@@ -78,7 +78,8 @@ ptc-footer {
   outline: 5px solid var(--keyboard-nav-outline);
 }
 :host video {
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   height: 100%;
   width: 100%;
   z-index: 0;
@@ -172,7 +173,8 @@ ptc-footer {
   justify-content: center;
   align-items: center;
   border-radius: 4px;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   position: absolute;
   z-index: 1;
   box-shadow: var(--ptc-shadow-large);

package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css

@@ -148,14 +148,8 @@ ptc-footer {
   z-index: 1000;
   padding: 0;
   height: 60px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
   justify-content: center;
   background-color: var(--color-gray-10);
 }