@progressive-development/pd-contact 0.5.10 → 0.6.1

package/dist/pd-contact.js

@@ -1,4 +1,566 @@
-import { PdContact } from "./src/PdContact.js";
-if (!customElements.get("pd-contact")) {
-  window.customElements.define("pd-contact", PdContact);
+import { css, LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { msg, str } from "@lit/localize";
+import { PdFontStyles } from "@progressive-development/pd-shared-styles";
+import "@progressive-development/pd-icon/pd-icon";
+import "@progressive-development/pd-forms/pd-checkbox";
+import "@progressive-development/pd-forms/pd-form-container";
+import "@progressive-development/pd-forms/pd-form-row";
+import "@progressive-development/pd-forms/pd-input";
+import "@progressive-development/pd-forms/pd-select";
+import "@progressive-development/pd-forms/pd-radio-group";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const countryPrefixes = {
+  de: "+49",
+  // Deutschland
+  be: "+32",
+  // Belgien
+  nl: "+31",
+  // Niederland
+  fr: "+33",
+  // Frankreich
+  es: "+34"
+  // Spanien
+};
+function transformPhone(phone, country) {
+  if (!phone || typeof phone !== "string") return "";
+  const countryPrefix = countryPrefixes[country];
+  if (!countryPrefix) throw new Error(`Unbekanntes Land: ${country}`);
+  const cleanedPhone = phone.replace(/\s+/g, "").replace(/[^0-9+]/g, "");
+  if (cleanedPhone.startsWith("+")) return cleanedPhone;
+  if (cleanedPhone.startsWith("0"))
+    return countryPrefix + cleanedPhone.slice(1);
+  return "";
 }
+const C_TYPE = "type";
+const C_COMPANY = "companyName";
+const C_BTWNR = "vatNr";
+const C_FIRSTNAME = "firstName";
+const C_LASTNAME = "lastName";
+const C_STREET = "street";
+const C_CITY = "city";
+const C_ADDITIONAL = "additionalHint";
+const C_PROPERTY_DATE = "propertyDate";
+const C_PHONE1 = "phone1";
+const C_EMAIL = "email";
+const yearSelection = [
+  {
+    value: "UNDEF",
+    name: msg("Baujahr auswählen", {
+      id: "pd.contact.property.year.selection"
+    })
+  },
+  ...Array.from({ length: 2025 - 2014 + 1 }, (_, i) => {
+    const year = (2014 + i).toString();
+    return { value: year, name: year };
+  })
+];
+let PdContact = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.addressTitle = msg("Adresse", { id: "pd.contact.address.title" });
+    this.phoneMailLink = false;
+    this.summary = false;
+    this.withPropertyDate = false;
+    this.requiredFields = [];
+    this.inputFields = [];
+    this._business = false;
+    this._errorMap = /* @__PURE__ */ new Map();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("validate-form", this._validateForm);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("validate-form", this._validateForm);
+  }
+  willUpdate(changedProps) {
+    if (changedProps.has("contact") && this.contact) {
+      this._business = this.contact.business ?? false;
+    }
+  }
+  firstUpdated() {
+    var _a, _b;
+    this.addEventListener("key-pressed", (e) => {
+      const detail = e.detail;
+      this._errorMap.set(detail.name, "");
+      this.requestUpdate();
+    });
+    if (this.contact) {
+      const detail = { errorMap: /* @__PURE__ */ new Map() };
+      (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("contactContainerId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
+    }
+  }
+  render() {
+    return html`
+      <div class="contact">
+        ${this.summary ? this._renderViewContact() : this._renderEditContact()}
+      </div>
+    `;
+  }
+  _renderEditContact() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    return html`
+      <pd-form-container id="contactContainerId" requiredFieldInfo>
+        ${this.inputFields.length === 0 || this._showInput(C_TYPE) ? html`
+              <pd-form-row id="testFormId">
+                <pd-radio-group
+                  class="quarter3"
+                  label="${msg("Typ", { id: "pd.contact.label.type" })}"
+                  required
+                  value="${this._getRadioValue()}"
+                  @field-change="${this._switchAddressType}"
+                  style="--group-gap: 20px;"
+                >
+                  <pd-checkbox
+                    value="${!((_a = this.contact) == null ? void 0 : _a.business) || true}"
+                    valueName="private"
+                    >${msg("Privatperson", {
+      id: "pd.contact.check.private"
+    })}</pd-checkbox
+                  >
+                  <pd-checkbox
+                    valueName="business"
+                    value="${((_b = this.contact) == null ? void 0 : _b.business) || false}"
+                    >${msg("Unternehmen", {
+      id: "pd.contact.check.company"
+    })}</pd-checkbox
+                  >
+                </pd-radio-group>
+              </pd-form-row>
+            ` : ""}
+        ${this._business ? html`
+              ${this.inputFields.length === 0 || this._showInput(C_COMPANY) ? html`
+                    <pd-form-row class="contact-form">
+                      <pd-input
+                        id="compNameId"
+                        class="quarter3"
+                        label="${msg("Name des Unternehmen", {
+      id: "pd.contact.label.company"
+    })}"
+                        ?required="${this._isRequired(C_COMPANY)}"
+                        value="${((_c = this.contact) == null ? void 0 : _c.companyName) || ""}"
+                        valueName="companyName"
+                        autoCompleteName="organization"
+                      ></pd-input>
+                    </pd-form-row>
+                  ` : ""}
+              ${this.inputFields.length === 0 || this._showInput(C_BTWNR) ? html`
+                    <pd-form-row class="contact-form">
+                      <pd-input
+                        id="vatId"
+                        class="quarter3"
+                        label="${msg("USt-IdNr.", {
+      id: "pd.contact.label.btw"
+    })}"
+                        ?required="${this._isRequired(C_BTWNR)}"
+                        field-type="vat"
+                        valueName="vatNr"
+                        value="${((_d = this.contact) == null ? void 0 : _d.vatNr) || ""}"
+                        autoCompleteName="vat"
+                      ></pd-input>
+                    </pd-form-row>
+                  ` : ""}
+            ` : html`
+              ${this.inputFields.length === 0 || this._showInput(C_FIRSTNAME) ? html`
+                    <pd-form-row class="contact-form">
+                      <pd-input
+                        id="firstNameId"
+                        class="quarter3"
+                        label="${msg("Vorname", {
+      id: "pd.contact.label.firstName"
+    })}"
+                        valueName="firstName"
+                        value="${((_e = this.contact) == null ? void 0 : _e.firstName) || ""}"
+                        autoCompleteName="given-name"
+                        ?required="${this._isRequired(C_FIRSTNAME)}"
+                      ></pd-input>
+                    </pd-form-row>
+                  ` : ""}
+              ${this.inputFields.length === 0 || this._showInput(C_LASTNAME) ? html`
+                    <pd-form-row class="contact-form">
+                      <pd-input
+                        id="lastNameId"
+                        class="quarter3"
+                        label="${msg("Nachname", {
+      id: "pd.contact.label.lastName"
+    })}"
+                        valueName="lastName"
+                        value="${((_f = this.contact) == null ? void 0 : _f.lastName) || ""}"
+                        autoCompleteName="family-name"
+                        ?required="${this._isRequired(C_LASTNAME)}"
+                      ></pd-input>
+                    </pd-form-row>
+                  ` : ""}
+            `}
+        ${this.inputFields.length === 0 || this._showInput(C_STREET) ? html`
+              <pd-form-row class="contact-form">
+                <pd-input
+                  id="streetId"
+                  class="quarter2"
+                  label="${msg("Strasse", { id: "pd.contact.label.street" })}"
+                  valueName="street"
+                  value="${((_g = this.contact) == null ? void 0 : _g.street) || ""}"
+                  autoCompleteName="street-address"
+                  ?required="${this._isRequired(C_STREET)}"
+                ></pd-input>
+                <pd-input
+                  id="streetNrId"
+                  class="quarter1"
+                  label="${msg("Nr.", { id: "pd.contact.label.streetNr" })}"
+                  valueName="streetNr"
+                  value="${((_h = this.contact) == null ? void 0 : _h.streetNr) || ""}"
+                  ?required="${this._isRequired("streetNr")}"
+                ></pd-input>
+              </pd-form-row>
+            ` : ""}
+        ${this.inputFields.length === 0 || this._showInput(C_CITY) ? html`
+              <pd-form-row class="contact-form">
+                ${this.match && this.match.zip ? html`
+                      <pd-input
+                        readonly
+                        id="zipId"
+                        class="quarter1"
+                        label="${msg("PLZ", { id: "pd.contact.label.zip" })}"
+                        valueName="zip"
+                        value="${this.match.zip}"
+                      ></pd-input>
+                    ` : html`
+                      <pd-input
+                        id="zipId"
+                        class="quarter1"
+                        label="${msg("PLZ", { id: "pd.contact.label.zip" })}"
+                        field-type="number"
+                        valueName="zip"
+                        value="${((_i = this.contact) == null ? void 0 : _i.zip) || ""}"
+                        autoCompleteName="postal-code"
+                        ?required="${this._isRequired("zip")}"
+                      ></pd-input>
+                    `}
+                <pd-input
+                  id="cityId"
+                  class="quarter2"
+                  label="${msg("Ort", { id: "pd.contact.label.city" })}"
+                  valueName="city"
+                  value="${((_j = this.contact) == null ? void 0 : _j.city) || ""}"
+                  autoCompleteName="locality"
+                  ?required="${this._isRequired(C_CITY)}"
+                ></pd-input>
+              </pd-form-row>
+            ` : ""}
+        ${this.inputFields.length === 0 || this._showInput(C_ADDITIONAL) ? html`
+              <pd-form-row class="contact-form">
+                <pd-input
+                  class="quarter3"
+                  id="additionalHintId"
+                  label="${msg("Addresszusatz", {
+      id: "pd.contact.label.additional"
+    })}"
+                  value="${((_k = this.contact) == null ? void 0 : _k.additionalHint) || ""}"
+                ></pd-input>
+              </pd-form-row>
+            ` : ""}
+        ${this.withPropertyDate ? html`
+              <pd-form-row class="contact-form">
+                <pd-select
+                  class="quarter3"
+                  id="propertyDateId"
+                  label="${msg("Datum der Immobilie", {
+      id: "pd.contact.label.propertyDate"
+    })}"
+                  value="${((_l = this.contact) == null ? void 0 : _l.propertyDate) || ""}"
+                  .values="${yearSelection}"
+                  ?required="${this._isRequired(C_PROPERTY_DATE)}"
+                ></pd-select>
+              </pd-form-row>
+            ` : ""}
+        ${this.inputFields.length === 0 || this._showInput(C_PHONE1) ? html`
+              <pd-form-row class="contact-form">
+                <pd-input
+                  id="phoneId"
+                  class="quarter3"
+                  label="${msg("Telefon", { id: "pd.contact.label.phone" })}"
+                  name="phone"
+                  valueName="phone1"
+                  value="${((_m = this.contact) == null ? void 0 : _m.phone1) || ""}"
+                  field-type="phone"
+                  autoCompleteName="tel"
+                  ?required="${this._isRequired(C_PHONE1)}"
+                ></pd-input>
+              </pd-form-row>
+            ` : ""}
+        ${this.inputFields.length === 0 || this._showInput(C_EMAIL) ? html`
+              <pd-form-row class="contact-form">
+                <pd-input
+                  id="mailId"
+                  class="quarter3"
+                  label="${msg("E-mail", { id: "pd.contact.label.email" })}"
+                  field-type="mail"
+                  valueName="email"
+                  value="${((_n = this.contact) == null ? void 0 : _n.email) || ""}"
+                  autoCompleteName="email"
+                  ?required="${this._isRequired(C_EMAIL)}"
+                ></pd-input>
+              </pd-form-row>
+            ` : ""}
+      </pd-form-container>
+    `;
+  }
+  _getRadioValue() {
+    if (this.contact) {
+      return this.contact.business ? "business" : "private";
+    }
+    return "private";
+  }
+  _renderViewContact() {
+    if (!this.contact) return html`<p>Contact undefined</p>`;
+    const trPhoneNr = transformPhone(
+      this.contact.phone1 || "",
+      this.contact.country || "be"
+    );
+    return html`
+      <address>
+        <dl>
+          <dt>${this.addressTitle}</dt>
+          <dd>${this.contact.companyName}</dd>
+          <dd>${this.contact.vatNr}</dd>
+          <dd>${this._getFullName()}</dd>
+          <dd>${this._getFullStreet()}</dd>
+          <dd>${this._getFullLocation()}</dd>
+          ${this.contact.additionalHint ? html`<dd>${this.contact.additionalHint}</dd>` : ""}
+          ${this.contact.propertyDate ? html`<dd>
+                ${msg(str`Baujahr: ${this.contact.propertyDate}`, {
+      id: "pd.contact.label.summary.propertyDate"
+    })}
+              </dd>` : ""}
+          <dd>${this.contact.country}</dd>
+
+          ${this.contact.phone1 ? html` <dd class="larger">
+                ${this.phoneMailLink && trPhoneNr ? html` <a
+                      href="tel:${trPhoneNr}"
+                      aria-label="Phone call: ${this.contact.phone1}"
+                      class="link-item"
+                    >
+                      <span style="margin-right: 8px;"
+                        >${this.contact.phone1}</span
+                      >
+                      <pd-icon
+                        activeIcon
+                        icon="phoneIcon"
+                        class="round link-icon"
+                      ></pd-icon>
+                    </a>` : this.contact.phone1}
+              </dd>` : ""}
+          ${this.contact.email ? html` <dd class="larger">
+                ${this.phoneMailLink ? html` <a
+                      href="mailto:${this.contact.email}"
+                      aria-label="Send mail: ${this.contact.email}"
+                      class="link-item"
+                    >
+                      <span style="margin-right: 8px;"
+                        >${this.contact.email}</span
+                      >
+                      <pd-icon
+                        activeIcon
+                        icon="mailIcon"
+                        class="round link-icon"
+                      ></pd-icon>
+                    </a>` : this.contact.email}
+              </dd>` : ""}
+          ${this.contact.btw ? html` <dt>BTW</dt>
+                <dd>${this.contact.btw}</dd>` : ""}
+          ${this.contact.kbc ? html` <dt>Bankgegevens</dt>
+                <dd>${this.contact.kbc}</dd>
+                <dd>${this.contact.bank}</dd>` : ""}
+        </dl>
+      </address>
+    `;
+  }
+  _switchAddressType(e) {
+    this._business = e.detail.name === "business";
+  }
+  _isRequired(field) {
+    return this.requiredFields.length > 0 ? this.requiredFields.includes(field) : false;
+  }
+  _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;
+      return (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(id)) == null ? void 0 : _b.value;
+    };
+    return {
+      business: this._business,
+      companyName: this._business ? getInput("compNameId") : void 0,
+      vatNr: this._business ? getInput("vatId") : void 0,
+      firstName: !this._business ? getInput("firstNameId") : void 0,
+      lastName: !this._business ? getInput("lastNameId") : void 0,
+      street: getInput("streetId"),
+      streetNr: getInput("streetNrId"),
+      additionalHint: getInput("additionalHintId"),
+      propertyDate: this.withPropertyDate ? getInput("propertyDateId") : void 0,
+      zip: getInput("zipId"),
+      city: getInput("cityId"),
+      phone1: getInput("phoneId"),
+      email: getInput("mailId")
+    };
+  }
+  _getFullName() {
+    var _a, _b;
+    return PdContact._getFullVal(
+      (_a = this.contact) == null ? void 0 : _a.firstName,
+      (_b = this.contact) == null ? void 0 : _b.lastName
+    );
+  }
+  _getFullStreet() {
+    var _a, _b;
+    return PdContact._getFullVal((_a = this.contact) == null ? void 0 : _a.street, (_b = this.contact) == null ? void 0 : _b.streetNr);
+  }
+  _getFullLocation() {
+    var _a, _b;
+    return PdContact._getFullVal((_a = this.contact) == null ? void 0 : _a.zip, (_b = this.contact) == null ? void 0 : _b.city);
+  }
+  static _getFullVal(val1, val2, fallback = "") {
+    return [val1, val2].filter(Boolean).join(" ") || fallback;
+  }
+};
+PdContact.styles = [
+  PdFontStyles,
+  // Check: Es fehlt wahrschein der andere color import, um die Komonente out-of the box zu machen?
+  css`
+      :host {
+        display: block;
+      }
+
+      .contact {
+        display: flex;
+        flex-direction: column;
+      }
+
+      address {
+        color: var(
+          --pd-contact-address-col,
+          var(--pd-default-font-content-col)
+        );
+        line-height: 1.8;
+        font-style: normal;
+      }
+
+      dl {
+        margin: 0;
+        padding: 0;
+      }
+
+      dt {
+        font-weight: bold;
+        padding-top: 10px;
+        color: var(
+          --pd-contact-address-title-col,
+          var(--pd-default-font-title-col)
+        );
+      }
+
+      dd {
+        font-weight: 400;
+        font-size: 1em;
+        margin: 0;
+        padding: 0;
+      }
+
+      dd.larger {
+        padding-top: 3px;
+        padding-bottom: 5px;
+      }
+
+      .contact-form {
+        --row-padding-top: 10px;
+      }
+
+      .link-icon {
+        --pd-icon-bg-col-active: #859900;
+        --pd-icon-bg-col-hover: #859900;
+        --pd-icon-size: 14px;
+        --pd-icon-stroke-col-active: white;
+        --pd-icon-col-active: white;
+      }
+
+      .link-item {
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        color: var(--pd-default-font-link-col, inherit);
+      }
+
+      .link-item:hover {
+        color: var(--pd-default-font-link-col-hover, #451a46);
+      }
+    `
+];
+__decorateClass([
+  property()
+], PdContact.prototype, "addressTitle", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdContact.prototype, "phoneMailLink", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdContact.prototype, "summary", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdContact.prototype, "withPropertyDate", 2);
+__decorateClass([
+  property({ type: Array })
+], PdContact.prototype, "requiredFields", 2);
+__decorateClass([
+  property({ type: Array })
+], PdContact.prototype, "inputFields", 2);
+__decorateClass([
+  property({ type: Object })
+], PdContact.prototype, "contact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdContact.prototype, "match", 2);
+__decorateClass([
+  state()
+], PdContact.prototype, "_business", 2);
+__decorateClass([
+  state()
+], PdContact.prototype, "_errorMap", 2);
+PdContact = __decorateClass([
+  customElement("pd-contact")
+], PdContact);
+export {
+  C_ADDITIONAL,
+  C_BTWNR,
+  C_CITY,
+  C_COMPANY,
+  C_EMAIL,
+  C_FIRSTNAME,
+  C_LASTNAME,
+  C_PHONE1,
+  C_PROPERTY_DATE,
+  C_STREET,
+  C_TYPE,
+  PdContact
+};

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

@@ -0,0 +1,16 @@
+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>;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const ContactForm: Story;
+export declare const ContactFormPropertyDate: Story;
+export declare const ContactFormWithInputFields1: Story;
+export declare const ContactFormWithInputFields2: Story;
+export declare const ContactPreparedForm: Story;
+export declare const ContactPreparedFormCompany: Story;
+export declare const ContactPreparedFormPropertyDate: Story;
+//# sourceMappingURL=contact-edit.stories.d.ts.map

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

@@ -0,0 +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;;;;CAWM,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"}

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    render: ({ summary, phoneMailLink, contact, withPropertyDate }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const ContactView: Story;
+export declare const ContactCompanyView: Story;
+export declare const ContactViewPropertyDate: Story;
+export declare const ContactViewPhone: Story;
+//# sourceMappingURL=contact-view.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contact-view.stories.d.ts","sourceRoot":"","sources":["../../src/stories/contact-view.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,kBAAkB,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;CAYM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA2BtB,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,34 @@
+export interface PdContactData {
+    business?: boolean;
+    companyName?: string;
+    vatNr?: string;
+    firstName?: string;
+    lastName?: string;
+    street?: string;
+    streetNr?: string;
+    zip?: string;
+    city?: string;
+    additionalHint?: string;
+    propertyDate?: string;
+    phone1?: string;
+    email?: string;
+    country?: string;
+    btw?: string;
+    kbc?: string;
+    bank?: string;
+}
+export interface PdContactMatch {
+    zip?: string;
+    [key: string]: string | undefined;
+}
+export interface PdContactFormOptions {
+    addressTitle?: string;
+    phoneMailLink?: boolean;
+    summary?: boolean;
+    withPropertyDate?: boolean;
+    requiredFields?: string[];
+    inputFields?: string[];
+    contact?: PdContactData;
+    match?: PdContactMatch;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB"}