@progressive-development/pd-contact 0.6.7 → 0.6.9

package/dist/pd-contact.d.ts

@@ -6,7 +6,9 @@ export declare const C_BTWNR = "vatNr";
 export declare const C_FIRSTNAME = "firstName";
 export declare const C_LASTNAME = "lastName";
 export declare const C_STREET = "street";
+export declare const C_STREET_NR = "streetNr";
 export declare const C_CITY = "city";
+export declare const C_ZIP = "zip";
 export declare const C_ADDITIONAL = "additionalHint";
 export declare const C_PROPERTY_DATE = "propertyDate";
 export declare const C_PHONE1 = "phone1";
@@ -49,22 +51,19 @@ export declare class PdContact extends LitElement {
      * Business or private contact (internal flag).
      */
     private _business;
-    /**
-     * Internal validation state.
-     */
-    private _errorMap;
+    private _contactForm;
     static styles: CSSResultGroup;
     willUpdate(changedProps: PropertyValues<this>): void;
     render(): import('lit-html').TemplateResult<1>;
     private _renderEditContact;
     private _getRadioValue;
     private _renderViewContact;
-    get valid(): any;
+    get valid(): boolean;
     triggerValidate(): Promise<boolean>;
+    getValues(): PdContactData;
     private _switchAddressType;
     private _isRequired;
     private _showInput;
-    private _validateForm;
     private _setFormData;
     private _getFullName;
     private _getFullStreet;

package/dist/pd-contact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-contact.d.ts","sourceRoot":"","sources":["../src/pd-contact.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS5E,OAAO,0CAA0C,CAAC;AAElD,OAAO,+CAA+C,CAAC;AACvD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AACrD,OAAO,kDAAkD,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAqB7D,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,OAAO,UAAU,CAAC;AAC/B,eAAO,MAAM,WAAW,cAAc,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AACrC,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAC9C,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,OAAO,UAAU,CAAC;AAgB/B,qBACa,SAAU,SAAQ,UAAU;IACvC;;OAEG;IAEH,YAAY,SAAsD;IAElE;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B;;OAEG;IAEH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAS;IAE1B;;OAEG;IAEH,OAAO,CAAC,SAAS,CAA6B;IAE9C,OAAgB,MAAM,EAAE,cAAc,CAuEpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMpD,MAAM;IAQf,OAAO,CAAC,kBAAkB;IA+O1B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,kBAAkB;IAiF1B,IAAW,KAAK,QAEf;IAEY,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAMhD,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,MAAM,CAAC,WAAW;CAG3B"}
+{"version":3,"file":"pd-contact.d.ts","sourceRoot":"","sources":["../src/pd-contact.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS5E,OAAO,0CAA0C,CAAC;AAGlD,OAAO,+CAA+C,CAAC;AACvD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AACrD,OAAO,kDAAkD,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAqB7D,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,OAAO,UAAU,CAAC;AAC/B,eAAO,MAAM,WAAW,cAAc,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AACrC,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,WAAW,aAAa,CAAC;AACtC,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAC3B,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAC9C,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,OAAO,UAAU,CAAC;AAgB/B,qBACa,SAAU,SAAQ,UAAU;IACvC;;OAEG;IAEH,YAAY,SAAsD;IAElE;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B;;OAEG;IAEH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAgB,MAAM,EAAE,cAAc,CAuEpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMpD,MAAM;IAQf,OAAO,CAAC,kBAAkB;IAiP1B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,kBAAkB;IAiF1B,IAAI,KAAK,YAER;IAEY,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAIzC,SAAS,IAAI,aAAa;IAiCjC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,MAAM,CAAC,WAAW;CAG3B"}

package/dist/pd-contact.js

@@ -1,5 +1,5 @@
 import { css, LitElement, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { property, state, query, customElement } from "lit/decorators.js";
 import { msg, str } from "@lit/localize";
 import { PdFontStyles, PdColorStyles } from "@progressive-development/pd-shared-styles";
 import "@progressive-development/pd-icon/pd-icon";
@@ -47,7 +47,9 @@ const C_BTWNR = "vatNr";
 const C_FIRSTNAME = "firstName";
 const C_LASTNAME = "lastName";
 const C_STREET = "street";
+const C_STREET_NR = "streetNr";
 const C_CITY = "city";
+const C_ZIP = "zip";
 const C_ADDITIONAL = "additionalHint";
 const C_PROPERTY_DATE = "propertyDate";
 const C_PHONE1 = "phone1";
@@ -74,7 +76,6 @@ let PdContact = class extends LitElement {
     this.requiredFields = [];
     this.inputFields = [];
     this._business = false;
-    this._errorMap = /* @__PURE__ */ new Map();
   }
   willUpdate(changedProps) {
     if (changedProps.has("contact") && this.contact) {
@@ -91,7 +92,7 @@ let PdContact = class extends LitElement {
   _renderEditContact() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     return html`
-      <pd-form-container id="contactContainerId" requiredFieldInfo>
+      <pd-form-container id="contactContainerId" requiredFieldInfo autoTrimm>
         ${this.inputFields.length === 0 || this._showInput(C_TYPE) ? html`
               <pd-form-row>
                 <pd-radio-group
@@ -203,7 +204,7 @@ let PdContact = class extends LitElement {
                   label="${msg("Nr.", { id: "pd.contact.label.streetNr" })}"
                   valueName="streetNr"
                   initValue="${((_f = this.contact) == null ? void 0 : _f.streetNr) || ""}"
-                  ?required="${this._isRequired("streetNr")}"
+                  ?required="${this._isRequired(C_STREET)}"
                 ></pd-input>
               </pd-form-row>
             ` : ""}
@@ -227,7 +228,7 @@ let PdContact = class extends LitElement {
                         valueName="zip"
                         initValue="${((_g = this.contact) == null ? void 0 : _g.zip) || ""}"
                         autoCompleteName="postal-code"
-                        ?required="${this._isRequired("zip")}"
+                        ?required="${this._isRequired(C_ZIP)}"
                       ></pd-input>
                     `}
                 <pd-input
@@ -250,6 +251,8 @@ let PdContact = class extends LitElement {
       id: "pd.contact.label.additional"
     })}"
                   initValue="${((_i = this.contact) == null ? void 0 : _i.additionalHint) || ""}"
+                  valueName="additionalHint"
+                  ?required="${this._isRequired(C_ADDITIONAL)}"
                 ></pd-input>
               </pd-form-row>
             ` : ""}
@@ -371,11 +374,41 @@ let PdContact = class extends LitElement {
   }
   get valid() {
     var _a;
-    return ((_a = this.shadowRoot) == null ? void 0 : _a.getElementById("contactContainerId")).valid;
+    return ((_a = this._contactForm) == null ? void 0 : _a.valid) === true;
   }
   async triggerValidate() {
     var _a;
-    return ((_a = this.shadowRoot) == null ? void 0 : _a.getElementById("contactContainerId")).triggerValidate();
+    return (_a = this._contactForm) == null ? void 0 : _a.triggerValidate();
+  }
+  getValues() {
+    var _a;
+    const contactFormValues = (_a = this._contactForm) == null ? void 0 : _a.getValues();
+    console.log("VAlues:", contactFormValues);
+    const commonValues = {
+      business: this._business,
+      street: contactFormValues.street,
+      streetNr: contactFormValues.streetNr,
+      zip: contactFormValues.zip,
+      city: contactFormValues.city,
+      additionalHint: contactFormValues.additionalHint,
+      propertyDate: contactFormValues.propertyDate,
+      phone1: contactFormValues.phone1,
+      email: contactFormValues.email
+      // No input fields for following values
+      //country?: string;
+      //btw?: string;
+      //kbc?: string;
+      //bank?: string;
+    };
+    return this._business ? {
+      ...commonValues,
+      companyName: contactFormValues.companyName,
+      vatNr: contactFormValues.vatNr
+    } : {
+      ...commonValues,
+      firstName: contactFormValues.firstName,
+      lastName: contactFormValues.lastName
+    };
   }
   _switchAddressType(e) {
     console.log("Do switch", e);
@@ -390,16 +423,6 @@ let PdContact = class extends LitElement {
   _showInput(field) {
     return this.inputFields.length > 0 ? this.inputFields.includes(field) : true;
   }
-  _validateForm(e) {
-    var _a, _b;
-    const detail = e.detail;
-    if (!detail.singleElement) {
-      (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("contactContainerId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
-      if (detail.errorMap.size === 0 && detail.formData) {
-        detail.formData[this.id] = this._setFormData();
-      }
-    }
-  }
   _setFormData() {
     const getInput = (id) => {
       var _a, _b;
@@ -540,8 +563,8 @@ __decorateClass([
   state()
 ], PdContact.prototype, "_business", 2);
 __decorateClass([
-  state()
-], PdContact.prototype, "_errorMap", 2);
+  query("#contactContainerId")
+], PdContact.prototype, "_contactForm", 2);
 PdContact = __decorateClass([
   customElement("pd-contact")
 ], PdContact);
@@ -556,6 +579,8 @@ export {
   C_PHONE1,
   C_PROPERTY_DATE,
   C_STREET,
+  C_STREET_NR,
   C_TYPE,
+  C_ZIP,
   PdContact
 };

package/dist/stories/contact-edit.stories.d.ts

@@ -1,12 +1,13 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: ({ inputFields, withPropertyDate, contact }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ inputFields, requiredFields, withPropertyDate, contact }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {};
 };
 export default meta;
 type Story = StoryObj;
 export declare const ContactForm: Story;
+export declare const ContactFormRequiredFields: Story;
 export declare const ContactFormPropertyDate: Story;
 export declare const ContactFormWithInputFields1: Story;
 export declare const ContactFormWithInputFields2: Story;

package/dist/stories/contact-edit.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact-edit.stories.d.ts","sourceRoot":"","sources":["../../src/stories/contact-edit.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAYhE,OAAO,kBAAkB,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;CAuBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA2BtB,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAIrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAIzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAIzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAIxC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAQ7C,CAAC"}
+{"version":3,"file":"contact-edit.stories.d.ts","sourceRoot":"","sources":["../../src/stories/contact-edit.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAehE,OAAO,kBAAkB,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;CAmCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA2BtB,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAevC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAIrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAIzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAIzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAIxC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAQ7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-contact",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "description": "Progressive Development Contact component",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-forms": "^0.7.1",
+    "@progressive-development/pd-forms": "^0.7.2",
     "@progressive-development/pd-icon": "^0.7.4",
     "@progressive-development/pd-shared-styles": "^0.2.5",
     "lit": "^3.3.0"