@progressive-development/pd-contact 0.6.26 → 0.9.2

package/dist/pd-contact.js

@@ -1,560 +1,8 @@
-import { css, LitElement, html } from "lit";
-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";
-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";
-import { C_TYPE, C_COMPANY, C_BTWNR, C_FIRSTNAME, C_LASTNAME, C_STREET, C_CITY, C_ZIP, C_ADDITIONAL, C_PROPERTY_DATE, C_PHONE1, C_EMAIL } from "./types.js";
-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 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;
-  }
-  willUpdate(changedProps) {
-    if (changedProps.has("contact") && this.contact) {
-      this._business = this.contact.business ?? false;
-    }
-  }
-  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;
-    return html`
-      <pd-form-container id="contactContainerId" requiredFieldInfo autoTrimm>
-        ${this.inputFields.length === 0 || this._showInput(C_TYPE) ? html`
-              <pd-form-row>
-                <pd-radio-group
-                  id="contactTypeRadioId"
-                  class="quarter3"
-                  label="${msg("Typ", { id: "pd.contact.label.type" })}"
-                  required
-                  initValue="${this._getRadioValue()}"
-                  @pd-form-element-change="${this._switchAddressType}"
-                  style="--group-gap: 20px;"
-                >
-                  <pd-checkbox
-                    checkType="RADIO"
-                    initValue="${this.contact ? !this.contact.business : true}"
-                    valueName="private"
-                    >${msg("Privatperson", {
-      id: "pd.contact.check.private"
-    })}</pd-checkbox
-                  >
-                  <pd-checkbox
-                    checkType="RADIO"
-                    valueName="business"
-                    initValue="${this.contact ? this.contact.business || false : 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)}"
-                        initValue="${((_a = this.contact) == null ? void 0 : _a.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)}"
-                        fieldType="vat"
-                        valueName="vatNr"
-                        initValue="${((_b = this.contact) == null ? void 0 : _b.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"
-                        initValue="${((_c = this.contact) == null ? void 0 : _c.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"
-                        initValue="${((_d = this.contact) == null ? void 0 : _d.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"
-                  initValue="${((_e = this.contact) == null ? void 0 : _e.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"
-                  initValue="${((_f = this.contact) == null ? void 0 : _f.streetNr) || ""}"
-                  ?required="${this._isRequired(C_STREET)}"
-                ></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"
-                        initValue="${this.match.zip}"
-                      ></pd-input>
-                    ` : html`
-                      <pd-input
-                        id="zipId"
-                        class="quarter1"
-                        label="${msg("PLZ", { id: "pd.contact.label.zip" })}"
-                        fieldType="number"
-                        valueName="zip"
-                        initValue="${((_g = this.contact) == null ? void 0 : _g.zip) || ""}"
-                        autoCompleteName="postal-code"
-                        ?required="${this._isRequired(C_ZIP)}"
-                      ></pd-input>
-                    `}
-                <pd-input
-                  id="cityId"
-                  class="quarter2"
-                  label="${msg("Ort", { id: "pd.contact.label.city" })}"
-                  valueName="city"
-                  initValue="${((_h = this.contact) == null ? void 0 : _h.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"
-    })}"
-                  initValue="${((_i = this.contact) == null ? void 0 : _i.additionalHint) || ""}"
-                  valueName="additionalHint"
-                  ?required="${this._isRequired(C_ADDITIONAL)}"
-                ></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"
-    })}"
-                  initValue="${((_j = this.contact) == null ? void 0 : _j.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"
-                  initValue="${((_k = this.contact) == null ? void 0 : _k.phone1) || ""}"
-                  fieldType="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" })}"
-                  fieldType="mail"
-                  valueName="email"
-                  initValue="${((_l = this.contact) == null ? void 0 : _l.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>
-    `;
-  }
-  get valid() {
-    var _a;
-    return ((_a = this._contactForm) == null ? void 0 : _a.valid) === true;
-  }
-  async triggerValidate() {
-    var _a;
-    return (_a = this._contactForm) == null ? void 0 : _a.triggerValidate();
-  }
-  getValues() {
-    var _a;
-    const contactFormValues = (_a = this._contactForm) == null ? void 0 : _a.getValues().origin;
-    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);
-    if (e.detail.name === "contactTypeRadioId") {
-      this._business = e.detail.value === "business";
-    }
-    e.stopPropagation();
-  }
-  _isRequired(field) {
-    return this.requiredFields.length > 0 ? this.requiredFields.includes(field) : false;
-  }
-  _showInput(field) {
-    return this.inputFields.length > 0 ? this.inputFields.includes(field) : true;
-  }
-  _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,
-  PdColorStyles,
-  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)
-        );
-      }
+import { PdContact } from './pd-contact/PdContact.js';
 
-      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-col-active: white;
-      }
-
-      .link-item {
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        color: var(--pd-default-font-link-col, inherit);
-      }
+const tag = "pd-contact";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdContact);
+}
 
-      .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([
-  query("#contactContainerId")
-], PdContact.prototype, "_contactForm", 2);
-PdContact = __decorateClass([
-  customElement("pd-contact")
-], PdContact);
-export {
-  PdContact
-};
+export { PdContact };

package/dist/types.js

@@ -10,17 +10,5 @@ const C_ADDITIONAL = "additionalHint";
 const C_PROPERTY_DATE = "propertyDate";
 const C_PHONE1 = "phone1";
 const C_EMAIL = "email";
-export {
-  C_ADDITIONAL,
-  C_BTWNR,
-  C_CITY,
-  C_COMPANY,
-  C_EMAIL,
-  C_FIRSTNAME,
-  C_LASTNAME,
-  C_PHONE1,
-  C_PROPERTY_DATE,
-  C_STREET,
-  C_TYPE,
-  C_ZIP
-};
+
+export { C_ADDITIONAL, C_BTWNR, C_CITY, C_COMPANY, C_EMAIL, C_FIRSTNAME, C_LASTNAME, C_PHONE1, C_PROPERTY_DATE, C_STREET, C_TYPE, C_ZIP };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@progressive-development/pd-contact",
-  "version": "0.6.26",
+  "version": "0.9.2",
   "description": "Progressive Development Contact component",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
@@ -20,52 +21,13 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "analyze": "cem analyze --litelement --exclude dist,demo",
-    "start": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "clean": "rm -rf dist",
-    "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest --watch",
-    "check": "npm run lint && npm run build",
-    "prepublishOnly": "npm run clean && npm run check",
-    "localizeExtract": "lit-localize extract",
-    "localizeBuild": "lit-localize build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
   "dependencies": {
+    "lit": "^3.3.1",
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-forms": "^0.8.7",
-    "@progressive-development/pd-icon": "^0.7.6",
-    "@progressive-development/pd-shared-styles": "^0.2.5",
-    "lit": "^3.3.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@lit/localize-tools": "^0.6.10",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/test": "^8.6.14",
-    "@storybook/web-components": "^8.0.10",
-    "@storybook/web-components-vite": "^8.6.14",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.6.14",
-    "typescript": "^5.8.3",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^2.1.9"
+    "tslib": "^2.8.1",
+    "@progressive-development/pd-shared-styles": "0.3.0",
+    "@progressive-development/pd-icon": "0.9.2",
+    "@progressive-development/pd-forms": "0.9.2"
   },
   "customElements": "custom-elements.json",
   "keywords": [
@@ -75,5 +37,23 @@
     "contact",
     "form",
     "view"
-  ]
-}
+  ],
+  "scripts": {
+    "analyze": "cem analyze --litelement --exclude dist,demo",
+    "start": "vite",
+    "build": "pnpm run analyze && vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",
+    "lint": "eslint --ext .ts,.html src --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --check --ignore-path ../../../.eslintignore",
+    "lint:lit": "lit-analyzer",
+    "format": "eslint --ext .ts,.html src --fix --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --write --ignore-path ../../../.eslintignore",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest --watch",
+    "check": "pnpm run lint && pnpm run lint:lit && pnpm run build",
+    "localizeExtract": "lit-localize extract",
+    "localizeBuild": "lit-localize build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

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

@@ -1 +0,0 @@
-{"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,EAaL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAmCjB,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,CAsEpC;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"}