@ptcwebops/ptcw-design 4.0.2 → 4.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/embedded-form.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +2 -1
- package/dist/cjs/{ptc-form-checkbox_3.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +4 -442
- package/dist/cjs/ptc-form.cjs.entry.js +6 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +397 -0
- package/dist/cjs/ptc-preloader-section.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/validation-messages-efeb4248.js +114 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +6 -1
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +19 -1
- package/dist/collection/components/ptc-modal/ptc-modal.css +29 -1
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
- package/dist/collection/components/ptc-multi-select/ptc-multi-select.css +171 -0
- package/dist/collection/components/ptc-multi-select/ptc-multi-select.js +166 -0
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +74 -7
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- package/dist/esm/embedded-form.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +2 -1
- package/dist/esm/ptc-filter-tag.entry.js +2 -1
- package/dist/esm/{ptc-form-checkbox_3.entry.js → ptc-form-checkbox_2.entry.js} +3 -440
- package/dist/esm/ptc-form.entry.js +6 -1
- package/dist/esm/ptc-multi-select_2.entry.js +392 -0
- package/dist/esm/ptc-preloader-section.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/validation-messages-ffe89594.js +112 -0
- package/dist/ptcw-design/{p-03698164.entry.js → p-1af3f1ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-fdd9d7de.entry.js → p-5fc1c5f6.entry.js} +1 -1
- package/dist/ptcw-design/p-6a5517cd.entry.js +1 -0
- package/dist/ptcw-design/p-855a0b03.entry.js +1 -0
- package/dist/ptcw-design/p-8918388b.entry.js +1 -0
- package/dist/ptcw-design/p-9d049707.entry.js +68 -0
- package/dist/ptcw-design/{p-70edb5f4.entry.js → p-a6767ab8.entry.js} +1 -1
- package/dist/ptcw-design/p-af3bb40d.js +1 -0
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/{p-85485428.entry.js → p-d93feea5.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +4 -0
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
- package/dist/types/components/ptc-multi-select/ptc-multi-select.d.ts +18 -0
- package/dist/types/components.d.ts +33 -2
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-0f7a260a.entry.js +0 -68
- package/dist/ptcw-design/p-12d3e601.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-e9b1719c.entry.js +0 -1
|
@@ -80,7 +80,12 @@ const PtcForm = class {
|
|
|
80
80
|
invalidLength === 0);
|
|
81
81
|
}
|
|
82
82
|
render() {
|
|
83
|
-
|
|
83
|
+
const multiSelectItems = [
|
|
84
|
+
{ text: 'Item 1', selected: false, ptcDataEloquaName: 'item_1', ptcDataTargetEloquaName: 'item_target-1' },
|
|
85
|
+
{ text: 'Item 2', selected: false, ptcDataEloquaName: 'item_2', ptcDataTargetEloquaName: 'item_target-2' },
|
|
86
|
+
{ text: 'Item 3', selected: false, ptcDataEloquaName: 'item_3', ptcDataTargetEloquaName: 'item_target-3' }
|
|
87
|
+
];
|
|
88
|
+
return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, index.h("div", { class: "form-wrapper" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event) }, index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-multi-select", { items: multiSelectItems }), index.h("ptc-textfield", { "field-id": "Self-Reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
|
|
84
89
|
}
|
|
85
90
|
get el() { return index.getElement(this); }
|
|
86
91
|
};
|