@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

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

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -173,8 +169,8 @@ ptc-footer {
   border-bottom: 2px solid var(--color-green-06);
 }
 .underline:hover {
-  color: #00890b;
-  border-bottom: 2px solid #00890b;
+  color: #00890B;
+  border-bottom: 2px solid #00890B;
 }
 .underline:active {
   transition: none;
@@ -421,8 +417,7 @@ ptc-footer {
   z-index: 2;
 }
 
-.standard-link,
-.blog-link {
+.standard-link, .blog-link {
   font-weight: 800;
   line-height: 1;
   display: flex;
@@ -434,12 +429,10 @@ ptc-footer {
   text-underline-offset: 5px;
   transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
 }
-.standard-link:hover,
-.blog-link:hover {
+.standard-link:hover, .blog-link:hover {
   color: var(--color-green-06);
 }
-.standard-link:active,
-.blog-link:active {
+.standard-link:active, .blog-link:active {
   transition: none;
 }
 

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

@@ -1,14 +1,14 @@
-import { h, Host } from "@stencil/core";
-import { getSeoTagType, CheckDarkFocusState } from "../../utils/utils";
+import { h, Host } from '@stencil/core';
+import { getSeoTagType, CheckDarkFocusState } from '../../utils/utils';
 export class PtcLink {
   constructor() {
     this.disabled = false;
     this.external = false;
     this.href = undefined;
-    this.target = "_self";
+    this.target = '_self';
     this.linkTitle = undefined;
-    this.theme = "simple";
-    this.fontSize = "medium";
+    this.theme = 'simple';
+    this.fontSize = 'medium';
     this.fontWeight = undefined;
     this.linkArea = undefined;
     this.seoCompatibilityMode = false;
@@ -25,17 +25,13 @@ export class PtcLink {
     const [TagType, firstChild] = getSeoTagType(this.el, "a");
     const html = firstChild && firstChild.innerHTML;
     if (this.el == firstChild) {
-      this.el.innerHTML = "";
+      this.el.innerHTML = '';
     }
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(TagType, Object.assign({ class: classMap, innerHTML: html, href: this.href, target: this.external ? "_blank" : this.target, title: this.linkTitle }, (!!this.tabNav
-      ? { tabindex: -1 }
-      : { tabindex: 0 })), h("slot", null)))));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(TagType, Object.assign({ class: classMap, innerHTML: html, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), h("slot", null)))));
   }
   standardRender() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("a", Object.assign({ class: classMap, href: this.href, target: this.external ? "_blank" : this.target, title: this.linkTitle }, (!!this.tabNav
-      ? { tabindex: -1 }
-      : { tabindex: 0 })), h("slot", null)))));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("a", Object.assign({ class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), h("slot", null)))));
   }
   render() {
     if (this.seoCompatibilityMode) {
@@ -47,33 +43,33 @@ export class PtcLink {
   }
   getCssClassMap() {
     const classOptions = [
-      "simple",
-      "underline",
-      "nav-title",
-      "primary-nav-link",
-      "nav-title-link",
-      "nav-card-link",
-      "secondary-nav-link",
-      "footer-nav-link",
-      "copyright-link",
-      "product-link",
-      "d-green-underline",
-      "d-white-underline",
-      "global",
-      "utility-nav-link",
+      'simple',
+      'underline',
+      'nav-title',
+      'primary-nav-link',
+      'nav-title-link',
+      'nav-card-link',
+      'secondary-nav-link',
+      'footer-nav-link',
+      'copyright-link',
+      'product-link',
+      'd-green-underline',
+      'd-white-underline',
+      'global',
+      'utility-nav-link'
     ];
     let mainClass = this.theme;
     if (classOptions.indexOf(mainClass) < 0) {
-      mainClass = "simple"; // fallback to simple class if theme is unavailable
+      mainClass = 'simple'; // fallback to simple class if theme is unavailable
     }
     return {
-      ["ptc-link"]: true,
+      ['ptc-link']: true,
       [mainClass]: true,
-      ["disabled"]: this.disabled,
+      ['disabled']: this.disabled,
       [this.fontSize]: true,
       [this.linkArea]: this.linkArea ? true : false,
       [this.fontWeight]: this.fontWeight ? true : false,
-      ["focus-state-dark-background"]: this.darkFocusState,
+      ['focus-state-dark-background']: this.darkFocusState
     };
   }
   static get is() { return "ptc-link"; }
@@ -159,7 +155,7 @@ export class PtcLink {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "\"_self\""
+        "defaultValue": "'_self'"
       },
       "linkTitle": {
         "type": "string",
@@ -182,7 +178,7 @@ export class PtcLink {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"simple\"\r\n\t\t| \"underline\"\r\n\t\t| \"nav-title\"\r\n\t\t| \"primary-nav-link\"\r\n\t\t| \"nav-title-link\"\r\n\t\t| \"nav-card-link\"\r\n\t\t| \"secondary-nav-link\"\r\n\t\t| \"footer-nav-link\"\r\n\t\t| \"copyright-link\"\r\n\t\t| \"product-link\"\r\n\t\t| \"d-green-underline\"\r\n\t\t| \"d-white-underline\"\r\n\t\t| \"global\"\r\n\t\t| \"utility-nav-link\"\r\n\t\t| \"standard-link\"",
+          "original": "| 'simple'\r\n    | 'underline'\r\n    | 'nav-title'\r\n    | 'primary-nav-link'\r\n    | 'nav-title-link'\r\n    | 'nav-card-link'\r\n    | 'secondary-nav-link'\r\n    | 'footer-nav-link'\r\n    | 'copyright-link'\r\n    | 'product-link'\r\n    | 'd-green-underline'\r\n    | 'd-white-underline'\r\n    | 'global'\r\n    | 'utility-nav-link'\r\n    | 'standard-link'",
           "resolved": "\"copyright-link\" | \"d-green-underline\" | \"d-white-underline\" | \"footer-nav-link\" | \"global\" | \"nav-card-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"product-link\" | \"secondary-nav-link\" | \"simple\" | \"standard-link\" | \"underline\" | \"utility-nav-link\"",
           "references": {}
         },
@@ -194,13 +190,13 @@ export class PtcLink {
         },
         "attribute": "theme",
         "reflect": false,
-        "defaultValue": "\"simple\""
+        "defaultValue": "'simple'"
       },
       "fontSize": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"small\" | \"medium\" | \"large\" | \"medium-large\"",
+          "original": "'small' | 'medium' | 'large' | 'medium-large'",
           "resolved": "\"large\" | \"medium\" | \"medium-large\" | \"small\"",
           "references": {}
         },
@@ -212,13 +208,13 @@ export class PtcLink {
         },
         "attribute": "font-size",
         "reflect": false,
-        "defaultValue": "\"medium\""
+        "defaultValue": "'medium'"
       },
       "fontWeight": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"w-thin\"\r\n\t\t| \"w-regular\"\r\n\t\t| \"w-medium\"\r\n\t\t| \"w-semibold\"\r\n\t\t| \"w-bold\"\r\n\t\t| \"w-extrabold\"\r\n\t\t| \"w-black\"",
+          "original": "'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black'",
           "resolved": "\"w-black\" | \"w-bold\" | \"w-extrabold\" | \"w-medium\" | \"w-regular\" | \"w-semibold\" | \"w-thin\"",
           "references": {}
         },
@@ -235,7 +231,7 @@ export class PtcLink {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"link-area-cover-parent\"",
+          "original": "'link-area-cover-parent'",
           "resolved": "\"link-area-cover-parent\"",
           "references": {}
         },

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

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,9 +1,9 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 class ListItem {
 }
 export class PtcList {
   constructor() {
-    this.listType = "list-primary";
+    this.listType = 'list-primary';
     this.listItems = [];
   }
   render() {
@@ -12,29 +12,29 @@ export class PtcList {
     if (!listItems || listItems.length === 0) {
       return null;
     }
-    return (h(Host, { class: classMap }, h("ul", null, listItems.map((listItem) => {
+    return (h(Host, { class: classMap }, h("ul", null, listItems.map(listItem => {
       return (h("list-item", { "link-type": listItem.type, "link-href": listItem.href, "link-target": listItem.target, "flush-before": listItem.flushBefore }, listItem.value));
     }))));
   }
   getListItems() {
     let result = new Array();
     if (this.listItems && this.listItems.length > 0) {
-      this.listItems.map((listItem) => {
+      this.listItems.map(listItem => {
         let i = new ListItem();
         i.value = listItem;
         result.push(i);
       });
     }
     else {
-      let items = Array.from(this.el.querySelectorAll("list-item"));
-      items.map((el) => {
+      let items = Array.from(this.el.querySelectorAll('list-item'));
+      items.map(el => {
         let i = new ListItem();
         let item = el;
         i.value = item.innerText;
-        i.href = item.getAttribute("link-href");
-        i.target = item.getAttribute("link-target");
-        i.flushBefore = item.getAttribute("flush-before") == "true";
-        i.type = item.getAttribute("link-type");
+        i.href = item.getAttribute('link-href');
+        i.target = item.getAttribute('link-target');
+        i.flushBefore = item.getAttribute('flush-before') == 'true';
+        i.type = item.getAttribute('link-type');
         result.push(i);
       });
     }
@@ -63,7 +63,7 @@ export class PtcList {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"list-primary\"",
+          "original": "'list-primary'",
           "resolved": "\"list-primary\"",
           "references": {}
         },
@@ -75,7 +75,7 @@ export class PtcList {
         },
         "attribute": "list-type",
         "reflect": false,
-        "defaultValue": "\"list-primary\""
+        "defaultValue": "'list-primary'"
       },
       "listItems": {
         "type": "unknown",

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

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -196,7 +192,7 @@ ptc-footer {
   width: 92px;
   height: 42px;
   border-radius: 4px;
-  background: #fff;
+  background: #FFF;
   padding: 24px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
   transition: var(--ptc-transition-medium) var(--ptc-ease-inout);

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

@@ -1,20 +1,20 @@
-import { Host, h } from "@stencil/core";
-import { getFileExtension } from "../../utils/utils";
+import { Host, h } from '@stencil/core';
+import { getFileExtension } from '../../utils/utils';
 export class PtcMediaCard {
   constructor() {
     /**
      * ref video element
      */
     this.videoEle = undefined;
-    this.cardType = "media-card";
+    this.cardType = 'media-card';
     this.cardHref = undefined;
-    this.target = "_self";
+    this.target = '_self';
     this.rel = undefined;
     this.activeBackgroundImage = undefined;
     this.activeBackgroundImageAlt = undefined;
     this.hoverBackgroundImage = undefined;
     this.heading = undefined;
-    this.headingTransform = "none";
+    this.headingTransform = 'none';
     this.category = undefined;
     this.ariaLabel = undefined;
     this.iconImage = undefined;
@@ -29,16 +29,14 @@ export class PtcMediaCard {
     }
   }
   getCardText() {
-    if (this.cardType === "media-card") {
+    if (this.cardType === 'media-card') {
       return [
         h("div", { class: "card-wrap" }, h("div", { class: "car-content" }, h("p", null, this.category, " "), h("h3", null, this.heading))),
       ];
     }
   }
   setTabNavigatedState() {
-    this.el.parentElement.tagName === "DYNAMIC-PRODUCT-DRIVERS"
-      ? (this.isTabNavigated = false)
-      : (this.isTabNavigated = true);
+    this.el.parentElement.tagName === 'DYNAMIC-PRODUCT-DRIVERS' ? this.isTabNavigated = false : this.isTabNavigated = true;
   }
   componentWillLoad() {
     this.setTabNavigatedState();
@@ -47,38 +45,22 @@ export class PtcMediaCard {
     this.ariaLabel = this.getLastStringAfterSlash(this.cardHref);
   }
   getLastStringAfterSlash(url) {
-    const parts = url.split("/");
+    const parts = url.split('/');
     return parts[parts.length - 1];
   }
   render() {
-    const Tag = !!this.cardHref ? "a" : "div";
+    const Tag = !!this.cardHref ? 'a' : 'div';
     const isVideoUrl = this.hoverBackgroundImage
-      ? getFileExtension(this.hoverBackgroundImage) === ".mp4" ||
-        this.hoverBackgroundImage.includes(".mp4")
+      ? getFileExtension(this.hoverBackgroundImage) === '.mp4' || this.hoverBackgroundImage.includes('.mp4')
         ? true
         : false
       : false;
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
+    return (h(Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != 'case-study-icon'
         ? this.isHovered && this.hoverBackgroundImage
-          ? {
-            backgroundImage: `url(${this.hoverBackgroundImage})`,
-          }
-          : {
-            backgroundImage: `url(${this.activeBackgroundImage})`,
-          }
-        : {} }, h("slot", { name: "seo-content" }), this.cardType != "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, Object.assign({ class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel }, (this.isTabNavigated
-      ? { tabindex: 0 }
-      : { tabindex: -1 }), { "aria-label": this.cardHref
-        ? "Read more about " + this.ariaLabel
-        : undefined }), isVideoUrl && (h("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: (el) => (this.videoEle = el), style: this.isHovered
-        ? { display: "block" }
-        : { display: "none" }, tabindex: "-1" }, h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === "media-card" && (h("ptc-overlay", { "filter-color": "black-2" })), this.cardType === "media-card" &&
-      this.getCardText()))) : null, this.cardType === "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div" }, h("a", Object.assign({ class: "case-study-img-anchor mf-listen", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref
-        ? "Read more about " + this.ariaLabel
-        : undefined }, (this.isTabNavigated
-      ? { tabindex: 0 }
-      : { tabindex: -1 })), h("img", { class: "case-study-bg-img", src: this.activeBackgroundImage, alt: this.activeBackgroundImageAlt }), h("div", { class: "after" }), h("img", { class: "case-study-icon-img", src: this.iconImage, alt: this.iconImageAlt })))) : null));
+          ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
+          : { backgroundImage: `url(${this.activeBackgroundImage})` }
+        : {} }, h("slot", { name: "seo-content" }), this.cardType != 'case-study-icon' ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, Object.assign({ class: 'anchor-wrap', target: this.target, href: this.cardHref, rel: this.rel }, (this.isTabNavigated ? { tabindex: 0 } : { tabindex: -1 }), { "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }), isVideoUrl && (h("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: el => (this.videoEle = el), style: this.isHovered ? { display: 'block' } : { display: 'none' }, tabindex: "-1" }, h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === 'media-card' && h("ptc-overlay", { "filter-color": "black-2" }), this.cardType === 'media-card' && this.getCardText()))) : null, this.cardType === 'case-study-icon' ? (h("div", { id: this.trackerId, class: "tracker-div" }, h("a", Object.assign({ class: "case-study-img-anchor mf-listen", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, (this.isTabNavigated ? { tabindex: 0 } : { tabindex: -1 })), h("img", { class: "case-study-bg-img", src: this.activeBackgroundImage, alt: this.activeBackgroundImageAlt }), h("div", { class: "after" }), h("img", { class: "case-study-icon-img", src: this.iconImage, alt: this.iconImageAlt })))) : null));
   }
   getCssClassMap() {
     return {
@@ -103,7 +85,7 @@ export class PtcMediaCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"media-card\" | \"bureau-card\" | \"case-study-icon\"",
+          "original": "'media-card' | 'bureau-card' | 'case-study-icon'",
           "resolved": "\"bureau-card\" | \"case-study-icon\" | \"media-card\"",
           "references": {}
         },
@@ -115,7 +97,7 @@ export class PtcMediaCard {
         },
         "attribute": "card-type",
         "reflect": false,
-        "defaultValue": "\"media-card\""
+        "defaultValue": "'media-card'"
       },
       "cardHref": {
         "type": "string",
@@ -151,7 +133,7 @@ export class PtcMediaCard {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "\"_self\""
+        "defaultValue": "'_self'"
       },
       "rel": {
         "type": "string",
@@ -243,7 +225,7 @@ export class PtcMediaCard {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "| \"uppercase\"\r\n\t\t| \"lowercase\"\r\n\t\t| \"capitalize\"\r\n\t\t| \"none\"",
+          "original": "'uppercase' | 'lowercase' | 'capitalize' | 'none'",
           "resolved": "\"capitalize\" | \"lowercase\" | \"none\" | \"uppercase\"",
           "references": {}
         },
@@ -255,7 +237,7 @@ export class PtcMediaCard {
         },
         "attribute": "heading-transform",
         "reflect": false,
-        "defaultValue": "\"none\""
+        "defaultValue": "'none'"
       },
       "category": {
         "type": "string",

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

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,14 +1,14 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcMinimizedNav {
   constructor() {
-    this.linkUrl = "#";
-    this.imgSrc = "";
-    this.imgAlt = "PTC";
-    this.navType = "minimized-header";
+    this.linkUrl = '#';
+    this.imgSrc = '';
+    this.imgAlt = 'PTC';
+    this.navType = 'minimized-header';
     this.trackerId = undefined;
   }
   render() {
-    return (h(Host, null, this.navType == "minimized-header" ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
+    return (h(Host, null, this.navType == 'minimized-header' ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == 'minimized-footer' ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
   }
   static get is() { return "ptc-minimized-nav"; }
   static get encapsulation() { return "shadow"; }
@@ -40,7 +40,7 @@ export class PtcMinimizedNav {
         },
         "attribute": "link-url",
         "reflect": true,
-        "defaultValue": "\"#\""
+        "defaultValue": "'#'"
       },
       "imgSrc": {
         "type": "string",
@@ -58,7 +58,7 @@ export class PtcMinimizedNav {
         },
         "attribute": "img-src",
         "reflect": true,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "imgAlt": {
         "type": "string",
@@ -76,7 +76,7 @@ export class PtcMinimizedNav {
         },
         "attribute": "img-alt",
         "reflect": true,
-        "defaultValue": "\"PTC\""
+        "defaultValue": "'PTC'"
       },
       "navType": {
         "type": "string",
@@ -94,7 +94,7 @@ export class PtcMinimizedNav {
         },
         "attribute": "nav-type",
         "reflect": false,
-        "defaultValue": "\"minimized-header\""
+        "defaultValue": "'minimized-header'"
       },
       "trackerId": {
         "type": "string",

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css

@@ -174,10 +174,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -196,10 +194,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -260,8 +256,7 @@ ptc-footer {
   font-size: var(--ptc-font-size-x-small);
   line-height: var(--ptc-line-height-densest);
 }
-.mobileSelect .content .btnBar .ensure,
-.mobileSelect .content .btnBar .cancel {
+.mobileSelect .content .btnBar .ensure, .mobileSelect .content .btnBar .cancel {
   transform: translateY(12.5px);
   width: 125px;
 }
@@ -281,7 +276,6 @@ ptc-responsive-wrapper.medium .mobile-select-wrapper, ptc-responsive-wrapper.lar
   display: none;
 }
 
-.ms-mobile-select.ms-show .ms-cancel,
-.ms-mobile-select.ms-show .ms-ensure {
+.ms-mobile-select.ms-show .ms-cancel, .ms-mobile-select.ms-show .ms-ensure {
   width: auto;
 }