@ptcwebops/ptcw-design 2.0.4 → 2.0.6

package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js

@@ -0,0 +1,61 @@
+import { Host, h } from '@stencil/core';
+export class FlTabContent {
+  constructor() {
+    this.name = undefined;
+    this.selected = false;
+  }
+  render() {
+    return (h(Host, { class: `featured-content ${this.selected ? 'selected' : ''}` }, h("div", { class: "fl-content-wrap" }, h("slot", null))));
+  }
+  static get is() { return "fl-tab-content"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["fl-tab-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["fl-tab-content.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css

@@ -0,0 +1,16 @@
+:host {
+  display: block;
+}
+:host p {
+  color: var(--color-gray-10);
+  font-size: var(--ptc-font-size-medium);
+  font-weight: var(--ptc-font-weight-bold);
+  line-height: var(--ptc-line-height-densest);
+  margin: 0;
+  padding: 0;
+}
+@media only screen and (min-width: 992px) {
+  :host p {
+    font-size: var(--ptc-font-size-small);
+  }
+}

package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js

@@ -0,0 +1,105 @@
+import { Host, h } from '@stencil/core';
+export class FlTabHeader {
+  constructor() {
+    this.tabTitle = undefined;
+    this.name = undefined;
+    this.selected = false;
+  }
+  handleClick(event) {
+    this.flTabClicked.emit({
+      'sender': this,
+      'event': event,
+      'name': this.name
+    });
+  }
+  render() {
+    return (h(Host, { class: `fl-header ${this.selected ? 'selected' : ''}`, onClick: this.handleClick.bind(this) }, h("slot", null), h("p", null, this.tabTitle)));
+  }
+  static get is() { return "fl-tab-header"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["fl-tab-header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["fl-tab-header.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-title",
+        "reflect": false
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "flTabClicked",
+        "name": "flTabClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.css

@@ -0,0 +1,27 @@
+:host {
+  display: none;
+  height: 240px;
+}
+@media only screen and (min-width: 480px) {
+  :host {
+    height: 320px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  :host {
+    height: 450px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host {
+    height: 500px;
+  }
+}
+
+:host(.init-active) {
+  display: block;
+}
+
+:host(.selected) {
+  display: block;
+}

package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js

@@ -0,0 +1,61 @@
+import { Host, h } from '@stencil/core';
+export class FlTabImage {
+  constructor() {
+    this.name = undefined;
+    this.selected = false;
+  }
+  render() {
+    return (h(Host, { class: `featured-img ${this.selected ? 'selected' : ''}` }, h("slot", null)));
+  }
+  static get is() { return "fl-tab-image"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["fl-tab-image.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["fl-tab-image.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,188 @@
+a {
+  font-family: var(--ptc-font-latin);
+  font-style: var(--ptc-font-style-normal);
+  text-decoration-line: underline;
+  color: var(--color-blue-07);
+  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);
+  font-weight: var(--ptc-font-weight-bold);
+}
+a:visited {
+  color: var(--color-blue-10);
+}
+a:active, a:visited:active {
+  color: var(--color-blue-09);
+}
+a:hover, a:visited:hover {
+  color: var(--color-blue-08);
+}
+a.disabled {
+  color: var(--color-gray-04) !important;
+  cursor: not-allowed;
+}
+
+.light-links a, .light-links a.light-link, .background-grey-10 a, .background-grey-10 a.light-link, .background-plm-grey a, .background-plm-grey a.light-link {
+  color: var(--color-blue-04);
+}
+.light-links a:visited, .light-links a.light-link:visited, .background-grey-10 a:visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:visited, .background-plm-grey a.light-link:visited {
+  color: var(--color-blue-06);
+}
+.light-links a:active, .light-links a:visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:active, .background-grey-10 a:visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:active, .background-plm-grey a:visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+  color: var(--color-blue-07);
+}
+.light-links a:hover, .light-links a:visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:hover, .background-grey-10 a:visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:hover, .background-plm-grey a:visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+  color: var(--color-blue-05);
+}
+.light-links a.disabled, .light-links a.light-link.disabled, .background-grey-10 a.disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a.disabled, .background-plm-grey a.light-link.disabled {
+  color: var(--color-gray-04) !important;
+  cursor: not-allowed;
+}
+
+.ptc-link {
+  color: var(--color-gray-10);
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-decoration-color: var(--color-green-06);
+  text-underline-offset: 5px;
+  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
+}
+.ptc-link:hover {
+  color: var(--color-green-06);
+}
+.ptc-link:visited {
+  color: var(--color-gray-10);
+}
+.ptc-link:active, .ptc-link:visited:active {
+  color: var(--color-green-06);
+}
+.ptc-link:hover, .ptc-link:visited:hover {
+  color: var(--color-green-06);
+}
+
+.ptc-link-dark {
+  color: var(--color-white);
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-decoration-color: var(--color-green-06);
+  text-underline-offset: 5px;
+  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
+}
+.ptc-link-dark:hover {
+  color: var(--color-green-06);
+}
+.ptc-link-dark:visited {
+  color: var(--color-white);
+}
+.ptc-link-dark:active, .ptc-link-dark:visited:active {
+  color: var(--color-green-06);
+}
+.ptc-link-dark:hover, .ptc-link-dark:visited:hover {
+  color: var(--color-green-06);
+}
+
+:host {
+  display: block;
+  box-sizing: border-box;
+}
+:host ptc-background-video {
+  height: 240px;
+}
+@media only screen and (min-width: 480px) {
+  :host ptc-background-video {
+    height: 320px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  :host ptc-background-video {
+    height: 450px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host ptc-background-video {
+    height: 500px;
+  }
+}
+:host .fl-header {
+  cursor: pointer;
+}
+:host .non-mobile-wrapper {
+  box-sizing: border-box;
+}
+@media only screen and (min-width: 992px) {
+  :host .non-mobile-wrapper {
+    max-width: 1078px;
+    margin: -75px auto 0 auto;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    background: var(--color-white);
+    box-shadow: var(--ptc-shadow-small);
+    padding: 24px 32px;
+    z-index: 1;
+    position: relative;
+    min-height: 350px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host .non-mobile-wrapper .header-list-wrap {
+    padding-right: 16px;
+    margin-right: 64px;
+    min-width: 270px;
+    max-width: 270px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+  }
+  :host .non-mobile-wrapper .header-list-wrap::after {
+    content: "";
+    width: 1px;
+    height: calc(100% - 48px);
+    background-color: var(--color-gray-05);
+    position: absolute;
+    left: 297px;
+    top: 24px;
+    bottom: 24px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host .non-mobile-wrapper .content-wrap {
+    padding-right: 72px;
+  }
+}
+:host .non-mobile-wrapper .fl-header {
+  border-radius: 4px;
+  margin: 12px 0;
+  padding: 4px 8px;
+}
+:host .non-mobile-wrapper .fl-header:hover {
+  background-color: var(--color-gray-02);
+}
+:host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {
+  background-color: var(--color-gray-03);
+}
+:host .mobile-wrapper .acc-item {
+  border-bottom: 1px solid var(--color-gray-03);
+  padding: 14px 30px;
+}
+:host .mobile-wrapper .acc-item fl-tab-header {
+  padding-left: 34px;
+  position: relative;
+}
+:host .mobile-wrapper .acc-item fl-tab-header::before {
+  content: "";
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_91_790)"><path d="M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z" fill="%23006E09"/></g><defs><clipPath id="clip0_91_790"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
+  vertical-align: middle;
+  position: absolute;
+  left: 0;
+  top: 4.5px;
+}
+:host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {
+  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_113_741)"><path d="M0 7.05566V10.8637H13.913V7.05566H0Z" fill="%23323B42"/></g><defs><clipPath id="clip0_113_741"><rect width="13.913" height="17.92" fill="white"/></clipPath></defs></svg>');
+}
+:host .mobile-wrapper .acc-item fl-tab-content {
+  padding-left: 34px;
+  padding-bottom: 18px;
+}

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

@@ -0,0 +1,123 @@
+import { Host, h } from '@stencil/core';
+export class PtcFeaturedList {
+  constructor() {
+    this.isMobile = undefined;
+    this.selectedTabGloble = 'tab-01';
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth < 992;
+    this.holdTabOnResize(this.selectedTabGloble);
+  }
+  componentWillLoad() {
+    this.isMobile = window.innerWidth < 992;
+  }
+  handleflTabClicked(event) {
+    this.selectedTabGloble = event.detail.name;
+    this.selectTab(this.selectedTabGloble);
+  }
+  holdTabOnResize(name) {
+    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
+    contentBlocks.forEach(content => {
+      if (content.classList.contains("init-active")) {
+        content.classList.remove("init-active");
+      }
+      content.selected = content.name === name;
+    });
+  }
+  selectTab(name) {
+    const featuredImages = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-image`);
+    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
+    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
+    featuredImages.forEach(image => {
+      if (image.classList.contains("init-active")) {
+        image.classList.remove("init-active");
+      }
+      image.selected = image.name === name;
+    });
+    contentBlocks.forEach(content => {
+      if (this.isMobile) {
+        if (content.name === name) {
+          if (content.classList.contains("init-active")) {
+            content.selected = false;
+          }
+          else {
+            content.selected = !content.selected;
+          }
+        }
+        else {
+          content.selected = false;
+        }
+      }
+      else {
+        content.selected = content.name === name;
+      }
+      if (content.classList.contains("init-active")) {
+        content.classList.remove("init-active");
+      }
+    });
+    headerBlocks.forEach(header => {
+      if (this.isMobile) {
+        if (header.name === name) {
+          if (header.classList.contains("init-active")) {
+            header.selected = false;
+          }
+          else {
+            header.selected = !header.selected;
+          }
+        }
+        else {
+          header.selected = false;
+        }
+      }
+      else {
+        header.selected = header.name === name;
+      }
+      if (header.classList.contains("init-active")) {
+        header.classList.remove("init-active");
+      }
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "featured-image-wrap" }, h("fl-tab-image", { name: "tab-01", class: "init-active" }, h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), h("fl-tab-image", { name: "tab-02" }, h("ptc-background-video", { overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), h("fl-tab-image", { name: "tab-03" }, h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), h("fl-tab-image", { name: "tab-04" }, h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
+    // Code for mobile only
+    h("div", { class: "mobile-wrapper" }, h("div", { class: 'acc-item' }, h("fl-tab-header", { name: "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), h("fl-tab-content", { name: "tab-01", class: "init-active" }, h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense"))), h("div", { class: 'acc-item' }, h("fl-tab-header", { name: "tab-02", "tab-title": "Automotive" }), h("fl-tab-content", { name: "tab-02" }, h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense"))), h("div", { class: 'acc-item' }, h("fl-tab-header", { name: "tab-03", "tab-title": "Electronics & High-Tech" }), h("fl-tab-content", { name: "tab-03" }, h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense"))), h("div", { class: 'acc-item' }, h("fl-tab-header", { name: "tab-04", "tab-title": "Retail & Consumer Products" }), h("fl-tab-content", { name: "tab-04" }, h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense")))))
+      :
+        (
+        // Code for Desktop only
+        h("div", { class: "non-mobile-wrapper" }, h("div", { class: "header-list-wrap" }, h("fl-tab-header", { name: "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), h("fl-tab-header", { name: "tab-02", "tab-title": "Automotive" }), h("fl-tab-header", { name: "tab-03", "tab-title": "Electronics & High-Tech" }), h("fl-tab-header", { name: "tab-04", "tab-title": "Retail & Consumer Products" })), h("div", { class: "content-wrap" }, h("fl-tab-content", { name: "tab-01", class: "init-active" }, h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Aerospace & Defense"), h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense")), h("fl-tab-content", { name: "tab-02" }, h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Automotive"), h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: '#' }, "See More about Aerospace & Defense")), h("fl-tab-content", { name: "tab-03" }, h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Electronics & High-Tech"), h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."), h("a", { href: '#' }, "See More about Aerospace & Defense")), h("fl-tab-content", { name: "tab-04" }, h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Retail & Consumer Products"), h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC\u2019s digital solutions can accelerate product innovation, supply chain collaboration, and more."), h("a", { href: '#' }, "See More about Aerospace & Defense")))))));
+  }
+  static get is() { return "ptc-featured-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-featured-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-featured-list.css"]
+    };
+  }
+  static get states() {
+    return {
+      "isMobile": {},
+      "selectedTabGloble": {}
+    };
+  }
+  static get elementRef() { return "hostElement"; }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "flTabClicked",
+        "method": "handleflTabClicked",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

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

@@ -7,7 +7,7 @@ export class PtcMinimizedNav {
     this.navType = 'minimized-header';
   }
   render() {
-    return (h(Host, null, "if (this.navType == 'minimized-header') ", h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt }))))), " else if(this.navType == 'minimized-footer') ", h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))));
+    return (h(Host, null, this.navType == 'minimized-header' ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == 'minimized-footer' ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
   }
   static get is() { return "ptc-minimized-nav"; }
   static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class PtcSlitCard {
       ]
       : null, !!this.content
       ? [
-        h("div", { class: "card-body" }, h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-dense" }, h("ptc-readmore-char", { "max-characters": "330", description: this.content })))
+        h("div", { class: "card-body" }, h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-dense" }, this.content))
       ]
       : null)));
   }

package/dist/custom-elements/index.d.ts

@@ -26,6 +26,24 @@ export const DynamicBoxBundle: {
   new (): DynamicBoxBundle;
 };
 
+interface FlTabContent extends Components.FlTabContent, HTMLElement {}
+export const FlTabContent: {
+  prototype: FlTabContent;
+  new (): FlTabContent;
+};
+
+interface FlTabHeader extends Components.FlTabHeader, HTMLElement {}
+export const FlTabHeader: {
+  prototype: FlTabHeader;
+  new (): FlTabHeader;
+};
+
+interface FlTabImage extends Components.FlTabImage, HTMLElement {}
+export const FlTabImage: {
+  prototype: FlTabImage;
+  new (): FlTabImage;
+};
+
 interface IconAsset extends Components.IconAsset, HTMLElement {}
 export const IconAsset: {
   prototype: IconAsset;
@@ -176,6 +194,12 @@ export const PtcEllipsisDropdown: {
   new (): PtcEllipsisDropdown;
 };
 
+interface PtcFeaturedList extends Components.PtcFeaturedList, HTMLElement {}
+export const PtcFeaturedList: {
+  prototype: PtcFeaturedList;
+  new (): PtcFeaturedList;
+};
+
 interface PtcFilterTag extends Components.PtcFilterTag, HTMLElement {}
 export const PtcFilterTag: {
   prototype: PtcFilterTag;