@ptcwebops/ptcw-design 3.6.8 → 3.7.0

package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css

@@ -1,14 +1,14 @@
-:host {
-  display: block;
-}
-
-.form-wrapper {
-  width: 433px;
-  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;
+:host {
+  display: block;
+}
+
+.form-wrapper {
+  width: 433px;
+  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;
 }

package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js

@@ -1,94 +1,94 @@
-import { Host, h } from '@stencil/core';
-export class PtcForm {
-  constructor() {
-    this.formData = {
-      email: '',
-      firstName: '',
-      lastName: '',
-      company: '',
-      country: '',
-      phone: '',
-      inquiryReason: '',
-      howhearselfreport: '',
-      policyChecked: false,
-    };
-  }
-  // private countryEle: HTMLPtcSelectElement;
-  // private inquiryreasonEle: HTMLPtcTextfieldElement;
-  // private howhearselfreport: HTMLPtcTextfieldElement;
-  componentDidLoad() {
-    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"]');
-    this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
-    this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
-    this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
-    // this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
-    // this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
-    // this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
-  }
-  handleInputChange(field, value) {
-    this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
-  }
-  handleSubmit(event) {
-    event.preventDefault();
-    this.formData.email = this.emailEle.inputValue;
-    this.formData.firstName = this.firstNameEle.inputValue;
-    this.formData.lastName = this.lastNameEle.inputValue;
-    this.formData.company = this.companyEle.inputValue;
-    this.formData.phone = this.phoneEle.inputValue;
-    // this.formData.country = this.countryEle.inputValue;
-    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
-    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
-    // console.log("get form Data: " + this.formData.email)
-    if (this.isValid()) {
-      const formSubmitEvent = new CustomEvent('formSubmit', {
-        detail: this.formData,
-        bubbles: true,
-      });
-      this.el.dispatchEvent(formSubmitEvent);
-      console.log('Form Submitted: ' + this.formData);
-    }
-    else {
-      console.log('Form validation failed');
-      console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
-    }
-  }
-  isValid() {
-    const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
-    const invalidLength = document.querySelectorAll('.invalid-field').length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
-    return (email !== '' &&
-      phone !== '' &&
-      firstName !== '' &&
-      lastName !== '' &&
-      company !== '' &&
-      country !== '' &&
-      inquiryReason !== '' &&
-      howhearselfreport != '' &&
-      policyChecked &&
-      invalidLength === 0);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("max-width-container", { "max-width": "277", breakpoint: 480 }, 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."), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "small" })), h("form", { onSubmit: event => this.handleSubmit(event) }, h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "USA" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "USA")), h("li", { class: "mdc-list-item", "data-value": "Canada" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Canada")), h("li", { class: "mdc-list-item", "data-value": "China" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "China")))), h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h("li", { class: "mdc-list-item", "data-value": "CAD" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), 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" }), h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
-  }
-  static get is() { return "ptc-form"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-form.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-form.css"]
-    };
-  }
-  static get states() {
-    return {
-      "formData": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcForm {
+  constructor() {
+    this.formData = {
+      email: '',
+      firstName: '',
+      lastName: '',
+      company: '',
+      country: '',
+      phone: '',
+      inquiryReason: '',
+      howhearselfreport: '',
+      policyChecked: false,
+    };
+  }
+  // private countryEle: HTMLPtcSelectElement;
+  // private inquiryreasonEle: HTMLPtcTextfieldElement;
+  // private howhearselfreport: HTMLPtcTextfieldElement;
+  componentDidLoad() {
+    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"]');
+    this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
+    this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
+    this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
+    // this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
+    // this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
+    // this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
+  }
+  handleInputChange(field, value) {
+    this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
+  }
+  handleSubmit(event) {
+    event.preventDefault();
+    this.formData.email = this.emailEle.inputValue;
+    this.formData.firstName = this.firstNameEle.inputValue;
+    this.formData.lastName = this.lastNameEle.inputValue;
+    this.formData.company = this.companyEle.inputValue;
+    this.formData.phone = this.phoneEle.inputValue;
+    // this.formData.country = this.countryEle.inputValue;
+    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
+    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
+    // console.log("get form Data: " + this.formData.email)
+    if (this.isValid()) {
+      const formSubmitEvent = new CustomEvent('formSubmit', {
+        detail: this.formData,
+        bubbles: true,
+      });
+      this.el.dispatchEvent(formSubmitEvent);
+      console.log('Form Submitted: ' + this.formData);
+    }
+    else {
+      console.log('Form validation failed');
+      console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
+    }
+  }
+  isValid() {
+    const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
+    const invalidLength = document.querySelectorAll('.invalid-field').length;
+    // console.log('invalid fields length: ' + invalidLength), check the select field
+    return (email !== '' &&
+      phone !== '' &&
+      firstName !== '' &&
+      lastName !== '' &&
+      company !== '' &&
+      country !== '' &&
+      inquiryReason !== '' &&
+      howhearselfreport != '' &&
+      policyChecked &&
+      invalidLength === 0);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("max-width-container", { "max-width": "277", breakpoint: 480 }, 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."), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "small" })), h("form", { onSubmit: event => this.handleSubmit(event) }, h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "USA" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "USA")), h("li", { class: "mdc-list-item", "data-value": "Canada" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Canada")), h("li", { class: "mdc-list-item", "data-value": "China" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "China")))), h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h("li", { class: "mdc-list-item", "data-value": "CAD" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), 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" }), h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
+  }
+  static get is() { return "ptc-form"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-form.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-form.css"]
+    };
+  }
+  static get states() {
+    return {
+      "formData": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/organism-bundles/most-popular-news/most-popular-news.js

@@ -1,62 +1,62 @@
-import { Host, h } from '@stencil/core';
-import { equalizeHeightsWithinShadow } from '../../../utils/utils';
-import numberOneSvg from '../../../media/svg-imgs/NumberOneGreenBadge.svg';
-import numberTwoSvg from '../../../media/svg-imgs/NumberTwoGreenBadge.svg';
-import numberThreeSvg from '../../../media/svg-imgs/NumberThreeGreenBadge.svg';
-export class MostPopularNews {
-  constructor() {
-    this.topTitle = undefined;
-  }
-  // handleResize = () => {
-  //   equalizeHeightsWithinShadow('.js-card-bottom', this.el);
-  //   console.log('Window resized!');
-  // };
-  // // Debounce the handleResize function
-  // debouncedHandleResize = debounce(this.handleResize, 250); // Adjust 250ms to your needs
-  // componentWillLoad() {
-  //   window.addEventListener('resize', this.debouncedHandleResize);
-  // }
-  // disconnectedCallback() {
-  //   window.removeEventListener('resize', this.debouncedHandleResize);
-  // }
-  componentDidRender() {
-    equalizeHeightsWithinShadow('.js-card-bottom', this.el);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "most-popular-wrapper" }, h("slot", { name: "seo-content" }), h("ptc-title", { type: "h2", "text-align": "center", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", class: "most-popular-title" }, this.topTitle), h("div", { class: "most-popular-cards" }, h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberOneSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Q2 FY\u201923 Earnings Presentation"))))), h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberTwoSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Announces Availability of Creo 9"))))), h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberThreeSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Completes Acquisition of Intland Software")))))))));
-  }
-  static get is() { return "most-popular-news"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["most-popular-news.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["most-popular-news.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "topTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "top-title",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+import { equalizeHeightsWithinShadow } from '../../../utils/utils';
+import numberOneSvg from '../../../media/svg-imgs/NumberOneGreenBadge.svg';
+import numberTwoSvg from '../../../media/svg-imgs/NumberTwoGreenBadge.svg';
+import numberThreeSvg from '../../../media/svg-imgs/NumberThreeGreenBadge.svg';
+export class MostPopularNews {
+  constructor() {
+    this.topTitle = undefined;
+  }
+  // handleResize = () => {
+  //   equalizeHeightsWithinShadow('.js-card-bottom', this.el);
+  //   console.log('Window resized!');
+  // };
+  // // Debounce the handleResize function
+  // debouncedHandleResize = debounce(this.handleResize, 250); // Adjust 250ms to your needs
+  // componentWillLoad() {
+  //   window.addEventListener('resize', this.debouncedHandleResize);
+  // }
+  // disconnectedCallback() {
+  //   window.removeEventListener('resize', this.debouncedHandleResize);
+  // }
+  componentDidRender() {
+    equalizeHeightsWithinShadow('.js-card-bottom', this.el);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "most-popular-wrapper" }, h("slot", { name: "seo-content" }), h("ptc-title", { type: "h2", "text-align": "center", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", class: "most-popular-title" }, this.topTitle), h("div", { class: "most-popular-cards" }, h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberOneSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Q2 FY\u201923 Earnings Presentation"))))), h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberTwoSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Announces Availability of Creo 9"))))), h("div", { class: "most-popular-card" }, h("ptc-card-wrapper", { "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, h("ptc-badge", { type: "svg", "svg-code": numberThreeSvg }), h("ptc-card-content", null, h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, h("p", null, "PTC Completes Acquisition of Intland Software")))))))));
+  }
+  static get is() { return "most-popular-news"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["most-popular-news.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["most-popular-news.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "topTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "top-title",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/organism-bundles/news-search-result/news-search-result.js

@@ -1,40 +1,40 @@
-import { Host, h } from '@stencil/core';
-export class NewsSearchResult {
-  constructor() {
-    this.isLoading = true;
-    this.picWidth = undefined;
-    this.picHeight = undefined;
-    this.cardHeights = [];
-    this.maxCardHeight = 0;
-  }
-  componentDidLoad() {
-    setTimeout(() => {
-      this.isLoading = false;
-    }, 3000);
-  }
-  render() {
-    return (h(Host, null, h("ptc-preloader-section", { "section-type": "cards", "number-of-cards": "9" }, h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")))))));
-  }
-  static get is() { return "news-search-result"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["news-search-result.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["news-search-result.css"]
-    };
-  }
-  static get states() {
-    return {
-      "isLoading": {},
-      "picWidth": {},
-      "picHeight": {},
-      "cardHeights": {},
-      "maxCardHeight": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class NewsSearchResult {
+  constructor() {
+    this.isLoading = true;
+    this.picWidth = undefined;
+    this.picHeight = undefined;
+    this.cardHeights = [];
+    this.maxCardHeight = 0;
+  }
+  componentDidLoad() {
+    setTimeout(() => {
+      this.isLoading = false;
+    }, 3000);
+  }
+  render() {
+    return (h(Host, null, h("ptc-preloader-section", { "section-type": "cards", "number-of-cards": "9" }, h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")))))));
+  }
+  static get is() { return "news-search-result"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["news-search-result.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["news-search-result.css"]
+    };
+  }
+  static get states() {
+    return {
+      "isLoading": {},
+      "picWidth": {},
+      "picHeight": {},
+      "cardHeights": {},
+      "maxCardHeight": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}