@ptcwebops/ptcw-design 1.5.7 → 1.5.9

package/dist/esm/ptc-product-list.entry.js

@@ -0,0 +1,124 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8e63c32d.js';
+
+const ptcProductListCss = ":host{display:block;padding-bottom:52px}@media only screen and (min-width: 992px){:host{padding-bottom:102px}}:host .no-result-wrap{display:none}:host .no-result-wrap.show{display:block}:host .no-result-wrap .no-result{display:flex;justify-content:center;align-items:center;min-height:160px;padding:20px;text-align:center}";
+
+const PtcProductList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.clearCtaClicked = createEvent(this, "clearCtaClicked", 7);
+  }
+  handleSearchResult(event) {
+    const { sender, searchTerm } = event.detail;
+    if (sender) {
+      this.sortCards(searchTerm);
+    }
+  }
+  handleMultipleSearchResult(event) {
+    const { sender, selectedOptions } = event.detail;
+    if (sender) {
+      this.sortMultipleCards(selectedOptions);
+    }
+  }
+  handleEmptyResult(event) {
+    const { sender, searchTerm } = event.detail;
+    if (sender) {
+      this.noresultSection.classList.add('show');
+      this.sortCards(searchTerm);
+    }
+  }
+  sortMultipleCards(searchItems) {
+    const categoryList = Array.from(this.hostElement.querySelectorAll('ptc-product-category'));
+    categoryList.forEach((category) => {
+      const categoryTitle = category.getAttribute('category-title');
+      const productList = Array.from(category.querySelectorAll('ptc-product-card'));
+      if (searchItems.length > 0) {
+        const shouldDisplayCategory = searchItems.some(searchItem => categoryTitle && categoryTitle.includes(searchItem));
+        category.style.display = shouldDisplayCategory ? 'block' : 'none';
+        if (shouldDisplayCategory) {
+          productList.forEach(product => {
+            product.style.display = 'block';
+          });
+        }
+        else {
+          productList.forEach(product => {
+            const productTitle = product.getAttribute('card-title');
+            const shouldDisplayProduct = searchItems.some(searchItem => productTitle && productTitle.includes(searchItem));
+            product.style.display = shouldDisplayProduct ? 'block' : 'none';
+          });
+        }
+      }
+      else {
+        category.style.display = 'block';
+        productList.forEach(product => {
+          product.style.display = 'block';
+        });
+      }
+    });
+  }
+  // Sorting the
+  sortCards(searchItem) {
+    const categoryList = this.hostElement.querySelectorAll('ptc-product-category');
+    categoryList.forEach((category) => {
+      const categoryTitle = category.getAttribute('category-title');
+      const productList = category.querySelectorAll('ptc-product-card');
+      category.style.display = 'none';
+      if (searchItem === '') {
+        category.style.display = 'block';
+        productList.forEach(product => {
+          product.style.display = 'block';
+        });
+        this.noresultSection.classList.remove('show');
+      }
+      else {
+        const searchItemLowerCase = searchItem; //
+        if (searchItemLowerCase === categoryTitle) {
+          category.style.display = 'block';
+          productList.forEach(product => {
+            product.style.display = 'block';
+          });
+        }
+        else {
+          productList.forEach(product => {
+            const productTitle = product.getAttribute('card-title');
+            product.style.display = 'none';
+            if (searchItemLowerCase === productTitle) {
+              product.style.display = 'block';
+              category.style.display = 'block';
+            }
+          });
+        }
+      }
+    });
+  }
+  componentDidLoad() {
+    this.addIds();
+    this.noresultSection = this.hostElement.shadowRoot.querySelector('.no-result-wrap');
+    this.productList = this.hostElement.shadowRoot.querySelector('.product-list');
+  }
+  handleClick(event) {
+    this.clearCtaClicked.emit({
+      'sender': this,
+      'event': event,
+    });
+  }
+  // Adding id to the category and product cards
+  addIds() {
+    const categoryList = this.hostElement.querySelectorAll('ptc-product-category');
+    categoryList.forEach((category) => {
+      const categoryTitle = category.getAttribute('category-title');
+      category.setAttribute('id', categoryTitle);
+      const productList = category.querySelectorAll('ptc-product-card');
+      productList.forEach(product => {
+        const productTitle = product.getAttribute('card-title');
+        product.setAttribute('id', productTitle);
+      });
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "product-list" }, h("slot", null)), h("div", { class: "no-result-wrap" }, h("div", { class: "no-result" }, h("div", null, h("ptc-title", { type: 'h3', "title-margin": "margin-flush", upperline: 'no-upperline', "title-size": "large" }, "No Results Found"), h("ptc-para", { "font-size": "x-small" }, "Try changing or removing some of your filters"), h("ptc-button", { type: "link", color: "ptc-quaternary", target: "_blank", onClick: (e) => { this.handleClick(e); } }, "Clear Filters"))))));
+  }
+  get hostElement() { return getElement(this); }
+};
+PtcProductList.style = ptcProductListCss;
+
+export { PtcProductList as ptc_product_list };

package/dist/esm/ptc-product-sidebar.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8e63c32d.js';
+
+const ptcProductSidebarCss = ":host{display:block;position:relative}:host .hide{display:none !important}:host .white-box{padding:12px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}:host .sort-wrap{display:block}@media only screen and (min-width: 480px){:host .sort-wrap{display:flex;justify-content:space-between}}@media only screen and (min-width: 992px){:host .sort-wrap{display:block}}:host .filter-result-wrap label{font-size:var(--ptc-font-size-x-small);font-weight:600}:host .filter-result-wrap .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media only screen and (min-width: 992px){:host .filter-result-wrap .result-header{margin-bottom:26px}}:host .filter-result-wrap .result-header .clear-cta{cursor:pointer;display:none;color:var(--color-gray-07);font-size:var(--ptc-font-size-x-small);text-decoration:underline}:host .filter-result-wrap .result-header .clear-cta.show{display:block}:host .filter-result-wrap .typeahead-input{box-sizing:border-box;margin-bottom:14px;width:100%;margin-right:0}@media only screen and (min-width: 480px){:host .filter-result-wrap .typeahead-input{margin-right:40px}}@media only screen and (min-width: 992px){:host .filter-result-wrap .typeahead-input{margin-right:0}}:host .filter-result-wrap .typeahead-input .input-wrap{position:relative}:host .filter-result-wrap .typeahead-input .input-wrap svg{position:absolute;left:8px;top:8px}:host .filter-result-wrap .typeahead-input .input-wrap input{margin-top:4px;padding:8px 8px 8px 34px;display:block;width:100%;box-sizing:border-box;border:1px solid var(--color-gray-03);font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap{position:relative;width:100%}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions{border:1px solid var(--color-gray-03);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);background-color:var(--color-white);position:absolute;z-index:105;top:0;margin:0;width:100%;box-sizing:border-box;padding:0;max-height:400px;overflow-y:auto}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar{width:5px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li{list-style:none;padding:10px 16px;cursor:pointer;display:block;font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:first-child{padding-top:20px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:last-child{padding-bottom:20px}:host .filter-result-wrap .dropdwon-filter{margin-bottom:10px;width:100%}:host .product-list-wrap{display:none}@media only screen and (min-width: 992px){:host .product-list-wrap{display:block}}:host .product-list-wrap .category-list{display:block;padding:12px 4px;font-size:var(--ptc-font-size-x-small)}:host .product-list-wrap .category-list ptc-para{padding-bottom:4px;display:block}:host .product-list-wrap .category-list ul{padding-left:20px;margin:0}";
+
+const PtcProductSidebar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.selectedResult = createEvent(this, "selectedResult", 7);
+    this.clearsearch = createEvent(this, "clearsearch", 7);
+    this.inputChanged = createEvent(this, "inputChanged", 7);
+    this.emptyResult = createEvent(this, "emptyResult", 7);
+    this.searchTerm = '';
+    this.suggestions = [];
+    this.suggestionList = [];
+  }
+  componentWillLoad() {
+    this.getDomData();
+  }
+  componentDidLoad() {
+    this.productListWrap = this.hostElement.shadowRoot.querySelector('.product-list-wrap');
+    this.clearBtn = this.hostElement.shadowRoot.querySelector('.clear-cta');
+  }
+  // Getting category title and products list
+  getDomData() {
+    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');
+        categoryObject.products.push(productTitle);
+      });
+    });
+  }
+  handleInputChange(event) {
+    const inputElement = event.target;
+    this.searchTerm = inputElement.value.toLocaleLowerCase();
+    this.productListWrap.classList.add('hide');
+    this.clearBtn.classList.add('show');
+    this.getSuggestions();
+    this.inputChanged.emit({
+      'sender': this,
+      'event': event,
+    });
+  }
+  getSuggestions() {
+    const searchTerm = this.searchTerm.toLowerCase();
+    const suggestions = this.suggestionList.reduce((acc, item) => {
+      if (item.categoryName.toLowerCase().includes(searchTerm)) {
+        acc.push(item.categoryName); // Include the category if it matches the search term
+      }
+      const matchedProducts = item.products.filter((product) => product.toLowerCase().includes(searchTerm));
+      if (matchedProducts.length > 0) {
+        acc.push(...matchedProducts); // Include the matching products
+      }
+      return acc;
+    }, []);
+    this.suggestions = suggestions;
+  }
+  handleSelectSuggestion(suggestion, event) {
+    this.searchTerm = suggestion;
+    //this.serachInput.setAttribute('value', this.searchTerm);
+    this.selectedResult.emit({
+      'sender': this,
+      'event': event,
+      'searchTerm': this.searchTerm
+    });
+  }
+  handleKeyUp(e) {
+    const inputElement = e.target;
+    this.searchTerm = inputElement.value.toLocaleLowerCase();
+    if (e.keyCode === 13 && this.suggestions.length == 0) {
+      console.log('Enter key pressed');
+      this.emptyResult.emit({
+        'sender': this,
+        'event': e,
+      });
+    }
+  }
+  clearSearch(event) {
+    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
+    });
+  }
+  handleDropdownTouched(event) {
+    const { sender, isOpen } = event.detail;
+    if (sender) {
+      this.productListWrap.classList.add('hide');
+      this.clearBtn.classList.add('show');
+      if (isOpen) {
+        let input = this.hostElement.shadowRoot.querySelector('input');
+        if (input) {
+          input.value = "";
+        }
+      }
+    }
+  }
+  handleClick() {
+    this.suggestions = [];
+  }
+  handleclearCtaClicked(event) {
+    const { sender, event: mouseEvent, } = event.detail;
+    if (sender) {
+      this.clearSearch(mouseEvent);
+    }
+  }
+  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" }, "Filter Result"), h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e) }, "Clear")), h("div", { class: "sort-wrap" }, h("div", { class: "typeahead-input" }, h("label", { htmlFor: "searchBox" }, "Filter"), 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) => (h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e) }, suggestion)))))), h("div", { class: "dropdwon-filter" }, h("label", { htmlFor: "tech-dropdown" }, "Technology"), h("ptc-product-dropdown", { placeholder: "Select a technology", id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), 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" }, "Jump to Product"), 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 }, item.categoryName)), h("div", { class: "product-list" }, h("ul", null, item.products.map((product) => (h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
+  }
+  get hostElement() { return getElement(this); }
+};
+PtcProductSidebar.style = ptcProductSidebarCss;
+
+export { PtcProductSidebar as ptc_product_sidebar };

package/dist/esm/{ptc-social-share.entry.js → ptc-progress-bar_2.entry.js}

@@ -1,5 +1,25 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8e63c32d.js';
 
+const ptcProgressBarCss = ":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";
+
+const PtcProgressBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.scrollPercentage = 0;
+  }
+  handleScroll() {
+    const scrollTop = document.documentElement.scrollTop;
+    const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+    console.log('scrollTop: ' + scrollTop + '; scorllHeight: ' + scrollHeight);
+    const percentage = (scrollTop / scrollHeight) * 100;
+    this.scrollPercentage = percentage;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "progress-bar-container" }, h("div", { class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
+  }
+};
+PtcProgressBar.style = ptcProgressBarCss;
+
 const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
 
 const PtcSocialShare = class {
@@ -18,7 +38,7 @@ const PtcSocialShare = class {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-twitter" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: "large", name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null)));
+    return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-twitter" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "mail-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "linkedin-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "twitter-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "facebook-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: "large", name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null)));
   }
   getCssClassMap() {
     return {
@@ -30,16 +50,16 @@ const PtcSocialShare = class {
     this.isHover = !this.isHover;
   }
   share() {
-    if (this.shareType == 'twitter') {
+    if (this.shareType == 'twitter' || this.shareType == "blog-twitter") {
       window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`);
     }
-    if (this.shareType == 'facebook') {
+    if (this.shareType == 'facebook' || this.shareType == "blog-facebook") {
       window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`);
     }
-    if (this.shareType == 'linkedin') {
+    if (this.shareType == 'linkedin' || this.shareType == "blog-linkedin") {
       window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
     }
-    if (this.shareType == 'mail') {
+    if (this.shareType == 'mail' || this.shareType == "blog-mail") {
       window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
     }
     if (this.shareType == 'share-api') {
@@ -63,4 +83,4 @@ const PtcSocialShare = class {
 };
 PtcSocialShare.style = ptcSocialShareCss;
 
-export { PtcSocialShare as ptc_social_share };
+export { PtcProgressBar as ptc_progress_bar, PtcSocialShare as ptc_social_share };

package/dist/esm/ptc-slit-card.entry.js

@@ -0,0 +1,32 @@
+import { r as registerInstance, h, H as Host } from './index-8e63c32d.js';
+
+const ptcSlitCardCss = ":host{display:block}:host(.sim-card){display:block}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none}:host(.sim-card) .card-link .card-heading{display:block;background-color:#3b4550;clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading h3{color:#fff;font-family:Rajdhani, sans-serif;font-size:13px;font-weight:900;line-height:2.17;margin:15px 0px 15px 15px;position:relative;display:inline-block}:host(.sim-card) .card-link .card-heading h3::before{display:block;position:absolute;content:\"\";width:30px;border-bottom:2px solid var(--color-green-14);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.sim-card) .card-link .card-body{background:#fff;box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading h3::before{width:100%}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}";
+
+const PtcSlitCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.cardType = 'sim-card';
+    this.cardHref = undefined;
+    this.target = '_self';
+    this.rel = undefined;
+    this.heading = undefined;
+    this.content = undefined;
+    this.styles = undefined;
+    this.cardImage = undefined;
+  }
+  render() {
+    const Tag = !!this.cardHref ? 'a' : 'div';
+    return (h(Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), h(Tag, Object.assign({}, (!!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", { name: "slot-before-heading" }), !!this.heading
+      ? [
+        h("div", { class: "card-heading" }, h("h3", { class: "ptc-h3" }, this.heading), h("slot", { name: "slot-after-heading" }))
+      ]
+      : null, !!this.content
+      ? [
+        h("div", { class: "card-body" }, h("ptc-para", { "font-size": "xxx-small", "font-weight": "w-6", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-dense" }, this.content))
+      ]
+      : null)));
+  }
+};
+PtcSlitCard.style = ptcSlitCardCss;
+
+export { PtcSlitCard as ptc_slit_card };

package/dist/esm/ptc-span.entry.js

@@ -1,12 +1,13 @@
 import { r as registerInstance, h, H as Host } from './index-8e63c32d.js';
 
-const ptcSpanCss = ":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}";
+const ptcSpanCss = ":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}";
 
 const PtcSpan = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.spanStyle = 'tag-style';
     this.display = 'inline';
+    this.fontWeight = 'w-4';
     this.styles = undefined;
   }
   render() {
@@ -16,6 +17,7 @@ const PtcSpan = class {
   getCssClassMap() {
     return {
       [this.spanStyle]: true,
+      [this.fontWeight]: true,
       [this.display]: true,
     };
   }

package/dist/esm/ptc-sticky-title.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, g as getAssetPath, h, H as Host } from './index-8e63c32d.js';
+
+const ptcStickyTitleCss = ":host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:height 0.3s ease-in-out;display:flex;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 768px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}@media only screen and (min-width: 768px){.sticky-header-title{justify-content:center}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 768px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 768px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 768px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title .share-icons ptc-social-share{margin-left:var(--ptc-element-spacing-03)}.sticky-header-title h1{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){.sticky-header-title h1{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";
+
+const PtcStickyTitle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.barTitle = 'Bar Title';
+    this.isSticky = false;
+    this.logo = 'logo.png';
+  }
+  handleScroll() {
+    const scrollTop = document.documentElement.scrollTop;
+    const threshold = 260;
+    if (scrollTop > threshold) {
+      this.isSticky = true;
+    }
+    else {
+      this.isSticky = false;
+    }
+  }
+  render() {
+    const logoImg = getAssetPath(`./media/${this.logo}`);
+    return (h(Host, null, h("div", { class: `sticky-header-container ${this.isSticky ? 'sticky' : ''}` }, h("div", { class: "sticky-header-title" }, h("div", { class: `logo-image ${this.isSticky ? 'is-visible' : ''}` }, h("img", { src: logoImg })), h("h1", null, this.barTitle), h("div", { class: `share-icons is-flex ${this.isSticky ? 'is-visible' : ''}` }, h("ptc-social-share", { class: "icon", display: "inline-block", "share-type": "blog-facebook", text: "summary", url: "https://www.ptc.com", "share-title": "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h("ptc-social-share", { class: "icon", display: "inline-block", "share-type": "blog-twitter", text: "summary", url: "https://www.ptc.com", "share-title": "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h("ptc-social-share", { class: "icon", display: "inline-block", "share-type": "blog-linkedin", text: "summary", url: "https://www.ptc.com", "share-title": "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h("ptc-social-share", { class: "icon", display: "inline-block", "share-type": "blog-mail", text: "summary", url: "https://www.ptc.com", "share-title": "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }))), h("ptc-progress-bar", null))));
+  }
+  static get assetsDirs() { return ["media"]; }
+};
+PtcStickyTitle.style = ptcStickyTitleCss;
+
+export { PtcStickyTitle as ptc_sticky_title };

package/dist/esm/ptcw-design.js

@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"icon-asset_16\",[[1,\"ptc-product-sidebar\",{\"suggestionList\":[16],\"searchTerm\":[32],\"suggestions\":[32]},[[4,\"dropdownTouched\",\"handleDropdownTouched\"],[0,\"click\",\"handleClick\"],[4,\"clearCtaClicked\",\"handleclearCtaClicked\"]]],[1,\"ptc-product-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"],\"cardCtaText\":[1,\"card-cta-text\"],\"toggleCtaTitle\":[1,\"toggle-cta-title\"],\"isSlotEmpty\":[4,\"is-slot-empty\"],\"isOpen\":[32]}],[1,\"ptc-product-category\",{\"categoryTitle\":[1,\"category-title\"],\"categoryDescription\":[1,\"category-description\"]}],[1,\"ptc-product-highlight-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"]}],[1,\"ptc-product-list\",null,[[4,\"selectedResult\",\"handleSearchResult\"],[4,\"clearsearch\",\"handleSearchResult\"],[4,\"selectedValues\",\"handleMultipleSearchResult\"],[4,\"emptyResult\",\"handleEmptyResult\"]]],[1,\"ptc-back-to-top\",{\"showButton\":[32]},[[0,\"click\",\"handleClick\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}],[1,\"ptc-product-dropdown\",{\"newOptions\":[16],\"selectedOptions\":[16],\"placeholder\":[1],\"internalOptions\":[32],\"isOpen\":[32]},[[4,\"clearsearch\",\"handleSearchResult\"],[4,\"inputChanged\",\"handleinputChanged\"]]],[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}],[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}],[6,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1],\"width\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"isSmallScreen\":[4,\"is-small-screen\"]},[[9,\"resize\",\"addTruncatedClass\"],[9,\"resize\",\"windowResize\"]]],[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"displayImage\":[1,\"display-image\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]],[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]],[\"bundle-jumbotron-example\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}]]],[\"sequential-bundle\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"innovator-toggle-container\",[[1,\"innovator-toggle-container\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-card\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1],\"styles\":[1]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-bio-card\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[32]}]]],[\"ptc-mobile-select\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-submenu\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"]}]]],[\"ptc-pagenation\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"theme\":[1],\"styles\":[1],\"pageNumbers\":[32],\"isSmallScreen\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"ptc-quote\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"elevation\":[1],\"enableClear\":[4,\"enable-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"ptc-social-share\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"ptc-subnav-card\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-minimized-footer\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-slider\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-sticky-section\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav\",[[1,\"ptc-subnav\",{\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-jumbotron\",[[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"hasPopupVideo\":[4,\"has-popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player\",[[1,\"lottie-player\",{\"mode\":[1],\"autoplay\":[4],\"background\":[513],\"controls\":[4],\"count\":[2],\"direction\":[2],\"hover\":[4],\"loop\":[516],\"renderer\":[1],\"speed\":[2],\"src\":[1],\"currentState\":[1,\"current-state\"],\"seeker\":[8],\"intermission\":[2],\"play\":[64],\"pause\":[64],\"stop\":[64],\"seek\":[64],\"getLottie\":[64],\"setSpeed\":[64],\"setDirection\":[64],\"setLooping\":[64],\"togglePlay\":[64],\"toggleLooping\":[64]}]]],[\"ptc-date\",[[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"ptc-modal\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"styles\":[1],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"max-width-container_3\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"type\":[1],\"isIframe\":[4,\"is-iframe\"],\"paused\":[32]}],[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"]}],[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"],\"styles\":[1]},[[9,\"resize\",\"WindowResize\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"bundle-jumbotron-example_14\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}],[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"hasPopupVideo\":[4,\"has-popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}],[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"type\":[1],\"isIframe\":[4,\"is-iframe\"],\"paused\":[32]}],[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"],\"styles\":[1]}],[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"],\"styles\":[1]},[[9,\"resize\",\"WindowResize\"]]],[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}],[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}],[6,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1],\"width\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"isSmallScreen\":[4,\"is-small-screen\"]},[[9,\"resize\",\"addTruncatedClass\"],[9,\"resize\",\"windowResize\"]]],[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"displayImage\":[1,\"display-image\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]],[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]],[\"sequential-bundle\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-product-sidebar\",[[1,\"ptc-product-sidebar\",{\"suggestionList\":[16],\"searchTerm\":[32],\"suggestions\":[32]},[[4,\"dropdownTouched\",\"handleDropdownTouched\"],[0,\"click\",\"handleClick\"],[4,\"clearCtaClicked\",\"handleclearCtaClicked\"]]]]],[\"ptc-product-card\",[[1,\"ptc-product-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"],\"cardCtaText\":[1,\"card-cta-text\"],\"toggleCtaTitle\":[1,\"toggle-cta-title\"],\"isSlotEmpty\":[4,\"is-slot-empty\"],\"isOpen\":[32]}]]],[\"ptc-product-category\",[[1,\"ptc-product-category\",{\"categoryTitle\":[1,\"category-title\"],\"categoryDescription\":[1,\"category-description\"]}]]],[\"ptc-product-highlight-card\",[[1,\"ptc-product-highlight-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"]}]]],[\"innovator-toggle-container\",[[1,\"innovator-toggle-container\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-product-list\",[[1,\"ptc-product-list\",null,[[4,\"selectedResult\",\"handleSearchResult\"],[4,\"clearsearch\",\"handleSearchResult\"],[4,\"selectedValues\",\"handleMultipleSearchResult\"],[4,\"emptyResult\",\"handleEmptyResult\"]]]]],[\"ptc-sticky-title\",[[1,\"ptc-sticky-title\",{\"barTitle\":[1,\"bar-title\"],\"logo\":[1],\"isSticky\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-card\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1],\"styles\":[1]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-bio-card\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[32]}]]],[\"ptc-mobile-select\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-submenu\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"]}]]],[\"ptc-pagenation\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"theme\":[1],\"styles\":[1],\"pageNumbers\":[32],\"isSmallScreen\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"ptc-quote\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"elevation\":[1],\"enableClear\":[4,\"enable-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"ptc-slit-card\",[[1,\"ptc-slit-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"heading\":[1],\"content\":[1],\"styles\":[1],\"cardImage\":[1,\"card-image\"]}]]],[\"ptc-subnav-card\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-back-to-top\",[[1,\"ptc-back-to-top\",{\"showButton\":[32]},[[0,\"click\",\"handleClick\"]]]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-minimized-footer\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-slider\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"fontWeight\":[1,\"font-weight\"],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-sticky-section\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav\",[[1,\"ptc-subnav\",{\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player\",[[1,\"lottie-player\",{\"mode\":[1],\"autoplay\":[4],\"background\":[513],\"controls\":[4],\"count\":[2],\"direction\":[2],\"hover\":[4],\"loop\":[516],\"renderer\":[1],\"speed\":[2],\"src\":[1],\"currentState\":[1,\"current-state\"],\"seeker\":[8],\"intermission\":[2],\"play\":[64],\"pause\":[64],\"stop\":[64],\"seek\":[64],\"getLottie\":[64],\"setSpeed\":[64],\"setDirection\":[64],\"setLooping\":[64],\"togglePlay\":[64],\"toggleLooping\":[64]}]]],[\"ptc-date\",[[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"ptc-modal\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"styles\":[1],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-product-dropdown\",[[1,\"ptc-product-dropdown\",{\"newOptions\":[16],\"selectedOptions\":[16],\"placeholder\":[1],\"internalOptions\":[32],\"isOpen\":[32]},[[4,\"clearsearch\",\"handleSearchResult\"],[4,\"inputChanged\",\"handleinputChanged\"]]]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"ptc-progress-bar_2\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}],[1,\"ptc-progress-bar\",{\"scrollPercentage\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]]]"), options);
 });

package/dist/ptcw-design/media/designer.svg

@@ -395,4 +395,40 @@
     <path id="rect28" d="M 0,0 H 4 V 18 H 0 Z" />
     <path id="rect30" d="m 10,0 h 4 v 18 h -4 z" />
   </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="twitter-blogs-icon">
+    <g id="Layer_2"> 
+      <g id="Layer_1-2">
+        <circle cx="12" cy="12" r="12" style="fill:#050606"></circle>
+        <path style="fill:#fff;" d="M10.07,17H9.4a1.13,1.13,0,0,0-.26,0,5.31,5.31,0,0,1-1.37-.23,6.56,6.56,0,0,1-1.48-.6,2.5,2.5,0,0,1-.39-.23.05.05,0,0,1,0-.07s0,0,.07,0l.51,0h.33c.23,0,.46,0,.68-.09a5,5,0,0,0,1.07-.35,4.76,4.76,0,0,0,.88-.5l.07-.05v0l-.34,0a2.63,2.63,0,0,1-1.3-.7,2.56,2.56,0,0,1-.6-.95c0-.11,0-.13.09-.11a2.63,2.63,0,0,0,.84,0h.07a2.67,2.67,0,0,1-.59-.23,2.56,2.56,0,0,1-.59-.45,2.53,2.53,0,0,1-.71-1.44,1.69,1.69,0,0,1,0-.33c0-.08,0-.1.1-.06a2.72,2.72,0,0,0,.62.23l.3,0h0a2.65,2.65,0,0,1-1-1.46,2.75,2.75,0,0,1-.05-.86,2.49,2.49,0,0,1,.29-1l0,0s0,0,.07,0a.86.86,0,0,1,.13.14A7.15,7.15,0,0,0,11,10c.24,0,.48.07.73.09.09,0,.11,0,.1-.1a2.22,2.22,0,0,1,0-.63A2.33,2.33,0,0,1,12,8.47a2.58,2.58,0,0,1,.56-.79A2.54,2.54,0,0,1,13.82,7c.12,0,.25,0,.38,0a5.62,5.62,0,0,1,.58,0,2,2,0,0,1,.61.17,2.48,2.48,0,0,1,.76.51.16.16,0,0,0,.16,0,5,5,0,0,0,.92-.3l.47-.23s.07-.06.11,0,0,.07,0,.11a2.78,2.78,0,0,1-.51.84,3.07,3.07,0,0,1-.38.34.33.33,0,0,1-.1.06l.11,0A5.12,5.12,0,0,0,18,8.21l.09,0s0,0,0,0a.13.13,0,0,1,0,.08,4.9,4.9,0,0,1-.77.87L17,9.46a.16.16,0,0,0-.07.14,1.55,1.55,0,0,1,0,.22,8.24,8.24,0,0,1-.07,1,7.48,7.48,0,0,1-.59,2,7.33,7.33,0,0,1-1.06,1.7,6.88,6.88,0,0,1-2,1.65,6.52,6.52,0,0,1-1.72.66,5.62,5.62,0,0,1-.82.14,4.87,4.87,0,0,1-.54,0Z"></path>
+      </g>
+    </g>
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="linkedin-blogs-icon">
+    <g id="Layer_2">
+      <g id="Layer_1-2">
+        <circle cx="12" cy="12" r="12" style="fill:#050606"></circle>
+        <path style="fill:#fff;" d="M12.35,10.41l.14-.18a2.21,2.21,0,0,1,.92-.62,3.23,3.23,0,0,1,2.21,0,1.74,1.74,0,0,1,1.16,1.18,3.81,3.81,0,0,1,.2,1.1c0,.4,0,.81,0,1.21v2.8c0,.13,0,.13-.13.13H15.15C15,16,15,16,15,15.89v-3.2a2.2,2.2,0,0,0-.21-1,1,1,0,0,0-1.12-.59,1.33,1.33,0,0,0-.88.42,1.72,1.72,0,0,0-.34.77,4,4,0,0,0,0,.6v2.95c0,.13,0,.13-.14.13H10.59c-.07,0-.1,0-.1-.1V9.59c0-.07,0-.1.1-.1h1.65c.07,0,.1,0,.09.09v.73A.2.2,0,0,0,12.35,10.41Z"></path>
+        <path style="fill:#fff;" d="M7.24,12.74V9.61c0-.12,0-.12.13-.12H9.09c.11,0,.11,0,.11.11v6.29c0,.11,0,.11-.11.11H7.36c-.12,0-.12,0-.12-.12Z"></path>
+        <path style="fill:#fff;" d="M7,7.22A1.21,1.21,0,0,1,8.22,6,1.23,1.23,0,0,1,9.45,7.22,1.25,1.25,0,0,1,8.22,8.45,1.23,1.23,0,0,1,7,7.22Z"></path>
+      </g>
+    </g>
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="mail-blogs-icon">
+    <defs></defs>
+    <g id="Layer_2">
+      <g id="Layer_1-2">
+        <circle cx="12" cy="12" r="12" style="fill:#050606"></circle>
+        <polygon points="5.77 7.5 12.06 12.55 18.11 7.5 5.77 7.5" style="fill:#fff;"></polygon>
+        <polygon points="5.54 8.57 5.54 16.5 18.46 16.4 18.46 8.44 12.05 13.75 5.54 8.57" style="fill:#fff;"></polygon>
+      </g>
+    </g>
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="facebook-blogs-icon">
+    <g id="Layer_2">
+      <g id="Layer_1-2">
+        <circle style="fill:#050606" cx="12" cy="12" r="12"></circle>
+        <path style="fill:#fff;" d="M8.78,10.58v2.17H10.7V18h2.35V12.75h1.73l.34-2.17H13.05V9s.1-.54.33-.7A1.35,1.35,0,0,1,14.1,8h1.12V6.15A11.64,11.64,0,0,0,13.17,6a2.56,2.56,0,0,0-2,1.08c-.69.85-.48,3.48-.48,3.48Z"></path>
+      </g>
+    </g>
+  </symbol>
 </svg>