@ptcwebops/ptcw-design 6.3.66-beta → 6.3.68-beta

package/dist/cjs/blog-detail-layout.cjs.entry.js

@@ -12,31 +12,31 @@ const BlogDetailLayout = class {
     index.registerInstance(this, hostRef);
     this.toggleStickyBarView = () => {
       var _a;
-      const jumbotron = document.querySelector('ptc-jumbotron');
-      const blogHeaderStickyBar = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.querySelector('div#blog-header-sticky-bar');
+      const jumbotron = document.querySelector("ptc-jumbotron");
+      const blogHeaderStickyBar = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.querySelector("div#blog-header-sticky-bar");
       if (jumbotron && blogHeaderStickyBar) {
         let jumbotronBottom = jumbotron.getBoundingClientRect().bottom;
         if (jumbotronBottom === 0) {
-          blogHeaderStickyBar.style.opacity = '1';
-          blogHeaderStickyBar.style.zIndex = '2';
+          blogHeaderStickyBar.style.opacity = "1";
+          blogHeaderStickyBar.style.zIndex = "2";
         }
         else if (jumbotronBottom < 0) {
           if (jumbotronBottom >= -10) {
             blogHeaderStickyBar.style.opacity = `${-(jumbotronBottom / 10)}`;
           }
           else {
-            blogHeaderStickyBar.style.opacity = '1';
-            blogHeaderStickyBar.style.zIndex = '2';
+            blogHeaderStickyBar.style.opacity = "1";
+            blogHeaderStickyBar.style.zIndex = "2";
           }
         }
         else {
-          blogHeaderStickyBar.style.opacity = '0';
-          blogHeaderStickyBar.style.zIndex = '0';
+          blogHeaderStickyBar.style.opacity = "0";
+          blogHeaderStickyBar.style.zIndex = "0";
         }
       }
     };
     this.connectedCallback = () => {
-      const preloader = document.querySelector('ptc-preloader-section');
+      const preloader = document.querySelector("ptc-preloader-section");
       if (preloader) {
         this.preloaderDependency = new utils.PreloaderDependency(preloader);
       }
@@ -45,12 +45,12 @@ const BlogDetailLayout = class {
       }, 5000);
     };
     this.componentWillLoad = () => {
-      window.addEventListener('scroll', () => {
+      window.addEventListener("scroll", () => {
         this.toggleStickyBarView();
       });
     };
     this.disconnectedCallback = () => {
-      window.removeEventListener('scroll', () => {
+      window.removeEventListener("scroll", () => {
         this.toggleStickyBarView();
       });
     };
@@ -58,7 +58,7 @@ const BlogDetailLayout = class {
   }
   render() {
     const StickyHeader = () => {
-      return index.h("div", { id: "blog-header-sticky-bar-container" }, index.h("div", { id: "blog-header-sticky-bar" }, index.h("div", { class: "ptc-container" }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush" }, index.h("ptc-readmore-v2", { "max-characters": "50", "read-less-text": "", "read-more-text": "" }, "The Key to Using AI to Enhance IoT Security")), index.h("div", { class: "button-container" }, index.h("ptc-button", { type: "link", color: "ptc-quaternary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1" }, "Request Free Trial"), index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1", styles: "\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t" }, "Speaking of Service Podcast")))));
+      return (index.h("div", { id: "blog-header-sticky-bar-container" }, index.h("div", { id: "blog-header-sticky-bar" }, index.h("div", { class: "ptc-container" }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush" }, index.h("ptc-readmore-v2", { "max-characters": "50", "read-less-text": "", "read-more-text": "" }, "The Key to Using AI to Enhance IoT Security")), index.h("div", { class: "button-container" }, index.h("ptc-button", { type: "link", color: "ptc-quaternary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1" }, "Request Free Trial"), index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1", styles: "\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t" }, "Speaking of Service Podcast"))))));
     };
     return (index.h(index.Host, null, index.h("div", { style: { position: "relative" }, class: "ptc-section" }, index.h(StickyHeader, null), index.h("div", { class: "ptc-container" }, index.h("blog-detail-content", null, index.h("div", null, index.h("slot", { name: "content" })))))));
   }

package/dist/cjs/blogs-search-section.cjs.entry.js

@@ -18,21 +18,24 @@ const BlogsSearchSection = class {
     this.getCardsPerPage = () => {
       let innerWidth = window.innerWidth;
       switch (true) {
-        case (0 <= innerWidth && innerWidth < 480): return 5;
-        case (480 <= innerWidth && innerWidth < 992): return 10;
-        default: return 15;
+        case 0 <= innerWidth && innerWidth < 480:
+          return 5;
+        case 480 <= innerWidth && innerWidth < 992:
+          return 10;
+        default:
+          return 15;
       }
     };
     this.showPreload = (state) => {
       var _a;
-      const preload = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-preloader-section');
+      const preload = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-preloader-section");
       if (preload) {
         preload.showPreload(state);
       }
     };
     this.removeFilterTag = (tagValue) => {
       let filters = this.filters;
-      filters = filters.filter(value => value !== tagValue);
+      filters = filters.filter((value) => value !== tagValue);
       this.filters = [...filters];
     };
     this._runSearch = (search = "", filter = "", remove = false) => {
@@ -53,7 +56,7 @@ const BlogsSearchSection = class {
     };
     this.handleRemoveSearchTag = () => {
       this.search = "";
-      const blogsSearchFields = this.el.querySelectorAll('.blogs-search-field');
+      const blogsSearchFields = this.el.querySelectorAll(".blogs-search-field");
       blogsSearchFields === null || blogsSearchFields === void 0 ? void 0 : blogsSearchFields.forEach((search) => {
         search.clearSearchValue();
       });
@@ -70,18 +73,19 @@ const BlogsSearchSection = class {
     };
     this.connectedCallback = () => {
       var _a;
-      const blogsSearchFields = this.el.querySelectorAll('.blogs-search-field');
-      const desktopFilters = (_a = this.el.querySelector('#desktop-filters')) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-container');
-      const desktopFiltersCheckboxes = desktopFilters === null || desktopFilters === void 0 ? void 0 : desktopFilters.querySelectorAll('ptc-checkbox');
-      const desktopFiltersModalClearBtn = desktopFilters === null || desktopFilters === void 0 ? void 0 : desktopFilters.querySelector('ptc-filter-tag');
-      const mobileFiltersModalCta = document.querySelector('.mobile-filters-modal-cta');
-      const mobileFiltersModal = this.el.querySelector('#mobile-filters');
-      const mobileFiltersCheckboxes = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelectorAll('ptc-checkbox');
-      const mobileFiltersModalClearBtn = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelector('.modal-clear-btn');
-      const mobileFiltersModalApplyBtn = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelector('.modal-apply-btn');
+      const blogsSearchFields = this.el.querySelectorAll(".blogs-search-field");
+      const desktopFilters = (_a = this.el
+        .querySelector("#desktop-filters")) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-container");
+      const desktopFiltersCheckboxes = desktopFilters === null || desktopFilters === void 0 ? void 0 : desktopFilters.querySelectorAll("ptc-checkbox");
+      const desktopFiltersModalClearBtn = desktopFilters === null || desktopFilters === void 0 ? void 0 : desktopFilters.querySelector("ptc-filter-tag");
+      const mobileFiltersModalCta = document.querySelector(".mobile-filters-modal-cta");
+      const mobileFiltersModal = this.el.querySelector("#mobile-filters");
+      const mobileFiltersCheckboxes = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelectorAll("ptc-checkbox");
+      const mobileFiltersModalClearBtn = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelector(".modal-clear-btn");
+      const mobileFiltersModalApplyBtn = mobileFiltersModal === null || mobileFiltersModal === void 0 ? void 0 : mobileFiltersModal.querySelector(".modal-apply-btn");
       if (blogsSearchFields.length > 0) {
         blogsSearchFields.forEach((search) => {
-          search.addEventListener('clicked', (event) => {
+          search.addEventListener("clicked", (event) => {
             // search.clearSearchValue();
             let searchText = event.detail.searchTerm;
             if (searchText) {
@@ -94,8 +98,8 @@ const BlogsSearchSection = class {
         });
       }
       if (desktopFiltersCheckboxes) {
-        desktopFiltersCheckboxes.forEach(checkbox => {
-          checkbox.addEventListener('checkedChanged', (sender) => {
+        desktopFiltersCheckboxes.forEach((checkbox) => {
+          checkbox.addEventListener("checkedChanged", (sender) => {
             let checked = sender.detail.checked;
             let value = sender.detail.value;
             if (checked === "checked") {
@@ -107,9 +111,9 @@ const BlogsSearchSection = class {
           });
         });
       }
-      desktopFiltersModalClearBtn.addEventListener('clicked', () => {
-        desktopFiltersCheckboxes.forEach(checkbox => {
-          checkbox.setAttribute('checked', 'unchecked');
+      desktopFiltersModalClearBtn.addEventListener("clicked", () => {
+        desktopFiltersCheckboxes.forEach((checkbox) => {
+          checkbox.setAttribute("checked", "unchecked");
           let value = checkbox.value;
           this.removeFilterTag(value);
         });
@@ -117,15 +121,17 @@ const BlogsSearchSection = class {
         // this.isLoading = true;
         this.getResults();
       });
-      mobileFiltersModalCta.addEventListener('clicked', () => {
-        mobileFiltersModal.setAttribute('show', 'true');
+      mobileFiltersModalCta.addEventListener("clicked", () => {
+        mobileFiltersModal.setAttribute("show", "true");
       });
-      mobileFiltersModal.addEventListener('opened', () => {
-        mobileFiltersModal.querySelectorAll('ptc-icon-minimize').forEach(pim => {
+      mobileFiltersModal.addEventListener("opened", () => {
+        mobileFiltersModal
+          .querySelectorAll("ptc-icon-minimize")
+          .forEach((pim) => {
           pim.Refresh();
         });
-        mobileFiltersCheckboxes.forEach(checkbox => {
-          checkbox.addEventListener('checkedChanged', (sender) => {
+        mobileFiltersCheckboxes.forEach((checkbox) => {
+          checkbox.addEventListener("checkedChanged", (sender) => {
             let checked = sender.detail.checked;
             let value = sender.detail.value;
             if (checked === "checked") {
@@ -137,16 +143,16 @@ const BlogsSearchSection = class {
           });
         });
       });
-      mobileFiltersModalClearBtn.addEventListener('click', () => {
-        let mobileFiltersCheckboxes = mobileFiltersModal.querySelectorAll('ptc-checkbox');
-        mobileFiltersCheckboxes.forEach(checkbox => {
-          checkbox.setAttribute('checked', 'unchecked');
+      mobileFiltersModalClearBtn.addEventListener("click", () => {
+        let mobileFiltersCheckboxes = mobileFiltersModal.querySelectorAll("ptc-checkbox");
+        mobileFiltersCheckboxes.forEach((checkbox) => {
+          checkbox.setAttribute("checked", "unchecked");
           let value = checkbox.value;
           this.removeFilterTag(value);
         });
       });
-      mobileFiltersModalApplyBtn.addEventListener('click', () => {
-        mobileFiltersModal.setAttribute('show', 'false');
+      mobileFiltersModalApplyBtn.addEventListener("click", () => {
+        mobileFiltersModal.setAttribute("show", "false");
         this.showPreload(true);
         // this.isLoading = true;
         this.getResults();
@@ -158,16 +164,14 @@ const BlogsSearchSection = class {
     };
     this.componentDidLoad = () => {
       this.getResults();
-      const preloader = this.el.shadowRoot.querySelector('ptc-preloader-section');
+      const preloader = this.el.shadowRoot.querySelector("ptc-preloader-section");
       if (preloader) {
         this.preloaderDependency = new utils.PreloaderDependency(preloader);
       }
     };
     this.noResultH3 = "No Results Found";
-    this.noResultP = "Try changing or removing some of your filters" //@("Try changing or removing some of your filters".GetSitecoreLocalizedStringOrDefault())
-    ;
-    this.noResultButton = "Clear Filters" //@("Clear Filters".GetSitecoreLocalizedStringOrDefault())
-    ;
+    this.noResultP = "Try changing or removing some of your filters";
+    this.noResultButton = "Clear Filters";
     this.preloaderDependency = undefined;
     this.isLoading = false;
     this.data = [];
@@ -182,23 +186,30 @@ const BlogsSearchSection = class {
     setTimeout(() => {
       this.preloaderDependency.resolve();
       // this.isLoading = false;
-      this.data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
+      this.data = [
+        1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18,
+        19, 20,
+      ];
     }, 5000);
   }
   render() {
     const NoResultSection = () => {
-      return index.h("div", { class: "no-result-section" }, index.h("ptc-title", { "seo-compatibility-mode": true, "text-align": 'center', upperline: "no-upperline", "title-margin": "margin-flush", "title-height": "densest", "title-size": "large", "title-weight": "w-7" }, index.h("h3", null, this.noResultH3)), index.h("ptc-spacer", { breakpoint: 'x-small', size: 'small' }), index.h("ptc-spacer", { breakpoint: 'small', size: 'x-small' }), index.h("ptc-para", { "seo-compatibility-mode": true, "para-align": "center", "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-line-h": "line-height-p" }, index.h("p", null, this.noResultP)), index.h("div", { class: "clear-button-container" }, index.h("ptc-button", { type: "button", class: "clear-btn", color: "ptc-quaternary", "title-weight": "w-7" }, this.noResultButton)));
+      return (index.h("div", { class: "no-result-section" }, index.h("ptc-title", { "seo-compatibility-mode": true, "text-align": "center", upperline: "no-upperline", "title-margin": "margin-flush", "title-height": "densest", "title-size": "large", "title-weight": "w-7" }, index.h("h3", null, this.noResultH3)), index.h("ptc-spacer", { breakpoint: "x-small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-small" }), index.h("ptc-para", { "seo-compatibility-mode": true, "para-align": "center", "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-line-h": "line-height-p" }, index.h("p", null, this.noResultP)), index.h("div", { class: "clear-button-container" }, index.h("ptc-button", { type: "button", class: "clear-btn", color: "ptc-quaternary", "title-weight": "w-7" }, this.noResultButton))));
     };
     const ResultSection = () => {
-      return index.h("div", { class: "result-section" }, index.h("div", { class: "is-grid has-col-gap-lg has-row-gap-lg" }, this.data.map(_ => {
-        return index.h("div", { class: "is-col-12 is-col-6-md is-col-4-xl" }, index.h("ptc-card", { "card-href": "http://www.google.com", "card-type": "case-studies-card", "has-image": "true", heading: "2022 SoCal RUG Event", "heading-transform": "none", target: "_blank" }, index.h("ptc-img", { slot: "slot-image", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "image-type": "smart-img", "load-mode": "lazy-bg" }), index.h("div", { slot: "slot-description" }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-line-h": "line-height-19" }, "Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality."))));
-      })));
+      return (index.h("div", { class: "result-section" }, index.h("div", { class: "is-grid has-col-gap-lg has-row-gap-lg" }, this.data.map((_) => {
+        return (index.h("div", { class: "is-col-12 is-col-6-md is-col-4-xl" }, index.h("ptc-card", { "card-href": "http://www.google.com", "card-type": "case-studies-card", "has-image": "true", heading: "2022 SoCal RUG Event", "heading-transform": "none", target: "_blank" }, index.h("ptc-img", { slot: "slot-image", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "image-type": "smart-img", "load-mode": "lazy-bg" }), index.h("div", { slot: "slot-description" }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-line-h": "line-height-19" }, "Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality.")))));
+      }))));
     };
-    return (index.h(index.Host, null, index.h("div", { class: "blogs-serach-section" }, index.h("slot", { name: "mobile-search-and-filter" }), index.h("div", { class: "is-grid has-col-gap-lg" }, index.h("div", { class: "is-col-4-lg is-col-3-xl" }, index.h("slot", { name: "blogs-desktop-filters" })), index.h("div", { class: "is-col-12 is-col-8-lg is-col-9-xl" }, index.h("ptc-preloader-section", { id: "preload", "auto-show": "false", "section-type": "blogs-listing", "number-of-cards": "9" }, index.h("div", null, index.h("div", { class: `search-results-and-tags ${this.search || this.filters.length > 0 ? "show" : ""}` }, index.h("div", null, index.h("div", { class: "results-label" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main" }, this.data.length, " Results")), index.h("div", { class: "results-divider is-desktop" }), index.h("div", { class: "filter-list is-desktop" }, this.search && index.h("ptc-filter-tag", { theme: "bubble", onClicked: this.handleRemoveSearchTag, "data-type": FilterTagTypes.FILTER, "data-value": this.search }, `Search: "${this.search}"`), this.filters.map((filter) => {
-      return index.h("ptc-filter-tag", { theme: "bubble", onClicked: this.handleRemoveFilterTag, "data-type": FilterTagTypes.SEARCH, "data-value": filter }, filter);
-    })))), (this.data && this.data.length > 0) ?
-      index.h(index.Fragment, null, index.h(ResultSection, null), (this.data.length > this.getCardsPerPage()) ?
-        index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), index.h("ptc-pagenation", { "clicked-page-number": "1", "last-value": "Next", "next-arrow-img": "//www.ptc.com/dist/ptc/images/sidescroll-left-curved.svg", "number-of-items": this.getCardsPerPage(), "prev-arrow-img": "//www.ptc.com/dist/ptc/images/sidescroll-right-curved.svg", "previous-value": "Previous", theme: "standard", "total-count": this.data.length })) : null) : index.h(NoResultSection, null))))), index.h("slot", { name: "blogs-mobile-filters" }))));
+    return (index.h(index.Host, null, index.h("div", { class: "blogs-serach-section" }, index.h("slot", { name: "mobile-search-and-filter" }), index.h("div", { class: "is-grid has-col-gap-lg" }, index.h("div", { class: "is-col-4-lg is-col-3-xl" }, index.h("slot", { name: "blogs-desktop-filters" })), index.h("div", { class: "is-col-12 is-col-8-lg is-col-9-xl" }, index.h("ptc-preloader-section", { id: "preload", "auto-show": "false", "section-type": "blogs-listing", "number-of-cards": "9" }, index.h("div", null, index.h("div", { class: `search-results-and-tags ${this.search ||
+        this.filters.length > 0
+        ? "show"
+        : ""}` }, index.h("div", null, index.h("div", { class: "results-label" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main" }, this.data.length, " Results")), index.h("div", { class: "results-divider is-desktop" }), index.h("div", { class: "filter-list is-desktop" }, this.search && (index.h("ptc-filter-tag", { theme: "bubble", onClicked: this
+        .handleRemoveSearchTag, "data-type": FilterTagTypes.FILTER, "data-value": this.search }, `Search: "${this.search}"`)), this.filters.map((filter) => {
+      return (index.h("ptc-filter-tag", { theme: "bubble", onClicked: this
+          .handleRemoveFilterTag, "data-type": FilterTagTypes.SEARCH, "data-value": filter }, filter));
+    })))), this.data && this.data.length > 0 ? (index.h(index.Fragment, null, index.h(ResultSection, null), this.data.length >
+      this.getCardsPerPage() ? (index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), index.h("ptc-pagenation", { "clicked-page-number": "1", "last-value": "Next", "next-arrow-img": "//www.ptc.com/dist/ptc/images/sidescroll-left-curved.svg", "number-of-items": this.getCardsPerPage(), "prev-arrow-img": "//www.ptc.com/dist/ptc/images/sidescroll-right-curved.svg", "previous-value": "Previous", theme: "standard", "total-count": this.data.length }))) : null)) : (index.h(NoResultSection, null)))))), index.h("slot", { name: "blogs-mobile-filters" }))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/bundle-example.cjs.entry.js

@@ -38,11 +38,12 @@ const BundleExample = class {
     return (index.h(index.Host, null, index.h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), index.h("div", { class: "is-col-1" }, index.h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, index.h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, index.h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), index.h("ptc-card-bottom", { "card-type": "card-video" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), index.h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));
   }
   updatePictureSize() {
-    const pictureComponents = this.el.shadowRoot.querySelectorAll('ptc-picture');
+    const pictureComponents = this.el.shadowRoot.querySelectorAll("ptc-picture");
     for (let i = 0; i < pictureComponents.length; i++) {
       const pictureComponent = pictureComponents[i];
       pictureComponent.isFullWidth = true;
-      pictureComponent.styles = ':host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}';
+      pictureComponent.styles =
+        ":host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}";
     }
   }
   get el() { return index.getElement(this); }

package/dist/cjs/bundle-jumbotron-example.cjs.entry.js

@@ -9,7 +9,7 @@ const bundleJumbotronExampleCss = ":host{display:block}";
 const BundleJumbotronExample = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.jumbotron = 'light';
+    this.jumbotron = "light";
     this.isIframe = false;
   }
   render() {
@@ -19,27 +19,40 @@ const BundleJumbotronExample = class {
     let $bgSrc;
     let $popupVideo;
     //replace dummy data
-    if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
+    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';
+        "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') {
+    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';
+      $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') {
+    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';
+        "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';
+    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 (index.h(index.Host, null, index.h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$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 }), index.h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), index.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"), index.h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), index.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
+      "is-iframe": this.isIframe }), index.h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === "dark" ||
+      this.jumbotron == "dark-video"
+      ? { color: "white" }
+      : { color: "primary-gray" }), (this.jumbotron === "text"
+      ? { position: "center" }
+      : {})), index.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"), index.h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === "dark" ||
+      this.jumbotron == "dark-video"
+      ? { color: "light-gray" }
+      : { color: "primary-gray" })), "Current Page")), index.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"
     }, index.h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"), index.h("div", { slot: "countdown-placeholder" }))));

package/dist/cjs/dropdown-item.cjs.entry.js

@@ -10,7 +10,7 @@ const DropdownItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.linkHref = undefined;
-    this.linkTarget = '_self';
+    this.linkTarget = "_self";
   }
   render() {
     return (index.h("div", { class: "dropdown-item" }, index.h("slot", null)));

package/dist/cjs/dynamic-box-bundle.cjs.entry.js

@@ -9,8 +9,8 @@ const dynamicBoxBundleCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,p
 const DynamicBoxBundle = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.topImgSrc = 'https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg';
-    this.topImgAlt = 'image';
+    this.topImgSrc = "https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg";
+    this.topImgAlt = "image";
     this.boxHeight = undefined;
     this.isHovering = false;
   }
@@ -27,7 +27,9 @@ const DynamicBoxBundle = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? 'hovering' : ''}` }, index.h("div", { class: "top-image" }, index.h("img", { src: this.topImgSrc, alt: this.topImgAlt })), index.h("div", { class: "content" }, index.h("slot", { name: "media" }))), index.h("p", null, index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200
+        ? "hovering"
+        : ""}` }, index.h("div", { class: "top-image" }, index.h("img", { src: this.topImgSrc, alt: this.topImgAlt })), index.h("div", { class: "content" }, index.h("slot", { name: "media" }))), index.h("p", null, index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/embedded-form.cjs.entry.js

@@ -4,28 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const embeddedFormCss = "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;-webkit-hyphenate-limit-after:3;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}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";
+const embeddedFormCss = "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;-webkit-hyphenate-limit-after:3;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}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142d48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#fff;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";
 
 const EmbeddedForm = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.formData = {
-      email: '',
-      firstName: '',
-      lastName: '',
-      company: '',
-      country: '',
-      phone: '',
-      inquiryReason: '',
-      howhearselfreport: '',
+      email: "",
+      firstName: "",
+      lastName: "",
+      company: "",
+      country: "",
+      phone: "",
+      inquiryReason: "",
+      howhearselfreport: "",
       policyChecked: false,
     };
     this.isSubmitted = false;
   }
   componentDidLoad() {
     this.onDataLookup();
-    this.formButton = this.el.querySelector('.form-submit');
-    this.formButton.addEventListener('click', this.handleSubmit.bind(this));
+    this.formButton = this.el.querySelector(".form-submit");
+    this.formButton.addEventListener("click", this.handleSubmit.bind(this));
     //get Email
     this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
     this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
@@ -39,13 +39,13 @@ const EmbeddedForm = class {
   }
   //handle dataLookup
   onDataLookup() {
-    const dataLookupElement = this.el.closest('ptc-data-lookup');
+    const dataLookupElement = this.el.closest("ptc-data-lookup");
     if (dataLookupElement) {
       // console.log('Perform Data Lookup...');
       dataLookupElement.performDataLookup();
     }
     else {
-      console.log('No Data Lookup...');
+      console.log("No Data Lookup...");
     }
   }
   handleInputChange(field, value) {
@@ -64,7 +64,7 @@ const EmbeddedForm = class {
     this.formData.policyChecked = this.policy1.isChecked;
     if (this.formData.policyChecked) {
       if (this.isValid()) {
-        const formSubmitEvent = new CustomEvent('formSubmit', {
+        const formSubmitEvent = new CustomEvent("formSubmit", {
           detail: this.formData,
           bubbles: true,
         });
@@ -72,31 +72,31 @@ const EmbeddedForm = class {
         this.isSubmitted = true;
       }
       else {
-        console.log('Form validation failed');
+        console.log("Form validation failed");
       }
     }
     else {
       this.policy1.validateCheckbox();
-      console.log('Warning: Checkbox is not checked. This field is required');
+      console.log("Warning: Checkbox is not checked. This field is required");
     }
   }
   isValid() {
-    const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
-    const invalidLength = document.querySelectorAll('.invalid-field').length;
-    return (email !== '' &&
-      phone !== '' &&
-      firstName !== '' &&
-      lastName !== '' &&
-      company !== '' &&
-      country !== '' &&
-      inquiryReason !== '' &&
-      howhearselfreport != '' &&
+    const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked, } = this.formData;
+    const invalidLength = document.querySelectorAll(".invalid-field").length;
+    return (email !== "" &&
+      phone !== "" &&
+      firstName !== "" &&
+      lastName !== "" &&
+      company !== "" &&
+      country !== "" &&
+      inquiryReason !== "" &&
+      howhearselfreport != "" &&
       policyChecked &&
       invalidLength === 0);
   }
   render() {
     const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
-    return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-multi-select", null), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-textfield", { "field-id": "description", "field-name": "description", "label-text": "Description", type: "textarea", "ptc-max-length": "700" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
+    return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: (event) => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-multi-select", null), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-textfield", { "field-id": "description", "field-name": "description", "label-text": "Description", type: "textarea", "ptc-max-length": "700" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
   }
   get el() { return index.getElement(this); }
 };