@ptcwebops/ptcw-design 6.3.30-beta → 6.3.30

package/dist/esm/modal-form-example.entry.js

@@ -1,90 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const modalFormExampleCss = ":host {\r\n  display: block;\r\n}\r\n\r\n.form-wrapper {\r\n  width: 371px;\r\n  display: flex;\r\n  border-radius: 3px;\r\n  background: #FFF;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0px 32px;\r\n\r\n  @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n    max-width: 360px;\r\n    width: 360px;\r\n  }\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n";
-
-const PtcForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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() {
-    const multiSelectItems = [
-      { text: 'Item 1', selected: false, ptcDataEloquaName: 'item_1', ptcDataTargetEloquaName: 'item_target-1' },
-      { text: 'Item 2', selected: false, ptcDataEloquaName: 'item_2', ptcDataTargetEloquaName: 'item_target-2' },
-      { text: 'Item 3', selected: false, ptcDataEloquaName: 'item_3', ptcDataTargetEloquaName: 'item_target-3' }
-    ];
-    return (h(Host, null, h("div", { class: "ptc-container u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("ptc-title", { "seo-compatibility-mode": true, "text-align": "left", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false", "title-size": "medium" }, h("h2", null, "PTC\u2019s PLM application suite combines the power of Windchill, the industry\u2019s #1 PLM software with Thingworx")), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-densest" }, "PTC\u2019s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("max-width-container", { "max-width": "277", breakpoint: 480 }, h("ptc-title", { type: "h2", "text-align": "", "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-textfield", { "field-id": "company-email", "label-text": "Company Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "companyemail" }), 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 placehoder-li", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Select a country")), 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": "Please select a 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-multi-select", { items: multiSelectItems, "is-required": 'true' }), 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("div", { class: "button-wrapper" }, h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Submit"), h("ptc-button", { class: "form-close", color: "ptc-tertiary", type: "button", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Cancel")))))));
-  }
-  get el() { return getElement(this); }
-};
-PtcForm.style = modalFormExampleCss;
-
-export { PtcForm as modal_form_example };

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

@@ -1,158 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
-
-const ptcPictureCss = "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;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
-
-const PtcPicture = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.src = undefined;
-    this.alt = 'image';
-    this.sizeXs = '510x340';
-    this.sizeSm = '1240x496';
-    this.sizeMd = '1366x500';
-    this.sizeLg = '1920x1080';
-    this.disableResize = false;
-    this.oldSrc = undefined;
-    this.imagePosition = 'static';
-    this.borderRadius = undefined;
-    this.height = undefined;
-    this.width = undefined;
-    this.objectFit = 'cover';
-    this.isFullHeight = false;
-    this.isFullWidth = false;
-    this.styles = undefined;
-    this.imageAlignment = 'left';
-    this.maxWidth = undefined;
-    this.displayImage = 'block';
-  }
-  WindowResize() {
-    this.addIntersectionObserver();
-  }
-  componentWillLoad() {
-    if (this.disableResize) {
-      this.sizeXs = undefined;
-      this.sizeSm = undefined;
-      this.sizeMd = undefined;
-      this.sizeLg = undefined;
-    }
-  }
-  componentDidLoad() {
-    this.addIntersectionObserver();
-  }
-  componentWillUpdate() {
-    if (this.src !== this.oldSrc) {
-      this.addIntersectionObserver();
-    }
-    this.oldSrc = this.src;
-  }
-  //lazy-loading
-  addIntersectionObserver() {
-    if (!this.src) {
-      return;
-    }
-    if ('IntersectionObserver' in window) {
-      let lazyLoadImages = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-          if (entry.isIntersecting) {
-            const image = this.el.shadowRoot.querySelector('img');
-            image.src = this.setResponsiveBg();
-            lazyLoadImages.unobserve(image);
-          }
-        });
-      });
-      let tempImg = this.el.shadowRoot.querySelector('img');
-      if (tempImg) {
-        lazyLoadImages.observe(tempImg);
-      }
-    }
-    else {
-      // fall back to setTimeout for Safari and IE
-      setTimeout(() => {
-        const image = this.el.shadowRoot.querySelector('img');
-        image.src = this.setResponsiveBg();
-        image.onload = () => {
-          image.removeAttribute('data-src');
-        };
-      }, 5000);
-    }
-  }
-  //responsive image
-  setResponsiveBg() {
-    // Define local variables
-    let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
-    for (var i = 0, len = backgrounds.length; i < len; i++) {
-      // Set current variables
-      el = backgrounds[i];
-      elData = el.getAttribute('data-' + currentBreakpoint);
-      if (elData !== null) {
-        return elData;
-      }
-      else {
-        if (typeof console == 'object') {
-          console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
-        }
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const classMapHost = this.getCssClassMapHost();
-    return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
-  }
-  getCurrentBreakPoints() {
-    // Define local variables
-    let doc = window.document, temp = doc.createElement('div'), env;
-    // Append test node
-    doc.body.appendChild(temp);
-    // Loop through breakpoints
-    for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
-      env = ResponsivePictureVariables.envs[i];
-      // Add classes
-      temp.className = 'hidden-' + env;
-      // Found breakpoint
-      if (temp.offsetParent === null) {
-        // Remove our test node
-        doc.body.removeChild(temp);
-        // Return current breakpoint
-        return env;
-      }
-    }
-    // Breakpoint not found, try fallback
-    doc.body.removeChild(temp);
-    return this.getFallbackBreakpoint();
-  }
-  getFallbackBreakpoint() {
-    if (window.matchMedia('(min-width: 992px)').matches) {
-      return 'lg';
-    }
-    else if (window.matchMedia('(min-width: 768px)').matches) {
-      return 'md';
-    }
-    else if (window.matchMedia('(min-width: 576px)').matches) {
-      return 'sm';
-    }
-    else {
-      return 'xs';
-    }
-  }
-  getCssClassMap() {
-    return {
-      [this.borderRadius]: this.borderRadius ? true : false,
-      [this.objectFit]: true,
-      [this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
-      [this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
-      [this.displayImage]: true
-    };
-  }
-  getCssClassMapHost() {
-    return {
-      [this.imagePosition]: true,
-      [this.imageAlignment]: true,
-    };
-  }
-  get el() { return getElement(this); }
-};
-PtcPicture.style = ptcPictureCss;
-
-export { PtcPicture as ptc_picture };

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

@@ -1,34 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
-
-const PtcSpacer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.breakpoint = '';
-    this.size = 'medium';
-    this.direction = 'vertical';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }));
-  }
-  getCssClassMap() {
-    return {
-      [this.size]: true,
-      ['ptc-spacer-horizontal']: this.direction === 'horizontal',
-      ['ptc-spacer-vertical']: this.direction === 'vertical',
-      ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
-      ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
-      ['ptc-spacer-small']: this.breakpoint === 'small',
-      ['ptc-spacer-medium']: this.breakpoint === 'medium',
-      ['ptc-spacer-large']: this.breakpoint === 'large',
-      ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
-      ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
-      ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
-    };
-  }
-};
-PtcSpacer.style = ptcSpacerCss;
-
-export { PtcSpacer as ptc_spacer };

package/dist/ptcw-design/p-094f5dec.entry.js

@@ -1 +0,0 @@
-import{r as a,h as o,H as t,a as i}from"./p-944c5be8.js";const r=class{constructor(o){a(this,o),this.sectionTitle=void 0,this.description=void 0,this.backgroundImage=void 0}componentDidLoad(){this.el.addEventListener("mousemove",(()=>{}));let a=this.el.shadowRoot.querySelector(".bgImage");onmousemove=o=>{o.target===this.el&&a.style.setProperty("transform",`translate(-${o.clientX/100}px, -${o.clientY/100}px) scale(1.1, 1.1)`)}}render(){return o(t,null,o("img",{src:this.backgroundImage,alt:"",class:"bgImage"}),o("svg",{class:"cut cut-top",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},o("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),o("div",{class:"backdrop-blur light-links"},o("div",{class:"ptc-container"},o("ptc-title",{type:"h2","text-align":"center","title-color":"white","title-margin":"margin-flush"},this.sectionTitle),o("ptc-para",{"font-size":"small","para-align":"center","font-weight":"w-5","para-color":"white","para-margin":"margin-5"},this.description),o("ptc-spacer",null)),o("div",{class:"ptc-container"},o("div",{class:"content-box"},o("div",{class:"backdrop"}),o("slot",null)))),o("svg",{class:"cut cut-bottom",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},o("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})))}get el(){return i(this)}};r.style='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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05);backdrop-filter:blur(13.7px);border:1px solid rgba(255, 255, 255, 0.54);border-radius:10px;position:relative}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:"";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}';export{r as innovator_toggle_container}

package/dist/ptcw-design/p-10413689.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as i,a}from"./p-944c5be8.js";const s=class{constructor(e){t(this,e),this.formData={email:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t)}else console.log("Form validation failed")}isValid(){const{email:t,policyChecked:e}=this.formData,i=document.querySelectorAll(".invalid-field").length;return""!==t&&e&&0===i}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(this)}};s.style="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}.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;justify-content:center}";export{s as footer_form}

package/dist/ptcw-design/p-11eb4dd1.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,F as n,H as e,a}from"./p-944c5be8.js";const l={0:"green",1:"blue",2:"gray"},o=class{constructor(i){t(this,i),this.captureSlots=()=>{var t,i,n,e;this.image=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector('[slot="cta-image"]'),this.cta=null===(i=this.hostEle)||void 0===i?void 0:i.querySelector('[slot="cta-link"]');const a=null===(n=this.hostEle)||void 0===n?void 0:n.querySelector('[slot="cta-heading"]'),l=null===(e=this.hostEle)||void 0===e?void 0:e.querySelector('[slot="cta-description"]');this.heading=(null==a?void 0:a.innerText)||"",this.description=(null==l?void 0:l.innerText)||""},this.setBgColor=()=>{var t;let i=null;if(this.containerSelector){const n=document.querySelector(this.containerSelector);i=this.containerIsShadow?null===(t=null==n?void 0:n.shadowRoot)||void 0===t?void 0:t.querySelectorAll("ptc-inline-cta"):null==n?void 0:n.querySelectorAll("ptc-inline-cta")}else i=document.querySelectorAll("ptc-inline-cta");i&&i.forEach(((t,i)=>{var n,e;if(t==this.hostEle){const t=Object.keys(l).length,a=l[i%t],o=null===(e=null===(n=this.hostEle)||void 0===n?void 0:n.shadowRoot)||void 0===e?void 0:e.querySelector(".big-inline-cta-container");o&&o.classList.add(a)}}))},this.truncate=(t,i)=>t.length<=i?t:t.substring(0,i)+"...",this.handleFocus=(t,i)=>{var n,e,a,l;"small"===this.type?null===(n=i.querySelector("ptc-link"))||void 0===n||n.focus():"PTC-BUTTON"!==t.relatedTarget.nodeName&&(null===(l=null===(a=null===(e=i.querySelector("ptc-button"))||void 0===e?void 0:e.shadowRoot)||void 0===a?void 0:a.querySelector("button"))||void 0===l||l.focus())},this.componentWillLoad=()=>{this.captureSlots()},this.componentWillRender=()=>{this.rte&&this.captureSlots()},this.componentDidLoad=()=>{"big"===this.type&&this.setBgColor()},this.disconnectedCallback=()=>{},this.type=void 0,this.containerSelector="",this.containerIsShadow=!1,this.trackerId="",this.rte=void 0,this.image=void 0,this.heading="",this.description="",this.cta=void 0}render(){const t=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"small-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h4","title-size":"medium","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-link",{disabled:!1,"font-size":"small",theme:"d-green-underline",styles:".d-green-underline {line-height: var(--ptc-line-height-p)}","tab-nav":"-1","link-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},a=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"big-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h3","title-size":"large","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,200))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"x-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"x-small"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-button",{color:"ptc-tertiary",disabled:!1,type:"button",styles:".ptc-tertiary  {border: 2px solid #FFFFFF !important}","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},l=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"bottom-inline-cta-container"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:":host {height: 100%;}"})),i("div",{id:this.trackerId,class:"cta-body"},i("a",{class:"link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h2","title-size":"xx-large","title-weight":"w-8","title-line-h":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h2",null,this.truncate(this.heading,70))),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-line-h":"line-height-p","para-margin":"margin-bottom-4"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i("ptc-button",{color:"ptc-primary",disabled:!1,type:"button","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))};return i(e,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("div",null,i((()=>{switch(this.type){case"small":return i(t,null);case"big":return i(a,null);case"bottom":return i(l,null);default:return null}}),null)),"bottom"===this.type?null:i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"})))}get hostEle(){return a(this)}};o.style='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}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .bottom-inline-cta-container .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row;gap:0}:host .bottom-inline-cta-container .cta-image{height:inherit;width:50%;display:block;position:relative}:host .bottom-inline-cta-container .cta-image ptc-picture{position:absolute;top:0;right:12px;bottom:0;left:0}:host .bottom-inline-cta-container .cta-body{height:max-content;width:50%;display:block;padding-left:12px}}';export{o as ptc_inline_cta}

package/dist/ptcw-design/p-212cdacd.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e,a}from"./p-944c5be8.js";const l=class{constructor(i){t(this,i),this.cardCount=void 0,this.cardData=[],this.sectionTitle="",this.sectionId=""}componentWillLoad(){this.cardCount>8&&(this.cardCount=8);for(let t=0;t<this.cardCount;t++){let i=this.el.querySelector(`[slot="card-title-${t+1}"]`),e=this.el.querySelector(`[slot="card-pricing-${t+1}"]`),a=this.el.querySelector(`[slot="card-cta-${t+1}"]`),l=this.el.querySelector(`[slot="card-disclaimer-${t+1}"]`),s={title:null==i?void 0:i.innerHTML.toString(),pricing:null==e?void 0:e.innerHTML.toString(),cta:{linkHref:(null==a?void 0:a.getAttribute("href"))||"",linkText:(null==a?void 0:a.innerHTML.toString())||"",linkTarget:(null==a?void 0:a.getAttribute("target"))||"_blank"},disclaimer:(null==l?void 0:l.innerHTML.toString())||""};null==i||i.remove(),null==a||a.remove(),this.cardData.push(s)}this.cardData.length!=this.cardCount&&(this.cardData=[])}render(){return i(e,null,i("ptc-title",{type:"h3","text-align":"left","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.sectionTitle),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("div",{class:"is-grid has-col-gap-md"},this.cardData.map(((t,e)=>i("div",{class:"is-col-12 is-col-6-md is-col-4-lg is-col-3-xl"},i("ptc-pricing-add-on-card",{id:`pricing-add-on-${e+1}`,"card-title":t.title,"card-pricing-text":t.pricing,"card-cta-href":t.cta.linkHref,"card-cta-text":t.cta.linkText,"card-cta-target":t.cta.linkTarget,"card-disclaimer":t.disclaimer,"section-id":`${e+1}-${this.sectionId}`},i("span",{slot:"card-pricing"},i("slot",{name:`card-pricing-${e+1}`})),i("div",{slot:"card-body"},i("slot",{name:`card-body-${e+1}`})),i("span",{slot:"card-disclaimer"},i("slot",{name:`card-disclaimer-${e+1}`}))))))))}get el(){return a(this)}};l.style="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}";export{l as ptc_pricing_add_on_section}