@ptcwebops/ptcw-design 6.4.36-beta → 6.5.0-upgrade

package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css

@@ -1,411 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-a {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  text-decoration-line: underline;
-  color: var(--color-hyperlink);
-  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 {
-  transition: none;
-  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;
-}
-a:focus-visible {
-  outline: 5px solid #003dd6 !important;
-  outline-offset: 0px !important;
-  border-radius: var(--ptc-border-radius-standard);
-}
-
-.light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a),
-.light-links a.light-link,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a),
-.background-grey-10 a.light-link,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a),
-.background-plm-grey a.light-link {
-  color: var(--color-blue-04);
-  margin: -2px;
-  border: 2px solid transparent;
-}
-.light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited,
-.light-links a.light-link:visited,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited,
-.background-grey-10 a.light-link:visited,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited,
-.background-plm-grey a.light-link:visited {
-  color: var(--color-blue-06);
-}
-.light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited:active,
-.light-links a.light-link:active,
-.light-links a.light-link:visited:active,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):active,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited:active,
-.background-grey-10 a.light-link:active,
-.background-grey-10 a.light-link:visited:active,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):active,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited:active,
-.background-plm-grey a.light-link:active,
-.background-plm-grey a.light-link:visited:active {
-  transition: none;
-  color: var(--color-blue-07);
-}
-.light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited:hover,
-.light-links a.light-link:hover,
-.light-links a.light-link:visited:hover,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):visited:hover,
-.background-grey-10 a.light-link:hover,
-.background-grey-10 a.light-link:visited:hover,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links 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:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a).disabled,
-.light-links a.light-link.disabled,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a).disabled,
-.background-grey-10 a.light-link.disabled,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a).disabled,
-.background-plm-grey a.light-link.disabled {
-  color: var(--color-gray-04) !important;
-  cursor: not-allowed;
-}
-.light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):focus-visible,
-.light-links a.light-link:focus-visible,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):focus-visible,
-.background-grey-10 a.light-link:focus-visible,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section a,
-.vjs-social-share-links a):focus-visible,
-.background-plm-grey a.light-link:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-.light-links .podcast-cta-section a,
-.background-grey-10 .podcast-cta-section a,
-.background-plm-grey .podcast-cta-section a {
-  border: 2px solid transparent;
-}
-.light-links .podcast-cta-section a:focus-visible,
-.background-grey-10 .podcast-cta-section a:focus-visible,
-.background-plm-grey .podcast-cta-section a:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-
-.white-links a {
-  color: var(--color-white) !important;
-}
-
-.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 {
-  transition: none;
-  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 {
-  transition: none;
-  color: var(--color-green-06);
-}
-.ptc-link-dark:hover, .ptc-link-dark:visited:hover {
-  color: var(--color-green-06);
-}
-
-.vjs-social-share-links a {
-  color: var(--color-white);
-}
-.vjs-social-share-links a:hover {
-  color: var(--color-white);
-}
-
-:host {
-  display: block;
-  box-sizing: border-box;
-}
-
-:host ptc-background-video {
-  height: 240px;
-}
-
-@media (min-width: 480px) {
-  :host ptc-background-video {
-    height: 320px;
-  }
-}
-@media (min-width: 768px) {
-  :host ptc-background-video {
-    height: 450px;
-  }
-}
-@media (min-width: 992px) {
-  :host ptc-background-video {
-    height: 500px;
-  }
-}
-:host .fl-header {
-  cursor: pointer;
-}
-
-:host .non-mobile-wrapper {
-  box-sizing: border-box;
-}
-
-@media (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 (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 (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/organism-bundles/bundle-featured-list/featured-list.js

@@ -1,130 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class FeaturedList {
-  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`);
-    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
-    contentBlocks.forEach((content) => {
-      if (content.classList.contains("init-active")) {
-        content.classList.remove("init-active");
-      }
-      content.getAttribute("name-key") === name
-        ? content.setAttribute("selected", "selected")
-        : content.removeAttribute("selected");
-    });
-    headerBlocks.forEach((header) => {
-      if (header.classList.contains("init-active")) {
-        header.classList.remove("init-active");
-      }
-      header.getAttribute("name-key") === name
-        ? header.setAttribute("selected", "selected")
-        : header.removeAttribute("selected");
-    });
-  }
-  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.getAttribute("name-key") === name
-        ? image.setAttribute("selected", "selected")
-        : image.removeAttribute("selected");
-    });
-    contentBlocks.forEach((content) => {
-      this.updateActiveTab(name, content);
-      //  Added code to recall readmore for hidden tabs
-      if (content.getAttribute("name-key") === name) {
-        const readMoreComp = content.querySelector("ptc-readmore");
-        if (readMoreComp) {
-          readMoreComp.updateReadmoreStatus();
-        }
-      }
-    });
-    headerBlocks.forEach((header) => {
-      this.updateActiveTab(name, header);
-    });
-  }
-  updateActiveTab(name, tabName) {
-    if (this.isMobile) {
-      if (tabName.getAttribute("name-key") === name) {
-        if (tabName.classList.contains("init-active")) {
-          tabName.removeAttribute("selected");
-        }
-        else {
-          tabName.getAttribute("selected") == "selected"
-            ? tabName.removeAttribute("selected")
-            : tabName.setAttribute("selected", "selected");
-        }
-      }
-      else {
-        tabName.removeAttribute("selected");
-      }
-    }
-    else {
-      tabName.getAttribute("name-key") === name
-        ? tabName.setAttribute("selected", "selected")
-        : tabName.removeAttribute("selected");
-    }
-    if (tabName.classList.contains("init-active")) {
-      tabName.classList.remove("init-active");
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "featured-image-wrap" }, h("fl-tab-image", { "name-key": "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-key": "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-key": "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-key": "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-key": "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), h("fl-tab-content", { "name-key": "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-key": "tab-02", "tab-title": "Automotive" }), h("fl-tab-content", { "name-key": "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-key": "tab-03", "tab-title": "Electronics & High-Tech" }), h("fl-tab-content", { "name-key": "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-key": "tab-04", "tab-title": "Retail & Consumer Products" }), h("fl-tab-content", { "name-key": "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-key": "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive" }), h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech" }), h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products" })), h("div", { class: "content-wrap" }, h("fl-tab-content", { "name-key": "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-key": "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-key": "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-key": "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 "featured-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["featured-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["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/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js

@@ -1,104 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class BundleJumbotronExample {
-  constructor() {
-    this.jumbotron = "light";
-    this.isIframe = false;
-  }
-  render() {
-    let $pngSrc;
-    let $gifSrc;
-    let $bgVideoSrc;
-    let $bgSrc;
-    let $popupVideo;
-    //replace dummy data
-    if (this.jumbotron === "light" || this.jumbotron === "dark") {
-      $bgSrc =
-        "https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80";
-    }
-    else if (this.jumbotron === "dark-video" ||
-      this.jumbotron === "light-video") {
-      //$bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
-      // if is iframe use src from iframe
-      $bgVideoSrc =
-        "https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0";
-    }
-    else if (this.jumbotron === "png") {
-      $pngSrc =
-        "https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400";
-    }
-    else if (this.jumbotron === "gif") {
-      $gifSrc = "https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif";
-    }
-    //Optional: set $popupVideo
-    //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
-    return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo && { popupVideo: $popupVideo }), { "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
-      ,
-      "is-iframe": this.isIframe }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === "dark" ||
-      this.jumbotron == "dark-video"
-      ? { color: "white" }
-      : { color: "primary-gray" }), (this.jumbotron === "text"
-      ? { position: "center" }
-      : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === "dark" ||
-      this.jumbotron == "dark-video"
-      ? { color: "light-gray" }
-      : { color: "primary-gray" })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === "dark" ||
-      this.jumbotron == "dark-video"
-      ? { color: "light-gray" }
-      : { color: "primary-gray" })), "Current Page")), h("ptc-title", { slot: "main-title", type: "h1", upperline: "no-upperline", "title-size": "xxxx-large", "title-height": "densest", "title-weight": "w-8", "title-margin": "margin-flush", "text-align": "left" // if type=text, text-align=center, otherwise left
-      ,
-      "title-color": "gray" //if dark, dark-video then "gray-1"
-    }, h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"), h("div", { slot: "countdown-placeholder" }))));
-  }
-  static get is() { return "bundle-jumbotron-example"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["bundle-jumbotron-example.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["bundle-jumbotron-example.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "jumbotron": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "jumbotron",
-        "reflect": false,
-        "defaultValue": "\"light\""
-      },
-      "isIframe": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-iframe",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-}