@ptcwebops/ptcw-design 6.4.4-beta → 6.4.4

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

@@ -1,34 +1,7 @@
 import { Host, h, } from "@stencil/core";
 import { nextUserInteractionEvent } from "../../utils/utils";
-import { isReducedMotion, onReducedMotionChange } from "../../utils/utils";
 export class PtcBackgroundVideo {
   constructor() {
-    /** Ensure the first frame is painted and paused. */
-    this.showFirstFrame = (v) => {
-      v.preload = "auto";
-      v.removeAttribute("autoplay");
-      v.loop = false;
-      const paint = () => {
-        try {
-          //v.currentTime = 0;
-          // If a browser still paints black, try this tiny nudge:
-          v.currentTime = 0.1;
-        }
-        catch (_a) { }
-        v.pause();
-      };
-      if (v.readyState >= 2 /* HAVE_CURRENT_DATA, have enough data */) {
-        paint();
-      }
-      else {
-        const onLoaded = () => {
-          v.removeEventListener("loadeddata", onLoaded);
-          paint();
-        };
-        v.addEventListener("loadeddata", onLoaded, { once: true });
-        v.load();
-      }
-    };
     this.videoSrc = undefined;
     this.posterSrc = undefined;
     this.overlay = true;
@@ -37,98 +10,60 @@ export class PtcBackgroundVideo {
     this.pauseButtonTitle = undefined;
     this.buttonLocation = "bottom-right";
     this.buttonTabIndex = 0;
+    this.paused = undefined;
     this.trackerId = undefined;
     this.defer = undefined;
     this.type = "default";
     this.isIframe = false;
-    this.paused = undefined;
     this.loadedTrue = false;
-    this.reducedMotion = false;
-  }
-  componentWillLoad() {
-    this.paused = false;
-    this.reducedMotion = isReducedMotion();
   }
   componentDidLoad() {
-    const afterMount = () => {
-      this.loadedTrue = true;
-      this.syncPlaybackWithPreference();
-    };
     if (this.defer) {
-      nextUserInteractionEvent(this).then(afterMount);
+      nextUserInteractionEvent(this).then(() => {
+        this.loadedTrue = true;
+      });
     }
     else {
-      afterMount();
+      this.loadedTrue = true;
     }
-    this.offMotionListener = onReducedMotionChange((reduced) => {
-      this.reducedMotion = reduced;
-      // Wait a tick for render to reflect state, then sync playback.
-      setTimeout(() => this.syncPlaybackWithPreference(), 0);
-    });
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.offMotionListener) === null || _a === void 0 ? void 0 : _a.call(this);
   }
-  syncPlaybackWithPreference() {
-    if (this.isIframe) {
-      return;
-    }
-    const v = this.videoEl;
-    if (!v)
-      return;
-    if (this.reducedMotion) {
-      // Animations OFF → freeze first frame
-      this.showFirstFrame(v);
-    }
-    else {
-      // Animations ON → autoplay unless user paused
-      v.preload = "auto";
-      v.loop = true;
-      if (!this.paused) {
-        v.setAttribute("autoplay", "");
-        v.play().catch(() => {
-        });
-      }
-    }
+  componentWillLoad() {
+    this.paused = false;
   }
-  // ------------ Render ------------
   render() {
-    const canMountMedia = this.loadedTrue;
-    const videoNode = !this.isIframe && canMountMedia && (h("video", { class: "background-video", src: this.videoSrc, muted: true, playsinline: true, autoplay: !this.reducedMotion && !this.paused, loop: !this.reducedMotion, preload: "auto", "aria-hidden": "true", tabindex: "-1", ref: (el) => (this.videoEl = el) }));
-    const iframeNode = this.isIframe && canMountMedia && (h("div", { class: "iframe-wrapper" }, h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed", "aria-hidden": "true", tabindex: "-1" })));
-    return (h(Host, { class: this.type }, h("div", { class: "media" }, videoNode, iframeNode), !!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"
+    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 }));
+    const placeholderContent = (h("video", { poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
+    return (h(Host, { class: this.type }, this.loadedTrue ? videoContent : placeholderContent, !!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 mf-listen" }, h("button", { class: "bg-svg-play", type: "button", tabindex: this.buttonTabIndex, 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 mf-listen" }, h("button", { class: "bg-svg-pause", tabindex: this.buttonTabIndex, 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) : ""));
+        : "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 mf-listen" }, h("button", { class: "bg-svg-pause", tabindex: this.buttonTabIndex, 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) : ""));
   }
   toggleVideoPlay(e) {
     e.preventDefault();
     this.paused = !this.paused;
-    const v = this.videoEl;
-    if (!v)
-      return;
-    if (this.paused) {
-      v.pause();
-    }
-    else {
-      if (!this.reducedMotion)
-        v.setAttribute("autoplay", "");
-      v.play().catch((z) => console.error(z));
+    let video = this.el.shadowRoot.querySelector("video");
+    if (video) {
+      if (this.paused) {
+        video.pause();
+      }
+      else {
+        video.play().catch((z) => console.error(z));
+      }
     }
   }
   async pauseVideo() {
-    var _a;
     this.paused = true;
-    (_a = this.videoEl) === null || _a === void 0 ? void 0 : _a.pause();
+    let video = this.el.shadowRoot.querySelector("video");
+    if (video) {
+      video.pause();
+    }
   }
   async playVideo() {
     this.paused = false;
-    if (this.videoEl) {
-      if (!this.reducedMotion)
-        this.videoEl.setAttribute("autoplay", "");
-      this.videoEl.play().catch((z) => console.error(z));
+    let video = this.el.shadowRoot.querySelector("video");
+    if (video) {
+      video.play().catch((z) => console.error(z));
     }
   }
   static get is() { return "ptc-background-video"; }
@@ -157,7 +92,7 @@ export class PtcBackgroundVideo {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Video or embed URL"
+          "text": "Video url"
         },
         "attribute": "video-src",
         "reflect": false
@@ -174,7 +109,7 @@ export class PtcBackgroundVideo {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Poster URL"
+          "text": "Poster url(Placeholder image till the video get the loaded)"
         },
         "attribute": "poster-src",
         "reflect": false
@@ -191,7 +126,7 @@ export class PtcBackgroundVideo {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Overlay (Optional, default true)"
+          "text": "Overlay(Optional, By default is true)"
         },
         "attribute": "overlay",
         "reflect": false,
@@ -209,7 +144,7 @@ export class PtcBackgroundVideo {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Overlay type"
+          "text": "Overlay Type standard is gray gradient. dark is dark gradient"
         },
         "attribute": "overlay-type",
         "reflect": false,
@@ -253,7 +188,7 @@ export class PtcBackgroundVideo {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"top-left\"\r\n    | \"top-right\"\r\n    | \"bottom-left\"\r\n    | \"bottom-right\"\r\n    | \"allbp-bottom-right\"",
+          "original": "| \"top-left\"\r\n\t\t| \"top-right\"\r\n\t\t| \"bottom-left\"\r\n\t\t| \"bottom-right\"\r\n\t\t| \"allbp-bottom-right\"",
           "resolved": "\"allbp-bottom-right\" | \"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
           "references": {}
         },
@@ -261,7 +196,7 @@ export class PtcBackgroundVideo {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Play/Pause Button Location"
+          "text": "Pause Button Location"
         },
         "attribute": "button-location",
         "reflect": false,
@@ -279,7 +214,7 @@ export class PtcBackgroundVideo {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Play/Pause tab index"
+          "text": "Play/Pause Index"
         },
         "attribute": "button-tab-index",
         "reflect": false,
@@ -297,7 +232,7 @@ export class PtcBackgroundVideo {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Analytics tracker id"
+          "text": "tracker Id"
         },
         "attribute": "tracker-id",
         "reflect": false
@@ -314,7 +249,7 @@ export class PtcBackgroundVideo {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defer mounting until first user interaction"
+          "text": "delay loading of video to improve perfomance"
         },
         "attribute": "defer",
         "reflect": false
@@ -349,7 +284,7 @@ export class PtcBackgroundVideo {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Use iframe instead of <video>"
+          "text": "Is it a iframe?"
         },
         "attribute": "is-iframe",
         "reflect": false,
@@ -360,8 +295,7 @@ export class PtcBackgroundVideo {
   static get states() {
     return {
       "paused": {},
-      "loadedTrue": {},
-      "reducedMotion": {}
+      "loadedTrue": {}
     };
   }
   static get methods() {
@@ -373,6 +307,9 @@ export class PtcBackgroundVideo {
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "HTMLVideoElement": {
+              "location": "global"
             }
           },
           "return": "Promise<void>"
@@ -389,6 +326,9 @@ export class PtcBackgroundVideo {
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "HTMLVideoElement": {
+              "location": "global"
             }
           },
           "return": "Promise<void>"

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

@@ -88,17 +88,14 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -107,47 +104,38 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -156,30 +144,24 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -187,17 +169,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -205,17 +184,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js

@@ -49,9 +49,7 @@ export class PtcCardPlm {
       ? { onMouseEnter: this.hoverEventHandler.bind(this) }
       : {}), (!this.isLoading
       ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState
-        ? "focus-state-dark-background"
-        : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
+      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
       ? { tabindex: "0" }
       : { tabindex: "-1" }), (!!this.cardLink && !this.isLoading
       ? { href: this.cardLink }

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css

@@ -787,17 +787,14 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -806,47 +803,38 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -855,30 +843,24 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -886,17 +868,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -904,17 +883,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class PtcDate {
   constructor() {
     this.year = 1900;
-    this.month = 0;
+    this.month = 1;
     this.day = 1;
     this.country = "en-US";
     this.dateString = undefined;
@@ -95,7 +95,7 @@ export class PtcDate {
         },
         "attribute": "month",
         "reflect": false,
-        "defaultValue": "0"
+        "defaultValue": "1"
       },
       "day": {
         "type": "number",