@ptcwebops/ptcw-design 6.3.38 → 6.3.39-beta

package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js

@@ -1,7 +1,7 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcProductSidebar {
   constructor() {
-    this.searchTerm = "";
+    this.searchTerm = '';
     this.suggestions = [];
     this.filterResults = "Filter Results";
     this.filterText = "Filter";
@@ -15,20 +15,20 @@ export class PtcProductSidebar {
     this.getDomData();
   }
   componentDidLoad() {
-    this.productListWrap = this.hostElement.shadowRoot.querySelector(".product-list-wrap");
-    this.clearBtn = this.hostElement.shadowRoot.querySelector(".clear-cta");
-    this.inputBox = this.hostElement.shadowRoot.querySelector("#searchBox");
+    this.productListWrap = this.hostElement.shadowRoot.querySelector('.product-list-wrap');
+    this.clearBtn = this.hostElement.shadowRoot.querySelector('.clear-cta');
+    this.inputBox = this.hostElement.shadowRoot.querySelector('#searchBox');
   }
   // Getting category title and products list
   getDomData() {
-    const categoryList = document.querySelectorAll("ptc-product-category");
-    categoryList.forEach((category) => {
-      let categoryTitle = category.getAttribute("category-title");
+    const categoryList = document.querySelectorAll('ptc-product-category');
+    categoryList.forEach(category => {
+      let categoryTitle = category.getAttribute('category-title');
       let categoryObject = { categoryName: categoryTitle, products: [] };
       this.suggestionList.push(categoryObject);
-      let productList = category.querySelectorAll("ptc-product-card");
-      productList.forEach((product) => {
-        let productTitle = product.getAttribute("card-title");
+      let productList = category.querySelectorAll('ptc-product-card');
+      productList.forEach(product => {
+        let productTitle = product.getAttribute('card-title');
         categoryObject.products.push(productTitle);
       });
     });
@@ -36,11 +36,11 @@ export class PtcProductSidebar {
   handleInputChange(event) {
     const inputElement = event.target;
     this.searchTerm = inputElement.value.toLocaleLowerCase();
-    this.clearBtn.classList.add("show");
+    this.clearBtn.classList.add('show');
     this.getSuggestions();
     this.inputChanged.emit({
-      sender: this,
-      event: event,
+      'sender': this,
+      'event': event,
     });
   }
   getSuggestions() {
@@ -59,11 +59,11 @@ export class PtcProductSidebar {
   }
   handleSelectSuggestion(suggestion, event) {
     this.searchTerm = suggestion;
-    this.productListWrap.classList.add("hide");
+    this.productListWrap.classList.add('hide');
     this.selectedResult.emit({
-      sender: this,
-      event: event,
-      searchTerm: this.searchTerm,
+      'sender': this,
+      'event': event,
+      'searchTerm': this.searchTerm
     });
   }
   handleKeyUp(e) {
@@ -71,39 +71,39 @@ export class PtcProductSidebar {
     this.searchTerm = inputElement.value.toLocaleLowerCase();
     if (e.keyCode === 13 && this.suggestions.length == 0) {
       this.emptyResult.emit({
-        sender: this,
-        event: e,
+        'sender': this,
+        'event': e,
       });
     }
-    else if (e.key === "Escape") {
+    else if (e.key === 'Escape') {
       this.clearSearch(e);
       this.inputBox.focus();
     }
   }
   handleKeyDownClearCta(e) {
-    if (e.key === "Enter") {
+    if (e.key === 'Enter') {
       this.clearSearch(e);
     }
   }
   clearSearch(event) {
-    let input = this.hostElement.shadowRoot.querySelector("input");
-    this.productListWrap.classList.remove("hide");
-    this.clearBtn.classList.remove("show");
+    let input = this.hostElement.shadowRoot.querySelector('input');
+    this.productListWrap.classList.remove('hide');
+    this.clearBtn.classList.remove('show');
     if (input) {
       input.value = "";
     }
     this.suggestions = [];
     this.clearsearch.emit({
-      sender: this,
-      event: event,
-      searchTerm: input.value,
+      'sender': this,
+      'event': event,
+      'searchTerm': input.value
     });
   }
   handleDropdownTouched(event) {
     const { sender, isOpen } = event.detail;
     if (sender) {
       if (isOpen) {
-        let input = this.hostElement.shadowRoot.querySelector("input");
+        let input = this.hostElement.shadowRoot.querySelector('input');
         if (input) {
           input.value = "";
         }
@@ -123,25 +123,25 @@ export class PtcProductSidebar {
     const { sender, selectedOptions } = event.detail;
     if (sender) {
       if (selectedOptions.length > 0) {
-        this.clearBtn.classList.add("show");
-        this.productListWrap.classList.add("hide");
+        this.clearBtn.classList.add('show');
+        this.productListWrap.classList.add('hide');
       }
       else {
-        this.clearBtn.classList.remove("show");
-        this.productListWrap.classList.remove("hide");
+        this.clearBtn.classList.remove('show');
+        this.productListWrap.classList.remove('hide');
       }
     }
   }
   handleSuggestionKeyDown(e, index, suggestion) {
     var _a;
-    const listItems = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll("li");
+    const listItems = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
     if (!listItems)
       return;
-    if (e.key === "Enter") {
+    if (e.key === 'Enter') {
       this.handleSelectSuggestion(suggestion, e);
       this.suggestions = [];
     }
-    else if (e.key === "Tab") {
+    else if (e.key === 'Tab') {
       e.preventDefault();
       const isShift = e.shiftKey;
       const nextIndex = isShift
@@ -149,15 +149,14 @@ export class PtcProductSidebar {
         : (index + 1) % listItems.length;
       listItems[nextIndex].focus();
     }
-    else if (e.key === "Escape") {
+    else if (e.key === 'Escape') {
       this.clearSearch(e);
       this.inputBox.focus();
     }
   }
   render() {
-    return (h(Host, { class: "search-box" }, h("div", { class: "filter-result-wrap white-box" }, h("div", { class: "result-header" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => {
-        this.handleKeyDownClearCta(e);
-      } }, this.clearText)), h("div", { class: "sort-wrap" }, h("div", { class: "typeahead-input" }, h("label", { htmlFor: "searchBox" }, this.filterText), h("div", { class: "input-wrap" }, h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: "searchBox" })), this.suggestions.length > 0 && (h("div", { class: "suggestion-wrap" }, h("ul", { class: "suggestions" }, this.suggestions.map((suggestion, index) => (h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e), tabIndex: 0, onKeyDown: (e) => this.handleSuggestionKeyDown(e, index, suggestion) }, suggestion))))))), h("div", { class: "dropdwon-filter" }, h("label", { htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { size: "large" }), h("ptc-spacer", { size: "large" }), h("div", { class: "product-list-wrap white-box" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (h("div", { class: "category-list" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-densest", "para-margin": "margin-flush" }, h("list-item", { "list-type": "list-underline", "link-href": "#" + item.categoryName }, h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), h("div", { class: "product-list" }, h("ul", null, item.products.map((product) => (h("list-item", { "list-type": "list-underline", "link-href": "#" + product }, product)))))))))));
+    return (h(Host, { class: 'search-box' }, h("div", { class: "filter-result-wrap white-box" }, h("div", { class: "result-header" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDownClearCta(e); } }, this.clearText)), h("div", { class: "sort-wrap" }, h("div", { class: "typeahead-input" }, h("label", { htmlFor: "searchBox" }, this.filterText), h("div", { class: "input-wrap" }, h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: 'searchBox' })), this.suggestions.length > 0 &&
+      h("div", { class: "suggestion-wrap" }, h("ul", { class: "suggestions" }, this.suggestions.map((suggestion, index) => (h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e), tabIndex: 0, onKeyDown: (e) => this.handleSuggestionKeyDown(e, index, suggestion) }, suggestion)))))), h("div", { class: "dropdwon-filter" }, h("label", { htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { size: "large" }), h("ptc-spacer", { size: "large" }), h("div", { class: "product-list-wrap white-box" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (h("div", { class: "category-list" }, h("ptc-para", { "font-size": 'x-small', "font-weight": 'w-7', "para-line-h": "line-height-densest", "para-margin": 'margin-flush' }, h("list-item", { "list-type": "list-underline", "link-href": '#' + item.categoryName }, h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), h("div", { class: "product-list" }, h("ul", null, item.products.map((product) => (h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
   }
   static get is() { return "ptc-product-sidebar"; }
   static get encapsulation() { return "shadow"; }
@@ -285,7 +284,7 @@ export class PtcProductSidebar {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "{ categoryName: string; products: string[] }[]",
+          "original": "{ categoryName: string, products: string[] }[]",
           "resolved": "{ categoryName: string; products: string[]; }[]",
           "references": {}
         },

package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.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-progress-bar/ptc-progress-bar.js

@@ -1,12 +1,11 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcProgressBar {
   constructor() {
     this.scrollPercentage = 0;
   }
   handleScroll() {
     const scrollTop = document.documentElement.scrollTop;
-    const scrollHeight = document.documentElement.scrollHeight -
-      document.documentElement.clientHeight;
+    const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
     const percentage = (scrollTop / scrollHeight) * 100;
     this.scrollPercentage = percentage;
   }

package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.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-quantity-counter/ptc-quantity-counter.js

@@ -1,7 +1,7 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcQuantityCounter {
   constructor() {
-    this.defaultStyles = ".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}";
+    this.defaultStyles = '.ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}';
     this.handleDecrement = () => {
       if (this.count > 1) {
         this.count -= 1;
@@ -17,11 +17,11 @@ export class PtcQuantityCounter {
       const value = parseInt(input.value);
       if (!isNaN(value)) {
         if (value < 1) {
-          input.value = "1";
+          input.value = '1';
           this.count = 1;
         }
         else if (value > 999) {
-          input.value = "999";
+          input.value = '999';
           this.count = 999;
         }
         else {
@@ -45,15 +45,13 @@ export class PtcQuantityCounter {
       }
       this.addToCartClicked.emit({
         sender: this,
-        itemCount: (_a = this.itemCountInput) === null || _a === void 0 ? void 0 : _a.value,
+        itemCount: (_a = this.itemCountInput) === null || _a === void 0 ? void 0 : _a.value
       });
       if (this.addToCartCta) {
         try {
-          let width = this.addToCartCta.offsetWidth > 50
-            ? this.addToCartCta.offsetWidth
-            : this.addToCartCta.clientWidth;
+          let width = this.addToCartCta.offsetWidth > 50 ? this.addToCartCta.offsetWidth : this.addToCartCta.clientWidth;
           if (width < 50) {
-            let button = this.addToCartCta.shadowRoot.querySelector("button");
+            let button = this.addToCartCta.shadowRoot.querySelector('button');
             width = button.getBoundingClientRect().width;
           }
           if (width > 50) {
@@ -63,26 +61,26 @@ export class PtcQuantityCounter {
         catch (e) {
           console.log(e);
         }
-        this.addToCartCta.classList.add("added");
+        this.addToCartCta.classList.add('added');
         this.addToCartCta.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">
   <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>
 </svg>${this.addedLabel}`;
       }
       setTimeout(() => {
         if (this.addToCartCta) {
-          this.addToCartCta.classList.remove("added");
+          this.addToCartCta.classList.remove('added');
           this.addToCartCta.innerHTML = this.addToCartLabel;
           this.addToCartCta.styles = this.defaultStyles;
         }
       }, 3000);
     };
     this.count = 1;
-    this.addToCartLabel = "Add to Cart";
-    this.addedLabel = "Added";
+    this.addToCartLabel = 'Add to Cart';
+    this.addedLabel = 'Added';
     this.disabled = false;
   }
   render() {
-    return (h(Host, null, h("div", { class: "quantity-counter" }, h("button", { class: "decrement mf-listen", onClick: this.handleDecrement, disabled: this.disabled, tabindex: "-1" }, h("span", { tabindex: "0" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: (el) => (this.itemCountInput = el), disabled: this.disabled, class: "mf-listen" }), h("button", { class: "increment mf-listen", onClick: this.handleIncrement, disabled: this.disabled, tabindex: "-1" }, h("span", { tabindex: "0" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { "clip-path": "url(#clip0_2974_659)" }, h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", null, h("clipPath", { id: "clip0_2974_659" }, h("rect", { width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: (el) => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
+    return (h(Host, null, h("div", { class: "quantity-counter" }, h("button", { class: "decrement mf-listen", onClick: this.handleDecrement, disabled: this.disabled, tabindex: "-1" }, h("span", { tabindex: "0" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: el => (this.itemCountInput = el), disabled: this.disabled, class: "mf-listen" }), h("button", { class: "increment mf-listen", onClick: this.handleIncrement, disabled: this.disabled, tabindex: "-1" }, h("span", { tabindex: "0" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { "clip-path": "url(#clip0_2974_659)" }, h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", null, h("clipPath", { id: "clip0_2974_659" }, h("rect", { width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: el => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
   }
   static get is() { return "ptc-quantity-counter"; }
   static get encapsulation() { return "shadow"; }
@@ -114,7 +112,7 @@ export class PtcQuantityCounter {
         },
         "attribute": "add-to-cart-label",
         "reflect": false,
-        "defaultValue": "\"Add to Cart\""
+        "defaultValue": "'Add to Cart'"
       },
       "addedLabel": {
         "type": "string",
@@ -132,7 +130,7 @@ export class PtcQuantityCounter {
         },
         "attribute": "added-label",
         "reflect": false,
-        "defaultValue": "\"Added\""
+        "defaultValue": "'Added'"
       },
       "disabled": {
         "type": "boolean",

package/dist/collection/components/ptc-quote/ptc-quote.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 */
@@ -261,8 +257,7 @@ ptc-footer {
     margin: 8px 48px 8px 48px;
   }
 }
-:host(.value-led-quote) blockquote p,
-:host(.value-led-quote) blockquote span {
+:host(.value-led-quote) blockquote p, :host(.value-led-quote) blockquote span {
   color: var(--color-gray-10);
   font-size: 18px;
   font-weight: 600;

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

@@ -1,9 +1,9 @@
-import { Host, h } from "@stencil/core";
-import QuotationMark from "../../media/svg-imgs/quotation-mark.svg";
+import { Host, h } from '@stencil/core';
+import QuotationMark from '../../media/svg-imgs/quotation-mark.svg';
 export class PtcQuote {
   constructor() {
     this.quoteType = "image-quote";
-    this.quoteName = "John Smith";
+    this.quoteName = 'John Smith';
     this.ctaText = undefined;
     this.ctaUrl = undefined;
     this.imgSrc = undefined;
@@ -15,14 +15,12 @@ export class PtcQuote {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.imgSrc ? (h("div", { class: "quote-media" }, this.imgSrc ? (h("img", { src: this.imgSrc, alt: this.imgTitle
-        ? this.imgTitle
-        : "quote Image" })) : null, this.imgTitle ? this.getImageTitle() : null)) : null, h("div", { class: "quote-content" }, this.quoteType == "image-quote" ? (h("div", { class: "quotemarks", innerHTML: QuotationMark })) : null, h("blockquote", null, this.quoteType == "value-led-quote" &&
-      this.quoteImage && (h("ptc-picture", { alt: "quote", src: this.quoteImage })), h("p", null, h("slot", null)), h("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null), this.ctaText && this.ctaUrl ? (h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
+    return (h(Host, { class: classMap }, this.imgSrc ? (h("div", { class: "quote-media" }, this.imgSrc ? h("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null, this.imgTitle ? this.getImageTitle() : null)) : null, h("div", { class: "quote-content" }, this.quoteType == 'image-quote' ? h("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null, h("blockquote", null, this.quoteType == 'value-led-quote' &&
+      h("ptc-picture", { alt: "quote", src: this.quoteImage }), h("p", null, h("slot", null)), h("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null), this.ctaText && this.ctaUrl ? (h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
   }
   getCssClassMap() {
     return {
-      [this.quoteType]: true,
+      [this.quoteType]: true
     };
   }
   static get is() { return "ptc-quote"; }
@@ -43,7 +41,7 @@ export class PtcQuote {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "| \"image-quote\"\r\n\t\t| \"plain-quote\"\r\n\t\t| \"value-led-quote\"",
+          "original": "\"image-quote\" | \"plain-quote\" | 'value-led-quote'",
           "resolved": "\"image-quote\" | \"plain-quote\" | \"value-led-quote\"",
           "references": {}
         },
@@ -73,7 +71,7 @@ export class PtcQuote {
         },
         "attribute": "quote-name",
         "reflect": false,
-        "defaultValue": "\"John Smith\""
+        "defaultValue": "'John Smith'"
       },
       "ctaText": {
         "type": "string",

package/dist/collection/components/ptc-readmore/ptc-readmore.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 */