@ptcwebops/ptcw-design 6.4.7-beta → 6.4.7

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

@@ -1,147 +1,111 @@
-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;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    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;
-}
-
-.skeleton {
-  display: flex;
-  flex-direction: column;
-}
-.skeleton.centered {
-  justify-content: center;
-}
-.skeleton.padding-left-sm {
-  padding-left: 14px;
-}
-
-.skeleton-block {
-  height: 24px;
-  background: linear-gradient(to right, #f6f6f6 25%, #e4e7e9 50%, #f6f6f6 75%);
-  background-size: 200% 100%;
-  margin-bottom: 8px;
-  border-radius: 4px;
-  animation: loading 2.5s ease-in-out infinite;
-  width: 100%;
-}
-
-.skeleton-block {
-  /* &.medium-md {
-  	@include screen-md {
-  		width: 50%;
-  	}
-  } */
-}
-.skeleton-block.long {
-  width: 80%;
-}
-.skeleton-block.wide {
-  width: 70%;
-}
-.skeleton-block.wide-sm {
-  width: 60%;
-}
-.skeleton-block.medium {
-  width: 50%;
-}
-.skeleton-block.short {
-  width: 30%;
-}
-.skeleton-block.narrow {
-  width: 20%;
-}
-.skeleton-block.center {
-  margin-left: auto;
-  margin-right: auto;
-}
-.skeleton-block.left {
-  margin-right: auto;
-}
-.skeleton-block.right {
-  margin-left: auto;
-}
-.skeleton-block.caption {
-  height: 32px;
-}
-.skeleton-block.para {
-  height: 96px;
-}
-.skeleton-block.text-body {
-  height: 192px;
-}
-.skeleton-block.button {
-  height: 48px;
-}
-.skeleton-block.small-para {
-  height: 40px;
-}
-.skeleton-block.divider {
-  height: 1px;
-}
-.skeleton-block.multi-line {
-  height: 24px;
-}
-.skeleton-block.title {
-  height: 16px;
-}
-.skeleton-block.line {
-  height: 8px;
-}
+:host {
+  display: block;
+}
+
+.skeleton {
+	display: flex;
+	flex-direction: column;
+	&.centered {
+		justify-content: center;
+	}
+
+	&.padding-left-sm {
+		padding-left: 14px;
+	}
+}
+
+.skeleton-block {
+	height: 24px;
+	background: linear-gradient(
+		to right,
+		#f6f6f6 25%,
+		#e4e7e9 50%,
+		#f6f6f6 75%
+	);
+	background-size: 200% 100%;
+	margin-bottom: 8px;
+	border-radius: 4px;
+	animation: loading 2.5s ease-in-out infinite;
+	width: 100%;
+}
+
+.skeleton-block {
+	&.long {
+		width: 80%;
+	}
+
+	&.wide {
+		width: 70%;
+	}
+
+	&.wide-sm {
+		width: 60%;
+	}
+
+	&.medium {
+		width: 50%;
+	}
+
+	/* &.medium-md {
+		@include screen-md {
+			width: 50%;
+		}
+	} */
+
+	&.short {
+		width: 30%;
+	}
+
+	&.narrow {
+		width: 20%;
+	}	
+
+	&.center {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	&.left {
+		margin-right: auto;
+	}
+
+	&.right {
+		margin-left: auto;
+	}
+
+  &.caption {
+    height: 32px;
+  }
+
+  &.para {
+    height: 96px;
+  }
+
+  &.text-body {
+    height: 192px;
+  }
+
+  &.button {
+    height: 48px;
+  }
+
+  &.small-para {
+    height: 40px;
+  }
+
+  &.divider {
+    height: 1px;
+  }
+
+  &.multi-line{
+    height: 24px;
+  }
+
+  &.title {
+    height: 16px;
+  }
+
+  &.line {
+    height: 8px;
+  }
+}

package/dist/collection/components/ptc-preloader/ptc-preloader.js

@@ -12,7 +12,7 @@ export class PtcPreloader {
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["ptc-preloader.scss"]
+      "$": ["ptc-preloader.css"]
     };
   }
   static get styleUrls() {

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css

@@ -119,6 +119,7 @@ ptc-footer {
 
 .preload-section {
   position: relative;
+  height: -moz-max-content;
   height: max-content;
   overflow: visible;
 }
@@ -487,7 +488,8 @@ ptc-footer {
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
-  column-gap: 40px;
+  -moz-column-gap: 40px;
+       column-gap: 40px;
 }
 .skeleton-home-page .slide-container .skeleton-slides .slide {
   background: linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);
@@ -795,11 +797,13 @@ ptc-footer {
 .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  column-gap: 14px;
+  -moz-column-gap: 14px;
+       column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .skeleton-jumbotron .cta-wrap {
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
   }
 }
 
@@ -909,7 +913,8 @@ ptc-footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  column-gap: 28px;
+  -moz-column-gap: 28px;
+       column-gap: 28px;
 }
 .skeleton-on-demand .on-demand-vl .grid-vl .block {
   flex-basis: 100%;
@@ -2194,7 +2199,8 @@ ptc-footer {
 .preloader-events-listing .grid-cards {
   display: flex;
   flex-direction: row;
-  column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
   overflow-x: hidden;
 }
 @media only screen and (min-width: 992px) {
@@ -2224,7 +2230,8 @@ ptc-footer {
   .preloader-events-listing .grid-cards-desktop {
     display: flex;
     flex-direction: row;
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
     overflow-x: hidden;
     justify-content: center;
   }
@@ -2287,7 +2294,8 @@ ptc-footer {
 .preloader-events-listing .grid-long-cards {
   display: flex;
   flex-direction: row;
-  column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
   overflow-x: hidden;
   margin-top: 36px;
   margin-bottom: 30px;
@@ -2558,11 +2566,13 @@ ptc-footer {
 .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  column-gap: 14px;
+  -moz-column-gap: 14px;
+       column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
   }
 }
 .preloader-cs-listing-page .bold-1 {
@@ -3706,6 +3716,8 @@ ptc-footer {
 .skeleton-long-image,
 .skeleton-background-video-tall,
 .skeleton-home-page .skeleton-jumbo .block,
+.skeleton-home-page .slide-container .skeleton-slides .slide,
+.skeleton-homepage-toggle .block,
 .skeleton-blog-detail .skeleton-block,
 .skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image,
 .skeleton-on-demand .skeleton-block {

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js

@@ -81,14 +81,13 @@ export class PtcPreloaderSection {
       case "ppc-skeleton": {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "ppc-skeleton-preloader" }, h("div", { class: "ptc-container " }, h("div", { class: "dots-loader" })))));
       }
-      case "search-results": {
-        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-search-results" }, h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
-      }
       case "news": {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "news-skeleton-preloader" }, h("div", { class: "ptc-container ptc-section-standard" }, h("ptc-spacer", { breakpoint: "large", size: "medium" }), h("div", { class: "is-grid has-row-gap-md" }, h("div", { class: "is-col-6-lg skeleton-block thick thick-on-mobile" }), h("div", { class: "is-col-6-lg skeleton-block thick medium-md right" })), h("ptc-spacer", { size: "xxx-large" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block narrow thick center" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block short thin center" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block big-block" }), h("ptc-spacer", { size: "xxx-large" }), h("div", { class: "skeleton-block bold medium" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "is-grid has-row-gap-md  has-col-gap-lg" }, h("div", { class: "is-col-8-lg" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }))), h("div", { class: "is-col-4-lg skeleton-block big-card-block" })), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block cta thick center" }), h("ptc-spacer", { size: "xxx-large" }), h("div", { class: "skeleton-block bold medium" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "is-grid has-row-gap-md  has-col-gap-lg" }, h("div", { class: "is-col-8-lg" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }))), h("div", { class: "is-col-4-lg skeleton-block big-card-block" })), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block cta thick center" })))));
       }
-      case "resource-center": {
+      case "resource-center":
         return (h("div", { class: "preloader-wrapper resource-center-skeleton-preloader" }, h("div", { class: "skeleton jumbo-image-mobile" }), h("div", { class: "skeleton-jumbotron" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" }))))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid desktop-cards" }, h("div", { class: "is-col-12-xs is-col-3-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin medium" }), h("div", { class: "skeleton-block bold long" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }))), h("div", { class: "is-col-12-xs is-col-9-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 15 }).map(() => (h("div", { class: "is-col-6-sm is-col-4-xl skeleton-block card-block" })))))))));
+      case "search-results": {
+        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-search-results" }, h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
       }
       case "ppc-embedded-form-skeleton": {
         return (h("div", { class: "preloader-wrapper preloader-ppc-embedded-form" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid grid-1" }, h("div", { class: "is-col-12-xs is-col-12-sm is-col-10-md is-col-7-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block very-bold line-1" }), h("div", { class: "skeleton-block thin line-2" }), h("div", { class: "skeleton-block thin line-3" }), h("div", { class: "skeleton-block thin line-4" }), h("div", { class: "skeleton-block thin line-5" }), h("div", { class: "skeleton-block thin line-6" }), h("div", { class: "skeleton-block thin line-7" }), h("div", { class: "skeleton-block thin line-3" }), h("div", { class: "skeleton-block thin line-4" }), h("div", { class: "skeleton-block thin line-5" }), h("div", { class: "skeleton-block thin line-8" }))), h("div", { class: "is-col-1-lg" }), h("div", { class: "is-col-12-xs is-col-12-sm is-col-4-lg form-block-2" })))));

package/dist/collection/components/ptc-previous-url/ptc-previous-url.css

@@ -86,20 +86,4 @@ ptc-footer {
   text-decoration: underline;
   text-decoration-color: var(--color-green-07);
   outline: none;
-}
-
-.light {
-  display: inline-block;
-  background: rgba(0, 0, 0, 0.54);
-  border-radius: 4px;
-  padding: 0.5rem 0.75rem;
-  padding: 0.25rem 1rem 0.5rem 0.75rem;
-  cursor: pointer;
-  position: relative;
-  display: block;
-}
-.light:hover span {
-  text-decoration: underline;
-  text-decoration-color: var(--color-green-07);
-  outline: none;
 }

package/dist/collection/components/ptc-previous-url/ptc-previous-url.js

@@ -3,19 +3,10 @@ export class PtcPreviousUrl {
   constructor() {
     this.href = undefined;
     this.text = undefined;
-    this.theme = "standard";
     this.styles = undefined;
   }
   render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": this.href }, this.theme == "light" ? (h("a", { class: this.getCssClassMap() }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("span", { class: "back-to-videos" }, this.text))) : ([
-      h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }),
-      h("a", { class: "back-to-videos" }, this.text),
-    ])), h("slot", null)));
-  }
-  getCssClassMap() {
-    return {
-      [this.theme]: true,
-    };
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
   }
   static get is() { return "ptc-previous-url"; }
   static get encapsulation() { return "shadow"; }
@@ -65,24 +56,6 @@ export class PtcPreviousUrl {
         "attribute": "text",
         "reflect": false
       },
-      "theme": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"standard\" | \"light\"",
-          "resolved": "\"light\" | \"standard\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"standard\""
-      },
       "styles": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css

@@ -114,6 +114,7 @@ ptc-footer {
 }
 :host .scroll-button div {
   display: inline-block;
+  width: -moz-fit-content;
   width: fit-content;
   height: 36px;
   background-color: white;

package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js

@@ -33,10 +33,8 @@ export class PtcPricingPackagingTable {
             tableHeader.getBoundingClientRect().bottom) {
             if (tableHeader.getBoundingClientRect().top <
               this.stickyTopAt) {
-              tableHeader.style.top = `${Math.min(tableContainer.getBoundingClientRect().bottom -
-                tableHeader.clientHeight, this.stickyTopAt)}px`;
-              verticalScrollContentClipper.style.top = `${tableHeader.getBoundingClientRect().top -
-                verticalScrollContentClipper.clientHeight}px`;
+              tableHeader.style.top = `${Math.min(tableContainer.getBoundingClientRect().bottom - tableHeader.clientHeight, this.stickyTopAt)}px`;
+              verticalScrollContentClipper.style.top = `${tableHeader.getBoundingClientRect().top - verticalScrollContentClipper.clientHeight}px`;
             }
           }
         }
@@ -55,10 +53,8 @@ export class PtcPricingPackagingTable {
           // Scroll the sticky header back into view along with the table
           if (tableContainer.getBoundingClientRect().bottom <=
             tableHeader.getBoundingClientRect().bottom) {
-            tableHeader.style.top = `${tableContainer.getBoundingClientRect().bottom -
-              tableHeader.clientHeight}px`;
-            verticalScrollContentClipper.style.top = `${tableHeader.getBoundingClientRect().top -
-              verticalScrollContentClipper.clientHeight}px`;
+            tableHeader.style.top = `${tableContainer.getBoundingClientRect().bottom - tableHeader.clientHeight}px`;
+            verticalScrollContentClipper.style.top = `${tableHeader.getBoundingClientRect().top - verticalScrollContentClipper.clientHeight}px`;
           }
         }
       }
@@ -463,9 +459,7 @@ export class PtcPricingPackagingTable {
     };
     const TableHeader = () => {
       return (h("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h("div", { class: `desktop-header-first-cell` }, this.isDesktopView ? (h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "desktop-header-first-cell" }))) : null, h("div", { class: "scroll-button mf-listen", id: "previous-scroll-button" }, h("div", { class: "mf-listen", onClick: () => this.handleBackwardScroll(), onKeyDown: (e) => this.handleScrollButtonClick(e, -1), tabIndex: 0, id: `previous-scroll-button-${this.sectionId}` }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.moreText))), h("div", { class: "scroll-button mf-listen", id: "next-scroll-button" }, h("div", { class: "mf-listen", onClick: () => this.handleForwardScroll(), onKeyDown: (e) => this.handleScrollButtonClick(e, 1), tabIndex: 0, id: `next-scroll-button-${this.sectionId}` }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.moreText), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), [...Array(this.dataCols).keys()].map((col) => {
-        return (h("div", { class: `table-cell ${col + 1 === this.dataCols
-            ? "table-last-cell"
-            : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), this.columnHeaderLinks.length ===
+        return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), this.columnHeaderLinks.length ===
           this.dataCols &&
           this.columnHeaderLinks[col] ? (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-link", { "dark-focus-state": true, "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
             .linkTitle, onFocus: (e) => this.handleAutoScrollOnFocus(e), "tracker-id": `column-header-${col + 1}-link-${this.sectionId}` }, this.isDesktopView ? (h("ptc-tooltip", { class: col ===
@@ -477,9 +471,7 @@ export class PtcPricingPackagingTable {
     };
     const TableHeaderPlaceholder = () => {
       return (h("div", { id: "table-header-placeholder", class: this.headerType }, h("div", { class: `desktop-header-first-cell` }, this.isDesktopView ? (h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "placeholder-desktop-header-first-cell" }))) : null), [...Array(this.dataCols).keys()].map((col) => {
-        return (h("div", { class: `table-cell ${col + 1 === this.dataCols
-            ? "table-last-cell"
-            : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), this.columnHeaderLinks.length ===
+        return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), this.columnHeaderLinks.length ===
           this.dataCols &&
           this.columnHeaderLinks[col] ? (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
             .linkTitle, "tab-nav": "-1" }, this.isDesktopView ? (h("ptc-tooltip", { class: col ===
@@ -491,22 +483,14 @@ export class PtcPricingPackagingTable {
     };
     const TableDataRows = () => {
       return [...Array(this.dataRows).keys()].map((row) => {
-        return (h(Fragment, null, !this.isDesktopView ? (h("div", { class: "mobile-sticky-row-header" }, h("slot", { name: `row-header-${row + 1}` }))) : null, h("div", { class: `mf-listen table-row ${this.isDesktopView && row % 2 != 0
-            ? "desktop-alternate-row"
-            : ""}` }, this.isDesktopView ? (h("div", { class: `desktop-sticky-row-header ${this.isDesktopView && row % 2 != 0
-            ? "desktop-alternate-row"
-            : ""}` }, h("slot", { name: `row-header-${row + 1}` }))) : null, [...Array(this.dataCols).keys()].map((col) => {
-          return (h("div", { class: `table-cell ${col + 1 === this.dataCols
-              ? "table-last-cell"
-              : ""}`, "data-cell-slot": `cell-r${row + 1}-c${col + 1}`, onFocusin: (e) => this.handleAutoScrollOnFocus(e, `cell-r${row + 1}-c${col + 1}`) }, h("slot", { name: `cell-r${row + 1}-c${col + 1}` })));
+        return (h(Fragment, null, !this.isDesktopView ? (h("div", { class: "mobile-sticky-row-header" }, h("slot", { name: `row-header-${row + 1}` }))) : null, h("div", { class: `mf-listen table-row ${this.isDesktopView && row % 2 != 0 ? "desktop-alternate-row" : ""}` }, this.isDesktopView ? (h("div", { class: `desktop-sticky-row-header ${this.isDesktopView && row % 2 != 0 ? "desktop-alternate-row" : ""}` }, h("slot", { name: `row-header-${row + 1}` }))) : null, [...Array(this.dataCols).keys()].map((col) => {
+          return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}`, "data-cell-slot": `cell-r${row + 1}-c${col + 1}`, onFocusin: (e) => this.handleAutoScrollOnFocus(e, `cell-r${row + 1}-c${col + 1}`) }, h("slot", { name: `cell-r${row + 1}-c${col + 1}` })));
         }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }))));
       });
     };
     const TableCtaRow = () => {
       return this.showCtaButtonsRow ? (h("div", { class: "table-cta-row" }, this.isDesktopView ? (h("div", { class: "desktop-sticky-row-header" })) : null, [...Array(this.dataCols).keys()].map((col) => {
-        return (h("div", { class: `table-cell ${col + 1 === this.dataCols
-            ? "table-last-cell"
-            : ""}` }, this.ctaButtons[col] ? (h("ptc-button", { "tracker-id": `pricing-cta-${col}-${this.sectionId}`, type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}`, "link-title": this.ctaButtons[col].linkTitle, onFocus: this.handleAutoScrollOnFocus }, this.isDesktopView ? (h("ptc-tooltip", { class: col === this.dataCols - 1
+        return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}` }, this.ctaButtons[col] ? (h("ptc-button", { "tracker-id": `pricing-cta-${col}-${this.sectionId}`, type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}`, "link-title": this.ctaButtons[col].linkTitle, onFocus: this.handleAutoScrollOnFocus }, this.isDesktopView ? (h("ptc-tooltip", { class: col === this.dataCols - 1
             ? "last-column-tooltip"
             : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col]
             .linkText, position: "top" })) : (this.ctaButtons[col].linkText))) : null));