@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

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

@@ -154,8 +154,8 @@ export class PtcProductList {
         });
     }
     render() {
-        return (h(Host, { key: '458296206d97d47f40bda12140cc1f325285631f' }, h("div", { key: 'e8be823ef176e73878309d8cd00db88672ed34ec', class: "product-list" }, h("slot", { key: '800bb52dfc624dcf162e7993f414ee10f37b2164' })), h("div", { key: '49d09f3d4c72c830cadc0d16694420b8f45bf959', class: "no-result-wrap" }, h("div", { key: '609aa5c29163fc36a23eb3414f2eef48b132bfb5', class: "no-result" }, h("div", { key: '0e1e36ebad6b1eee10b4e9db8e898e7d28a5ed7d' }, h("ptc-title", { key: '066b577021d95b8598ed69071d2fdd39a4ae3ed4', type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "large" }, this.emptyTitle || "No Results Found"), h("ptc-para", { key: '6374ccdf16c4a94b86b61cf56dbb7aae7935a945', "font-size": "x-small" }, this.emptySubTitle ||
-            "Try changing or removing some of your filters"), h("ptc-button", { key: '58e658338354ab88045118ef1d326afe36955c63', type: "link", color: "ptc-quaternary", target: "_blank", onClick: (e) => {
+        return (h(Host, { key: '7916540333702f676a8a6564eac8db4ab0ba091e' }, h("div", { key: '52d0accd8669339feb76c4b692cbe33e9fc7ee57', class: "product-list" }, h("slot", { key: '188c1cd6df0d54223b11ede1fc52a0ae118defd9' })), h("div", { key: '9320d162e8df84207d7908c8272ec8e2768ceb62', class: "no-result-wrap" }, h("div", { key: '00b4a278e3dd9bf8d5fea293ce604e66e1c8476d', class: "no-result" }, h("div", { key: '8d6a11b32774710f4209306838142788778d0459' }, h("ptc-title", { key: '5301040f54992f816aa77e7eb6011988984f3d9f', type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "large" }, this.emptyTitle || "No Results Found"), h("ptc-para", { key: '5f923e84e00b3b3aa0e1a9accdf405a0dde06afe', "font-size": "x-small" }, this.emptySubTitle ||
+            "Try changing or removing some of your filters"), h("ptc-button", { key: '401456de311e7b5a5a3b34973cb3cbd6d7feabfe', type: "link", color: "ptc-quaternary", target: "_blank", onClick: (e) => {
                 this.handleClick(e);
             } }, this.clearButtonLabel || "Clear Filters"))))));
     }

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

@@ -164,9 +164,9 @@ export class PtcProductSidebar {
         }
     }
     render() {
-        return (h(Host, { key: '5fff8f8c2168d86a2cf8bc55420e83a0de03e56c', class: "search-box" }, h("div", { key: 'f63e73ea0d86ebff2efa25893cb4206e7a124293', class: "filter-result-wrap white-box" }, h("div", { key: '075cf58831c1e072e8f0f5c5a41dd7cf58c2d402', class: "result-header" }, h("ptc-title", { key: 'e95c13a9d3c56611ef6160c7f1b9900c1298567f', type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { key: '47f323b0cc37613abc614ffe9e46fbeb49ffbfb3', class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => {
+        return (h(Host, { key: '4eb986ddeab2ebe9752927bef7dfb3909ba1714b', class: "search-box" }, h("div", { key: '11e863355d37771dcacdd5aac007d4eab60598b6', class: "filter-result-wrap white-box" }, h("div", { key: 'e236fc14368126bc6a1a8719d566835cb9b60bd4', class: "result-header" }, h("ptc-title", { key: 'fdce9c63cb41b71fcb845f8227cffc45497cf249', type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { key: '72c7e823160d78b9354d689809b0942c1c15b28a', class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => {
                 this.handleKeyDownClearCta(e);
-            } }, this.clearText)), h("div", { key: '4c89bee30e11dfc066b060b1e0fa4d1633d76ada', class: "sort-wrap" }, h("div", { key: '60a8e96833dc32357d46099d385f5d084742f97b', class: "typeahead-input" }, h("label", { key: 'de5ba0d5a001a3ebe823db363af7beb19efd2832', htmlFor: "searchBox" }, this.filterText), h("div", { key: '178eda848d793f2531dd3c89a4888716f9951d2b', class: "input-wrap" }, h("svg", { key: '9280c2120984230429f40918e3411eb5ad9e46df', width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2f698a7ba6372d1a4365947c4e0c8172404a592b', d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { key: 'e282fb74928ec4c5fbf45b99047010a57020442b', type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: "searchBox" })), this.suggestions.length > 0 && (h("div", { key: '9c06facd4313ee597703346923e3f6e2d3c9f68d', class: "suggestion-wrap" }, h("ul", { key: '48f9c60d2701fb7d853b2c4857b2a90a05767668', 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", { key: 'c35a2838957da51e5dd12f6127632c1b6e114e91', class: "dropdwon-filter" }, h("label", { key: '903031a4b098bd5782d7cdfbb36579b627261b9c', htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { key: '9c60083e37d82cf1eb7b67a9f0dd36bfd8e2f8f6', placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { key: '7945da438bccf62104eb96f1d705ef40054a56a8', size: "large" }), h("ptc-spacer", { key: '190d5744d1ca3f78f45ddb05eaf3e980e1cffec3', size: "large" }), h("div", { key: '2ff28869591935c288a893b44be8ea6aa697ef33', class: "product-list-wrap white-box" }, h("ptc-title", { key: '038addcbfae9f0188560cf9698053831eea46029', 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)))))))))));
+            } }, this.clearText)), h("div", { key: 'ec0fd582c71d13393698d3b8d3e90f2f1d84e03b', class: "sort-wrap" }, h("div", { key: '2559852a95896d51dbb88bb21e3ff4d4fd9e2a0c', class: "typeahead-input" }, h("label", { key: '8e71554a8e99d1d3202326aa36fc18ef9af14870', htmlFor: "searchBox" }, this.filterText), h("div", { key: '3e5b9370fe45253303740714046398d9dca785dd', class: "input-wrap" }, h("svg", { key: '3f488d7629a92873fd82bdbbb72c9ee4f0633aff', width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c8e8fd9577939c44d34a1467d481fa6d3e66702e', d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { key: '73ef6a80415e88847895a56956494c928fbce672', type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: "searchBox" })), this.suggestions.length > 0 && (h("div", { key: 'cb589f578da02d2f17c852f5a5b27c736786eaed', class: "suggestion-wrap" }, h("ul", { key: '2c00fba2119e4f4f917f689a87403775acb9f414', 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", { key: 'd75afd40ab0f5aaeba4d1d976cd82eddbfc1f254', class: "dropdwon-filter" }, h("label", { key: 'fc02948b2034bbca2137d1ff91222856f04dccd6', htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { key: 'fcac9d5da569b80e7bdd7bbddd64ea4426f24ee3', placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { key: '9c028fd03945f317f1e5e7b9cc48d1e35326a6a7', size: "large" }), h("ptc-spacer", { key: '2ab63a63f8c4bfc5e23b4fef8415665110c7cdc6', size: "large" }), h("div", { key: 'abbbd664e8d5b4c4e7bbc09500b9159a1843d6ac', class: "product-list-wrap white-box" }, h("ptc-title", { key: '630bc1d72328d24885c53ab285a951d5ddafceef', 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"; }

package/dist/collection/components/molecules/ptc-progress-bar/ptc-progress-bar.js

@@ -9,7 +9,7 @@ export class PtcProgressBar {
         this.scrollPercentage = percentage;
     }
     render() {
-        return (h(Host, { key: '5b03511fd47e57d6fe178f354d818474a774683e' }, h("div", { key: '1a2d636af6f37615790aae5ae27409466b8d6278', class: "progress-bar-container" }, h("div", { key: '22e005c5e13e49b8dce25f00c01199d1ff92aba3', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
+        return (h(Host, { key: '3cf531538171ef78f5b2aab676d23a0321905254' }, h("div", { key: '353ed90ed239badeda23ace7aafba8358227ce44', class: "progress-bar-container" }, h("div", { key: 'd14100f36e31af2e12b61a3d4a6f2e2b84d24d5e', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
     }
     static get is() { return "ptc-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-quantity-counter/ptc-quantity-counter.js

@@ -82,7 +82,7 @@ export class PtcQuantityCounter {
         }, 3000);
     };
     render() {
-        return (h(Host, { key: 'b3646f9a7ed0dcdc843ae543f92d9e17792ccefd' }, h("div", { key: 'fcefbae2ae694b0e520b68ed2aff9db13b6babc5', class: "quantity-counter" }, h("button", { key: '27cc9004a6ab74aff9512222d31d3b07d7325046', class: "decrement mf-listen", onClick: this.handleDecrement, disabled: this.disabled, tabindex: "-1" }, h("span", { key: '86d8c2445103a73cbcaa891ba444635c3928f2d0', tabindex: "0" }, h("svg", { key: 'bf734c1aa28b08cc4646b99e85fe7549e9ccbd75', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { key: '95fbae3746722ba31369e73ac9902be5c01a0c8d', d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { key: 'dd6c745bcce57b8963cb789cd156571bc4594388', 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", { key: '926b0170fe7a09d75c8a3d6381817a8ae70421c3', class: "increment mf-listen", onClick: this.handleIncrement, disabled: this.disabled, tabindex: "-1" }, h("span", { key: 'f51dc2579d57db90cd3925f76a640b9b3728362c', tabindex: "0" }, h("svg", { key: 'b287ae17b28f7d960d2312a3d278f46de93365d0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { key: '08cc2abb6368e991ecbe533aaae2febded587562', "clip-path": "url(#clip0_2974_659)" }, h("path", { key: 'f7a09512b40b0d9605e898026326a05ca30828c2', d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", { key: 'b2a4cc4a03111f6eb27bcda4b06b7871e9f14ab4' }, h("clipPath", { key: 'eaa18ad613f46e7d587a709b3711b14a432f0156', id: "clip0_2974_659" }, h("rect", { key: '0fb34f9fd48c308271da470b0aad41534ed8e247', width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { key: '5c57fa7291f73fc428adf002de35d4504921ea70', disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: (el) => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
+        return (h(Host, { key: '48e54292824fe6a82d3f240efa9522422c02bfda' }, h("div", { key: '24660c0a86e2f58ca82db8379655be44d024168b', class: "quantity-counter" }, h("button", { key: 'ac938b5cfe35791770063e6c9f0d09003ffa284f', class: "decrement mf-listen", onClick: this.handleDecrement, disabled: this.disabled, tabindex: "-1" }, h("span", { key: '5f3415d04e89a4ad2a1b33114b521b1651e5d69f', tabindex: "0" }, h("svg", { key: 'f55d0b62c0f92b0e574cfce86bc2ff558927c4d0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { key: '7d9b40984be36627e95578f11feb2814d79b947b', d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { key: 'eb7cee80e4a15688236d262cb4713dd758dee6f5', 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", { key: '4d1433bdbaacd641d88145fe64c1d82f248566b6', class: "increment mf-listen", onClick: this.handleIncrement, disabled: this.disabled, tabindex: "-1" }, h("span", { key: '20eb921eb0af84e61f8dd5dd51025d260776c1aa', tabindex: "0" }, h("svg", { key: 'eba7be1fdf7de392c92f13a9a1753c029f55f779', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { key: 'd90afa879b1468af7eb0cef3972ca01164865f5a', "clip-path": "url(#clip0_2974_659)" }, h("path", { key: 'dd3914951f2fa3daa5b551349357dd57efe9e94a', d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", { key: '223340d3b8d450b4424b9610b1677448b19d6f32' }, h("clipPath", { key: '215ef497bc756ce46b7f40c8b17aee2a9e4990d5', id: "clip0_2974_659" }, h("rect", { key: '53d6c2ecf3b52448a201646e012ae189ddcf3224', width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { key: '556297c4f6ec295315cf4137aa33f09baa9924f8', 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"; }

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

@@ -34,10 +34,10 @@ export class PtcQuote {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'b878d8725fe5d2b0c57eae507913a6d1227f0a7a', class: classMap }, this.imgSrc ? (h("div", { class: "quote-media" }, this.imgSrc ? (h("img", { src: this.imgSrc, alt: this.imgTitle
+        return (h(Host, { key: '4e4afdc9131844f25589547f0e2e97ab7b056e9f', 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", { key: 'd0c5c2d438c2127d5fee62b45b9074510510c9d1', class: "quote-content" }, this.quoteType == "image-quote" ? (h("div", { class: "quotemarks", innerHTML: QuotationMark })) : null, h("blockquote", { key: '3fb8c0199088c58abae423d03a8554e0ae066166' }, this.quoteType == "value-led-quote" &&
-            this.quoteImage && (h("ptc-picture", { key: 'fee607b6e92aac14f859535cc66bb22df5c3cacf', alt: "quote", src: this.quoteImage })), h("p", { key: 'c04fbf7ddb1a0135e1bc8562ef95847ddbbf77a3' }, h("slot", { key: 'e41f6f8b901efcb81c9a6248bca8d8c2d15bab67' })), h("span", { key: '9ebc7c5f0bd419e805f88fe887a0a2d9becc34a1', 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))));
+                : "quote Image" })) : null, this.imgTitle ? this.getImageTitle() : null)) : null, h("div", { key: 'a63c869ab80a143e994748b69b4e44eca916ec11', class: "quote-content" }, this.quoteType == "image-quote" ? (h("div", { class: "quotemarks", innerHTML: QuotationMark })) : null, h("blockquote", { key: 'bf721050456b18db6c5dbad5a54b4f99aa41b9a3' }, this.quoteType == "value-led-quote" &&
+            this.quoteImage && (h("ptc-picture", { key: '868ddfc65b5a465403815ab8c267a89b3abe2c30', alt: "quote", src: this.quoteImage })), h("p", { key: 'd9f05200281f957de1ae97a2b839350c08c2e968' }, h("slot", { key: '8b8a0009e3615695b8977bf7ccc19f2b0ccde364' })), h("span", { key: 'c2e7b91647ae5294484b71a45be8b0315723fe4e', 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 {

package/dist/collection/components/molecules/ptc-scroll-button/ptc-scroll-button.js

@@ -119,7 +119,7 @@ export class PtcScrollButton {
         }
     };
     render() {
-        return (h(Host, { key: 'dbaeb07e4cacfa91dbe4c26012ab5dcaeed4a30b', "is-dragging": this.isDragging }, this.styles && h("style", { key: '933acf62862dbe7d376c99af8299bda298b558c5' }, this.styles), this.isVisible && (h("button", { key: '355d5d37a02a3521dcb2c913c45279cc5989b589', id: this.trackerId, onClick: this.handleClick, class: `scroll-btn ${this.direction}`, "aria-label": this.direction, tabindex: "0" }, this.direction === "left" && (h("icon-asset", { key: '6dac7de5a97b5cd9037904c40411633b7fc5dce1', name: "left-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "right" && (h("icon-asset", { key: 'd615aaaa4ae6b66da5b0294b50bd4aed4da7c232', name: "right-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "up" && "▲", this.direction === "down" && "▼"))));
+        return (h(Host, { key: '4d8169af30d22de61847966e928500b39fef4c26', "is-dragging": this.isDragging }, this.styles && h("style", { key: '41262c9e9cfbc7179c41e09c93cd8fb24fa7cec8' }, this.styles), this.isVisible && (h("button", { key: 'da1a73203442d46f4e766df4ef404561509a58c9', id: this.trackerId, onClick: this.handleClick, class: `scroll-btn ${this.direction}`, "aria-label": this.direction, tabindex: "0" }, this.direction === "left" && (h("icon-asset", { key: 'f06e529b05e6cc73f91255732f52abbcdcbcc40f', name: "left-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "right" && (h("icon-asset", { key: '009fcd85ece891e173a062a08dd95811f0386198', name: "right-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "up" && "▲", this.direction === "down" && "▼"))));
     }
     static get is() { return "ptc-scroll-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-search-field/ptc-search-field.js

@@ -62,18 +62,18 @@ export class PtcSearchField {
     render() {
         const classMap = this.getCssClassMap();
         const clearIconColor = this.darkTheme ? "white" : "black";
-        return (h(Host, { key: '4e6f3acdbe0721976d2e5eb6cff63634297f83a9', class: classMap }, this.styles && h("style", { key: '39dbec0f2e7ff3de893c685412a18b4e53c596f5' }, this.styles), h("div", { key: '790f001410b646e53b1592f5c4b6542ea54eee2d', class: "search-div" }, h("div", { key: '80fa256ddd93b223193c1b17f9d102c43728f116', class: "input-wrap mf-listen", id: "searchTextID" }, h("input", { key: '7393bbd610d17790190e8d6a9ec2f4245a9407a8', id: "ptc-search-input", type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => {
+        return (h(Host, { key: 'cc68fb4e9a7efbc50304bfb4fd3799350d267508', class: classMap }, this.styles && h("style", { key: 'f9e5fc7724df8d47fe0d437d7e4e2db8e7130270' }, this.styles), h("div", { key: 'b11f2e61a50d6acfd6b19cab236c5a0025842a7b', class: "search-div" }, h("div", { key: '21af00dcf2da16c2ea8f65a089da31ef271b1049', class: "input-wrap mf-listen", id: "searchTextID" }, h("input", { key: 'd9aabf09f423b3a31d93807046bc0c2764b1b663', id: "ptc-search-input", type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => {
                 this.keyDownHandler(e);
             }, onKeyUp: () => {
                 this.keyUpHandler();
             }, onChange: (e) => {
                 this.textChangedHandler(e);
-            } }), this.enableClear && (h("div", { key: '5117047b7aa4796d453bf46d3a32dafab48666bf', class: "icon-wrapper" }, h("icon-asset", { key: '77403bc21974854733b6ef43abd8d42e1710c46a', class: "cls", type: "ptc", color: clearIconColor, name: "times", size: "xxx-small", onClick: (e) => {
+            } }), this.enableClear && (h("div", { key: 'bae8a969abffaf085949969221d83780e29a45ba', class: "icon-wrapper" }, h("icon-asset", { key: '700959b9cfc150a867773e540791dac859462452', class: "cls", type: "ptc", color: clearIconColor, name: "times", size: "xxx-small", onClick: (e) => {
                 this.clearSearchValue();
                 this.buttonClickHandler(e);
-            } })))), h("div", { key: 'f900281330245ba5ba7dee0b54b230e81fe1473e', class: "tracker-div mf-listen", id: "searchBtnID" }, h("button", { key: '32f1d2e074f79cbafcfc257a0db891ed0ac28a77', type: "button", color: "blackgrey", class: "search-btn", onClick: (e) => {
+            } })))), h("div", { key: 'e2d78d315a44bf7f2d0c9762cec08fcb95e713dd', class: "tracker-div mf-listen", id: "searchBtnID" }, h("button", { key: '294270804f61de074b824f262b19d3c61695fc85', type: "button", color: "blackgrey", class: "search-btn", onClick: (e) => {
                 this.buttonClickHandler(e);
-            } }, h("icon-asset", { key: '341871c7f8c467ec174928c0ddb2f63f1ba9df42', type: "ptc", size: "medium", name: "new-search", color: "white" }))))));
+            } }, h("icon-asset", { key: '13043965a33cd8271b2fb1febb6b3d63bf601d15', type: "ptc", size: "medium", name: "new-search", color: "white" }))))));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/molecules/ptc-seo-title/ptc-seo-title.js

@@ -76,7 +76,7 @@ export class PtcSeoTitle {
         let temp = this.el.children[0];
         TagType = temp.tagName.toLowerCase();
         this.el.removeChild(temp);
-        return (h("div", { key: '53d1e394ac403786fa527ae436ba927e2194af52', class: classMap }, this.styles && h("style", { key: '92ef9069841accc669c1ce9e0ba7bae95414e748' }, this.styles), h(TagType, { key: '3548fe3d547c51cfaf71c78f54020acc0f2e4f92', innerHTML: temp.innerHTML, style: cutOff })));
+        return (h("div", { key: '254253c8ffc44b4b6e1fc393068f6aeba20ba88f', class: classMap }, this.styles && h("style", { key: 'd1b460c92bd1a0eac6ae7f9a3ba56b5aa08242e8' }, this.styles), h(TagType, { key: '3891aa74a935d49053b34174a6cb208050131a06', innerHTML: temp.innerHTML, style: cutOff })));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/molecules/ptc-shopping-cart/ptc-shopping-cart.js

@@ -11,7 +11,7 @@ export class PtcShoppingCart {
         const svgClass = this.color == "black"
             ? "cart clear-background"
             : "cart black-background";
-        return (h(Host, { key: '3f2135b30cfb5d3b696e67bb8a79e8bf108eda29', class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg, tabindex: "0" }, h("span", { class: "cart-text" }, this.cartText), h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }, h("span", { class: "cart-text" }, this.cartText)))));
+        return (h(Host, { key: '8c2670a70844420e8c5c9126cc7979e95b48a318', class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg, tabindex: "0" }, h("span", { class: "cart-text" }, this.cartText), h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }, h("span", { class: "cart-text" }, this.cartText)))));
         /*
                 if(this.color == 'black'){
                     return (

package/dist/collection/components/molecules/ptc-showcase-card/ptc-showcase-card.js

@@ -3,7 +3,7 @@ export class PtcShowcaseCard {
     headingIconUrl;
     headingIconAltText;
     render() {
-        return (h(Host, { key: '6aa1ae92e9288b12afe5affb6190308ea2c3bbcd' }, h("div", { key: 'f56c4dfc2ca22dc39f2f281c521f15de9a003e5e', class: "card-header" }, h("img", { key: 'ff3abb91d522a17c8dea284a5f60085a2fc322ce', src: this.headingIconUrl, alt: this.headingIconAltText }), h("slot", { key: '8769ba95bb35169f6e328361d19f4bfc9600beb0', name: "heading" })), h("slot", { key: '9a9cd38a3a24b02f2dd55bbebecfcb5fee06e553' })));
+        return (h(Host, { key: '2da631fe0e999024f8ba9cb8268aa686275096df' }, h("div", { key: '5d88f7741ead17af4e6d99e30cbf22712bb20c1c', class: "card-header" }, h("img", { key: 'e0dfd6e3eab5941c6ca3ed2af946e4b70b2ca694', src: this.headingIconUrl, alt: this.headingIconAltText }), h("slot", { key: '419d0f5d857dcd66722e612c0b682c382a800d5a', name: "heading" })), h("slot", { key: '0ea86b632a832f2efbd38da7daa5247a492baebf' })));
     }
     static get is() { return "ptc-showcase-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-skeleton/ptc-skeleton.js

@@ -10,7 +10,7 @@ export class PtcSkeleton {
     render() {
         const borderRadiusValue = this.borderRadius ||
             getComputedStyle(document.documentElement).getPropertyValue("--ptc-border-radius-large");
-        return (h("div", { key: '2a4241658f3f908d3235c6352a8c05928227af90', class: `content ${this.animated && this.isLoading ? "animated" : ""}`, style: {
+        return (h("div", { key: '25e85560eb3446f0159c31afe097e83495455741', class: `content ${this.animated && this.isLoading ? "animated" : ""}`, style: {
                 width: this.width,
                 marginTop: this.topMargin,
                 marginBottom: this.btmMargin,

package/dist/collection/components/molecules/ptc-slit-card/ptc-slit-card.js

@@ -35,11 +35,11 @@ export class PtcSlitCard {
     cardImage;
     render() {
         const Tag = !!this.cardHref ? "a" : "div";
-        return (h(Host, { key: '370716f3131a89e359369900a41a92cadc736ab6', ...(!!this.cardType ? { class: this.cardType } : {}) }, h(Tag, { key: '00e4f2b43be6ceaa64cd245acb1918b4a9f39db0', ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
+        return (h(Host, { key: '551330a0106db2d15d764b2372c53db9191b08b4', ...(!!this.cardType ? { class: this.cardType } : {}) }, h(Tag, { key: '9e9880eeb953ab88d825186af67fa5184456aa1f', ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
                 : {}), ...(!!this.rel && !!this.cardHref
                 ? { rel: this.rel }
-                : {}), ...(!!this.cardImage ? { dataImage: this.cardImage } : {}), class: "card-link" }, h("slot", { key: '035180fb1d7442417075bf6b639982a7c4293747', name: "slot-before-heading" }), !!this.heading
+                : {}), ...(!!this.cardImage ? { dataImage: this.cardImage } : {}), class: "card-link" }, h("slot", { key: '8e5feba17a94cd29a802047b08ecdd672abefee0', name: "slot-before-heading" }), !!this.heading
             ? [
                 h("div", { class: "card-heading" }, h("div", { class: "card-heading-div" }, h("span", { class: "ptc-h3" }, this.heading), h("div", { class: "sim-arrow-wrapper" }, h("div", { class: "sim-arrow" })))),
             ]

package/dist/collection/components/molecules/ptc-social-icons/ptc-social-icons.js

@@ -13,7 +13,7 @@ export class PtcSocialIcons {
     target = "_blank";
     componentWillLoad = () => { };
     render() {
-        return (h(Host, { key: '0beee439342bf0d6995850e057fa6afa42c0ab94' }, h("slot", { key: '6d87858776dd6b6b7d26167b04c15f50c66d9bbe' }), h("div", { key: '3eddbf2b0524051556f3803894f1824c795b6c2b', id: this.trackerId }, this.facebookUrl && (h("a", { key: 'cb6e0eb8b994eea31aae39477f486d475263afcf', id: `${this.trackerId}-facebook`, class: "mf-listen", href: this.facebookUrl, title: "Facebook", innerHTML: facebookSVG, target: this.target, "aria-label": "Social share - Facebook" })), this.linkedinUrl && (h("a", { key: '2995f0f3e2da7269644380a93caff2e3a68e994b', id: `${this.trackerId}-linkedin`, class: "mf-listen", href: this.linkedinUrl, title: "LinkedIn", innerHTML: linkedinSVG, target: this.target, "aria-label": "Social share - LinkedIn" })), this.xUrl && (h("a", { key: '921aca879e8f9d8ee8544744f51005a3969566a2', id: `${this.trackerId}-x`, class: "mf-listen", href: this.xUrl, title: "X", innerHTML: xSVG, target: this.target, "aria-label": "Social share - X" })), this.emailTo && (h("a", { key: '6ef6ae81ada31e9c021e6c7ba597ba2236e51335', id: `${this.trackerId}-email`, class: "mf-listen", href: `mailto:${this.emailTo}`, title: "Email", innerHTML: emailSVG, target: this.target, "aria-label": "Social share - Email" })))));
+        return (h(Host, { key: 'b47678ea0480bd3e89a1dfed8cb5647a6cc0bdb8' }, h("slot", { key: '75accdd06bcfa15698a2068a5ae0be7494db7fb3' }), h("div", { key: 'a7a290f9d4eab53a7ba3359c10fa2fc4aa5b9bb2', id: this.trackerId }, this.facebookUrl && (h("a", { key: '08c01e7337c5f22e9ddc0f5e78a5f56f5398f91e', id: `${this.trackerId}-facebook`, class: "mf-listen", href: this.facebookUrl, title: "Facebook", innerHTML: facebookSVG, target: this.target, "aria-label": "Social share - Facebook" })), this.linkedinUrl && (h("a", { key: 'c03e8d97c23331aeaf50bee0741fee7cddf953b4', id: `${this.trackerId}-linkedin`, class: "mf-listen", href: this.linkedinUrl, title: "LinkedIn", innerHTML: linkedinSVG, target: this.target, "aria-label": "Social share - LinkedIn" })), this.xUrl && (h("a", { key: 'ff5442d7b878a579d0bd870a39595257ded15df2', id: `${this.trackerId}-x`, class: "mf-listen", href: this.xUrl, title: "X", innerHTML: xSVG, target: this.target, "aria-label": "Social share - X" })), this.emailTo && (h("a", { key: '7bffe38f11e8d66e8513b9d2dd0914d5ecf14f12', id: `${this.trackerId}-email`, class: "mf-listen", href: `mailto:${this.emailTo}`, title: "Email", innerHTML: emailSVG, target: this.target, "aria-label": "Social share - Email" })))));
     }
     static get is() { return "ptc-social-icons"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-social-icons-footer/ptc-social-icons-footer.js

@@ -49,17 +49,17 @@ export class PtcSocialIconsFooter {
         CheckDarkFocusState(this, this.hostElement);
     }
     render() {
-        return (h(Host, { key: 'd325d920d5d15f28782227c0ee9875a139281f4d' }, h("slot", { key: 'e469882f32849841700a4faed74c3ce8642e1723' }), h("ul", { key: 'f9abd5f6404405079de6ea05e4f1740cd2e12f55', class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && (h("li", { key: 'e5eaaaa84bea4502451e261dcb40ef11d5e00c69', id: "footerInstagramIconID" }, " ", h("a", { key: '3223f88eda1803a934804d9adf8cb28cb5ef14e6', href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == ""
+        return (h(Host, { key: '7959cc3aba58253cd621728d44df3d3a3e6a3eae' }, h("slot", { key: '3545302189ab43dec586a1429a9c6639da6b6dc1' }), h("ul", { key: '434fba3c3a2f1846f1451e1242d89e5527c7289d', class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && (h("li", { key: 'bbd2e2f7b30dbc1e8ced7807243b06375fe9f06f', id: "footerInstagramIconID" }, " ", h("a", { key: '27a82a85c7630118046ababc2a914189c33eb22c', href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == ""
                 ? instagramSVG
-                : "", target: this.target }, this.instagramImageUrl != "" && (h("img", { key: 'e4dd3741c3477377203b2b3d743fc513f2ce3848', src: this.instagramImageUrl, alt: this.instagramImageAlt }))), " ")), this.facebookUrl && (h("li", { key: '2cfbf0da127dd300f1b17ac6eb6876536a504fdb', id: "footerFacebookIconID" }, " ", h("a", { key: '8faa1d4dbc179a263308e16440a40ef764c866a8', href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == ""
+                : "", target: this.target }, this.instagramImageUrl != "" && (h("img", { key: '1479910358542467edb8cb4e1536a6648aeedaa6', src: this.instagramImageUrl, alt: this.instagramImageAlt }))), " ")), this.facebookUrl && (h("li", { key: '3c4804d3e22e73b2e3314ac9b7ccc646a64186b9', id: "footerFacebookIconID" }, " ", h("a", { key: '9cb77fa26f1ccf9a49e96e12e8d51c97dc5ab4dd', href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == ""
                 ? facebookSVG
-                : "", target: this.target }, this.facebookImageUrl != "" && (h("img", { key: '02d92c42df88af20bbc417dfd928dd88ebace024', src: this.facebookImageUrl, alt: this.facebookImageAlt }))), " ")), this.linkedinUrl && (h("li", { key: 'fee0fa75ca404c3761b84cc4dba11372e7aa0851', id: "footerLinkedInIconID" }, " ", h("a", { key: '84d6a0e8990823ccf198507177c6974733430098', href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == ""
+                : "", target: this.target }, this.facebookImageUrl != "" && (h("img", { key: '8aeffbc29d7fa608eb34f11ab8e974733edb0262', src: this.facebookImageUrl, alt: this.facebookImageAlt }))), " ")), this.linkedinUrl && (h("li", { key: 'd5e5a2881edf8e84fecf71a1e3cca9b2525ede0f', id: "footerLinkedInIconID" }, " ", h("a", { key: 'b09af2d36f6e4d3a582fb9545fd29a9068f2fafe', href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == ""
                 ? linkedinSVG
-                : "", target: this.target }, this.linkedinImageUrl != "" && (h("img", { key: '2704515809edb818fca30a43dceecb18925608c9', src: this.linkedinImageUrl, alt: this.linkedinImageAlt }))), " ")), this.xUrl && (h("li", { key: '5235834506275673c7077a5bf0c31efa2477f4ca', id: "footerXIconID" }, " ", h("a", { key: 'c6af578eae362e9024594a505ae96eabb907fc65', href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && (h("img", { key: '63087318c1877ce3e2911c026fa0761d8b11a253', src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" }))), " ")), this.youtubeUrl && (h("li", { key: 'a025ff067bd10c26cdfd1f9bb1821170e93ba2d6', id: "footerYouTubeIconID" }, " ", h("a", { key: 'b90fd17f8986e7dba40c0a675df6bdbf881f499f', href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && (h("img", { key: '75193eda749847a8dd6b4ca0881040d12d2bd879', src: this.youtubeImageUrl, alt: this.youtubeImageAlt }))), " ")), this.weiboUrl && (h("li", { key: '0f59d1fe77615f59bfd46f5703056ea13b773c57', id: "footerWeiboIconID" }, " ", h("a", { key: '045fe80b6ab54f798150ca3846d8af7f95fc7955', href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && (h("img", { key: '6c4b661af31ee61cd84a05daedab8de7e3c2628c', src: this.weiboImageUrl, alt: this.weiboImageAlt }))), " ")), this.youkuUrl && (h("li", { key: 'b84075532b24db153680f5a013e52085a8b4ed45', id: "footerYouKuIconID" }, " ", h("a", { key: 'd2793c350e9b9c459b297a9163936305a13b379f', href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && (h("img", { key: '4f2981d69faa466ddcc11cbb444ac38c8eb9823c', src: this.youkuImageUrl, alt: this.youkuImageAlt }))), " ")), this.wechatQrImageUrl && (h("li", { key: '47352964d1c50133b707567cbd7ea31ea454ea79', id: "footerWeChatIconID" }, " ", h("a", { key: '07bfe8ec05d6caa2cfa807d292caccf28a1334ce', href: "#", onClick: (Event) => {
+                : "", target: this.target }, this.linkedinImageUrl != "" && (h("img", { key: '7fed4956978353fe62a94e78c1214d5a0f5cd196', src: this.linkedinImageUrl, alt: this.linkedinImageAlt }))), " ")), this.xUrl && (h("li", { key: '82a837c57de068e51148f939f9b588056553508a', id: "footerXIconID" }, " ", h("a", { key: 'f2ad04fc5d75fdacfffe1a9ae9588c8dd3049527', href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && (h("img", { key: 'b3bde215e2d31635616bb5e705b8a697c9ebb303', src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" }))), " ")), this.youtubeUrl && (h("li", { key: 'c4d7b0f39bdd01c34b78c03e79088d2981f54df1', id: "footerYouTubeIconID" }, " ", h("a", { key: 'f6de5c9c5e53cd123d20631b544cdcb27619d550', href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && (h("img", { key: '205912d6b83159395b6ba9054842617cd6aed07a', src: this.youtubeImageUrl, alt: this.youtubeImageAlt }))), " ")), this.weiboUrl && (h("li", { key: '328f5945de7690b3ef5c9b2e01c06095518c374c', id: "footerWeiboIconID" }, " ", h("a", { key: '1760656cfda3662b3bb2b1dd40a9a200437e211a', href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && (h("img", { key: '0165b2d4f60d2a43a46bc02e8fb8bc67cf8badae', src: this.weiboImageUrl, alt: this.weiboImageAlt }))), " ")), this.youkuUrl && (h("li", { key: '576952de44c4e41b7785e6423cecd96279245488', id: "footerYouKuIconID" }, " ", h("a", { key: '9a7990846a5d273782a5ea753c75f3b5e78993ed', href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && (h("img", { key: '3444b310ad32a9d6f8808533956024289ca5823e', src: this.youkuImageUrl, alt: this.youkuImageAlt }))), " ")), this.wechatQrImageUrl && (h("li", { key: '05ea7b2b821655ed3a8693627b50b3b7d64aa89e', id: "footerWeChatIconID" }, " ", h("a", { key: '60ba7d18d3ba8391ef618743a659032921710aa8', href: "#", onClick: (Event) => {
                 this.openModal(Event);
             }, title: this.wechatImageAlt != ""
                 ? this.wechatImageAlt
-                : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && (h("img", { key: 'df9de105bcf7ae5215b19955d501a283233bd792', src: this.wechatImageUrl, alt: this.wechatImageAlt }))), " "))), h("ptc-modal", { key: 'a97191ebc1370981041704a7441e30005e3f5722', id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: ".wrapper .modal-popup .modal-body { padding-bottom: 40px}" }, h("ptc-picture", { key: '4d4d6de7b38187ebecbde641c4dfe96f71d427a0', alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": "250", "image-alignment": "center", styles: "img{margin:auto}" }))));
+                : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && (h("img", { key: 'a77cdd2b0855d10a5fa22d152c9595d1b0138f15', src: this.wechatImageUrl, alt: this.wechatImageAlt }))), " "))), h("ptc-modal", { key: 'ef1b41da5ff150fc50b028d6c3610454d6525fc3', id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: ".wrapper .modal-popup .modal-body { padding-bottom: 40px}" }, h("ptc-picture", { key: 'b0d295212a1bf5dde04281a5a8c4041870ae67da', alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": "250", "image-alignment": "center", styles: "img{margin:auto}" }))));
     }
     static get is() { return "ptc-social-icons-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-social-share/ptc-social-share.js

@@ -38,7 +38,7 @@ export class PtcSocialShare {
     darkFocusState = false;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'c7ef8f91d0504fc2bd66f2fbc5159703a0e2cad2', class: classMap }, h("div", { key: 'ded834024af5253144a9fa0b832e91f4575ad5ab', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
+        return (h(Host, { key: '604d8fca66740410a415546dd4a4d5d6e68ee00c', class: classMap }, h("div", { key: 'af7ce5b47dc2c5068921925487d9feef640cfe02', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "linkedin" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-linkedin", ...(this.isHover
                 ? { color: this.iconHoverColor }
@@ -58,7 +58,7 @@ export class PtcSocialShare {
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "download" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit", ...(this.isHover
                 ? { color: this.iconHoverColor }
-                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: 'fdb7f68332b90ce130ce4b7839dfef7b4158cb40', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '8fde781c03e940f16e59216f24125a5e15ce2247', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
+                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: '295ea776c8f456e28d7fc388d5f8209e26556173', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: 'a5ff16c957a902b225a99b64950a3c461e0006ac', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
     }
     handleKeyDown(event) {
         if (event.key === "Enter") {

package/dist/collection/components/molecules/ptc-square-card/ptc-square-card.js

@@ -9,11 +9,11 @@ export class PtcSquareCard {
      */
     arrowDirection;
     render() {
-        return (h(Host, { key: '302a9f9d69937034aec11bd7662ed21951e3d5e5' }, h("div", { key: 'b30675ebd5636311511bfd62343b21d30f6a0f53', class: "card-border square-padding card-layout" }, h("slot", { key: 'a7e2077f4032cbe91131dd78c1670d0ff595e459', name: "seo-content" }), h("slot", { key: 'fc03bc7b995c7153704d6374d0d7d399098ba9ef', name: "before-icon" }), h("ptc-spacer", { key: 'ff8529b41fdc915655d13e9d5093cedb5d997a4a', breakpoint: "x-small", size: "small" }), h("ptc-spacer", { key: '427f896b59bc3989ab681d43ac00d6e8ba96d243', breakpoint: "small", size: "x-small" }), h("div", { key: 'eb09798c2bafc42c1a8885cccfe1933d3c3856d6', class: "icon-block" }, !!this.arrowDirection ? (h("icon-asset", { class: "icon", ...(this.arrowDirection === "up"
+        return (h(Host, { key: '0a8becd1f4a181057348a07c6b0d2ffa1a63571a' }, h("div", { key: '7bdb51b1ed3c265b3df360f107af56663b28e980', class: "card-border square-padding card-layout" }, h("slot", { key: 'c9e3e558be3bf75c228a7906e3830aeec63b39c1', name: "seo-content" }), h("slot", { key: '879eb9d429829fccc83b1d6d61e4ca6f817f625d', name: "before-icon" }), h("ptc-spacer", { key: '3e05cf4134b9db86c07cb6e7fb36b136d7e81e65', breakpoint: "x-small", size: "small" }), h("ptc-spacer", { key: '749ecb5cb4b2e3350eb69711397ca83d16dbdb64', breakpoint: "small", size: "x-small" }), h("div", { key: '13f3242948d628b7191ccaff9a0b9d72a94c9159', class: "icon-block" }, !!this.arrowDirection ? (h("icon-asset", { class: "icon", ...(this.arrowDirection === "up"
                 ? { name: "arrow_ascending" }
                 : { name: "arrow_descending" }), type: "ptc", ...(!this.number
                 ? { size: "xxx-large" }
-                : { size: "xx-large" }), color: "ptc-green" })) : null, !!this.number ? (h("div", { class: "number" }, this.number)) : null), h("ptc-spacer", { key: '125a3d15604d43126c0a5ff9c934c86988a9635b', breakpoint: "x-small", size: "small" }), h("ptc-spacer", { key: '5904d3456eaa50a784768d4781993bb9a0481e1c', breakpoint: "small", size: "x-small" }), h("slot", { key: '1ee77252690ba764d7fe828e279c3adf920d87d6', name: "after-icon" }))));
+                : { size: "xx-large" }), color: "ptc-green" })) : null, !!this.number ? (h("div", { class: "number" }, this.number)) : null), h("ptc-spacer", { key: '3f351cc40e1b9f08a2ca90aab99fbfd300bff46b', breakpoint: "x-small", size: "small" }), h("ptc-spacer", { key: '20da27ee6e6d16764ed254a73b7aadd9f17ec6c8', breakpoint: "small", size: "x-small" }), h("slot", { key: 'e2f7fa240ee586bca676af1f17e3576cd27e7e95', name: "after-icon" }))));
     }
     static get is() { return "ptc-square-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-sticky-icons/ptc-sticky-icons.js

@@ -8,7 +8,7 @@ export class PtcStickyIcons {
         this.setHostLocation();
     }
     render() {
-        return (h(Host, { key: 'f70d70c1cc462134f147c9de114cf8d0d5796181' }, h("div", { key: '007817d90b4ec4c5b82f46b57e617c2c7dc26512', class: "icon-container" }, h("slot", { key: 'd497e1b622a2fc57a37c1644a96d7ffcc49ac025' }))));
+        return (h(Host, { key: '32356a45caa4f3e83b831a5e8a5ca77a19e6cd84' }, h("div", { key: 'ffc1d727d4a904050a5cf13d401668e912c4ee4f', class: "icon-container" }, h("slot", { key: 'dea33f44736f309c00e48d24337f9a7243a30423' }))));
     }
     setHostLocation() {
         let width = window.innerWidth > 0 ? window.innerWidth : screen.width;

package/dist/collection/components/molecules/ptc-sticky-section/ptc-sticky-section.js

@@ -54,7 +54,7 @@ export class PtcStickySection {
         this.handleScroll();
     }
     render() {
-        return (h(Host, { key: '6a7a256dd25a60696a0f72894607212d84e0d0f7' }, h("div", { key: 'f13e52ecca1a9d32fb37415d133b0552fa5a7032', class: "stickyEl", ref: (el) => (this.stickyEl = el) }, h("slot", { key: '0ecbe8be3d162b61327b143a15afd5aab8ac107f' }))));
+        return (h(Host, { key: '17f40553f816e51a24509d6ed901bb2ea36362f5' }, h("div", { key: 'c9dd1264d4ba60135cd4d2322859fc79513404c7', class: "stickyEl", ref: (el) => (this.stickyEl = el) }, h("slot", { key: '448dc5e5e1ffde0152c089901c9605a0f3687a52' }))));
     }
     static get is() { return "ptc-sticky-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-sticky-title/ptc-sticky-title.js

@@ -32,7 +32,7 @@ export class PtcStickyTitle {
     }
     render() {
         const logoImg = getAssetPath(`./media/${this.logo}`);
-        return (h(Host, { key: '53a593f0581cb58e4830c4d318c7f8589329279d' }, h("div", { key: '1c12c3700db47148c86e762318b0c9f84fffea2d', class: `sticky-header-container ${this.isSticky ? "sticky" : ""}` }, h("div", { key: 'bb0b0fdc3b2a0ebce0361694aaa4848ce12ba63b', class: "sticky-header-title" }, h("div", { key: '163ea06f4105dec74c73da505569f57ff39a5131', class: `logo-image ${this.isSticky ? "is-visible" : ""}` }, h("img", { key: 'de1b95353ae795e2ca77cc50f10b364aa729b582', src: logoImg })), h("div", { key: '9c008124045f0c8eb271233fbf83ee1782c7b872', class: "sticky-text" }, h("ptc-tooltip", { key: '4af7b92cf449f5c722cbeb708a16e9accdb479e2', "text-lines": "1", description: this.barTitle })), h("div", { key: '5e360c04ce475e8c298e8911fd47f4d5596bf591', class: `share-icons is-flex ${this.isSticky ? "is-visible" : ""}` }, h("slot", { key: '02c6228a3f0a7371e8cb47c0494e96d8a25a7673', name: "social-share-slot" }))), h("ptc-progress-bar", { key: '3644c4793113ff1103f31e16d80c96673fc18809' }))));
+        return (h(Host, { key: '59b92aa32bcde3a893e8e1c877ba4ea00320254b' }, h("div", { key: '25490ae60f62554df46369878050ef4de8fe0cb4', class: `sticky-header-container ${this.isSticky ? "sticky" : ""}` }, h("div", { key: '03e09e90b98c081a358d3c2bee3bb51bf77cb6c7', class: "sticky-header-title" }, h("div", { key: 'e7cb816100bf0b88685d0725a5ed9586ca2ce538', class: `logo-image ${this.isSticky ? "is-visible" : ""}` }, h("img", { key: '7f94ee80937b2157dc839617c71ab0245c52432a', src: logoImg })), h("div", { key: '3fd0ea55caa63f4aeaf622a30b0ba430fc3fdb48', class: "sticky-text" }, h("ptc-tooltip", { key: '88e3a3c2fea6da4063754faef6a36294574cf9a9', "text-lines": "1", description: this.barTitle })), h("div", { key: '0af84f8c2f8fa61cc3a380214df234af432e7866', class: `share-icons is-flex ${this.isSticky ? "is-visible" : ""}` }, h("slot", { key: '32a24fb79bae9df3653604d791f7f075933e4478', name: "social-share-slot" }))), h("ptc-progress-bar", { key: 'ffc723c64db77f996d6863b2f272008ba3e51e0a' }))));
     }
     static get is() { return "ptc-sticky-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,40 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-white);
+  border-radius: var(--ptc-border-radius-standard);
+  /* Drop Shadow (X-Small) */
+  box-shadow: var(--ptc-shadow-x-small);
+  height: 100%;
+}
+:host .image-container {
+  height: 120px;
+  position: relative;
+}
+:host .content-container {
+  padding: 16px;
+  color: var(--color-gray-10);
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  /* Paragraph Small */
+  font-size: var(--ptc-font-size-x-small);
+  font-weight: var(--ptc-font-weight-regular);
+  line-height: var(--ptc-line-height-p);
+}
+:host ::slotted(.store-card-logo) {
+  display: block;
+  max-height: 24px;
+  margin-bottom: 8px;
+}
+:host ::slotted(h4) {
+  margin: 0 0 var(--ptc-element-spacing-02) 0 !important;
+}
+:host ::slotted(a.store-card-title) {
+  display: block;
+  color: var(--color-gray-10);
+}
+:host ::slotted(p) {
+  margin-bottom: 0 !important;
+  font-size: var(--ptc-font-size-x-small) !important;
+}

package/dist/collection/components/molecules/ptc-store-card/ptc-store-card.js

@@ -0,0 +1,25 @@
+import { Host, h } from "@stencil/core";
+export class PtcStoreCard {
+    el;
+    hasTopImage = false;
+    componentWillLoad() {
+        this.hasTopImage = !!this.el.querySelector('[slot="top-image"]');
+    }
+    render() {
+        return (h(Host, { key: '2469d2d3e8c61c05dc996dcbd0d68f04daefa107' }, this.hasTopImage && (h("div", { key: '9b20fccb5471ddf6a386c20e4eab6dea846ec47e', class: "image-container" }, h("slot", { key: 'f24845ee3c8323992b34b9d6af8472e31aac7733', name: "top-image" }))), h("div", { key: '0b20913976bab990eabfc8a42984b58101216e26', class: "content-container" }, h("slot", { key: 'b74d3249091ad710f91c50c9cc9badfb8057e823' }))));
+    }
+    static get is() { return "ptc-store-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ptc-store-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ptc-store-card.css"]
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=ptc-store-card.js.map

package/dist/collection/components/molecules/ptc-store-card/ptc-store-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ptc-store-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/ptc-store-card/ptc-store-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAO5D,MAAM,OAAO,YAAY;IACb,EAAE,CAAc;IAEnB,WAAW,GAAY,KAAK,CAAC;IAErC,iBAAiB;QAChB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAClE,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACH,IAAI,CAAC,WAAW,IAAI,CACpB,4DAAK,KAAK,EAAC,iBAAiB;gBAC3B,6DAAM,IAAI,EAAC,WAAW,GAAQ,CACzB,CACN;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC7B,8DAAa,CACR,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;CACD","sourcesContent":["import { Component, Host, h, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-store-card\",\r\n\tstyleUrl: \"ptc-store-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcStoreCard {\r\n\t@Element() el: HTMLElement;\r\n\r\n\tprivate hasTopImage: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasTopImage = !!this.el.querySelector('[slot=\"top-image\"]');\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.hasTopImage && (\r\n\t\t\t\t\t<div class=\"image-container\">\r\n\t\t\t\t\t\t<slot name=\"top-image\"></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div class=\"content-container\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"]}