@progressive-development/pd-order 0.7.11 → 0.9.2

package/dist/generated/locales/be.d.ts

@@ -2,7 +2,8 @@ export declare const templates: {
     "pd.order.contacts.billingContact.inputHeader": string;
     "pd.order.contacts.orderContact.inputHeader": string;
     "pd.order.contacts.propertyContact.checkBox": string;
-    "pd.order.summary.agree.link": import('lit-html').TemplateResult<1>;
+    "pd.order.summary.agree.link1": string;
+    "pd.order.summary.agree.link2": string;
     "pd.order.summary.agree.required": string;
     "pd.order.summary.billing": string;
     "pd.order.summary.title": string;

package/dist/generated/locales/be.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/dist/generated/locales/de.d.ts

@@ -17,6 +17,7 @@ export declare const templates: {
     "pd.order.summary.title": string;
     "pd.order.summary.billing": string;
     "pd.order.summary.agree.required": string;
-    "pd.order.summary.agree.link": import('lit-html').TemplateResult<1>;
+    "pd.order.summary.agree.link1": string;
+    "pd.order.summary.agree.link2": string;
 };
 //# sourceMappingURL=de.d.ts.map

package/dist/generated/locales/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/dist/generated/locales/en.d.ts

@@ -2,7 +2,8 @@ export declare const templates: {
     "pd.order.contacts.billingContact.inputHeader": string;
     "pd.order.contacts.orderContact.inputHeader": string;
     "pd.order.contacts.propertyContact.checkBox": string;
-    "pd.order.summary.agree.link": import('lit-html').TemplateResult<1>;
+    "pd.order.summary.agree.link1": string;
+    "pd.order.summary.agree.link2": string;
     "pd.order.summary.agree.required": string;
     "pd.order.summary.billing": string;
     "pd.order.summary.title": string;

package/dist/generated/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { PdOrderContacts } from './pd-order-contacts.js';
-export { PdOrderSummary } from './pd-order-summary.js';
+export { PdOrderContacts } from './pd-order-contacts/pd-order-contacts.js';
+export { PdOrderSummary } from './pd-order-summary/pd-order-summary.js';
 export type { PdOrderContactData, PdOrderStep } from './types.js';
 export { templates as beTemplates } from './generated/locales/be.js';
 export { templates as deTemplates } from './generated/locales/de.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,12 +1,7 @@
-import { PdOrderContacts } from "./pd-order-contacts.js";
-import { PdOrderSummary } from "./pd-order-summary.js";
-import { templates } from "./locales/be.js";
-import { templates as templates2 } from "./locales/de.js";
-import { templates as templates3 } from "./locales/en.js";
-export {
-  PdOrderContacts,
-  PdOrderSummary,
-  templates as beTemplates,
-  templates2 as deTemplates,
-  templates3 as enTemplates
-};
+import './pd-order-contacts.js';
+import './pd-order-summary.js';
+export { templates as beTemplates } from './locales/be.js';
+export { templates as deTemplates } from './locales/de.js';
+export { templates as enTemplates } from './locales/en.js';
+export { PdOrderContacts } from './pd-order-contacts/PdOrderContacts.js';
+export { PdOrderSummary } from './pd-order-summary/PdOrderSummary.js';

package/dist/locales/be.js

@@ -1,10 +1,9 @@
-import { html } from "lit";
 const templates = {
   "pd.order.contacts.billingContact.inputHeader": `Facturatieadres`,
   "pd.order.contacts.orderContact.inputHeader": `Adres`,
   "pd.order.contacts.propertyContact.checkBox": `Is de klant een verhuurder?`,
-  "pd.order.summary.agree.link": html`Ga akkoord met onze
-    <a @click="${0}" @keypress="${1}">algemene voorwaarden</a>.`,
+  "pd.order.summary.agree.link1": `Ik aanvaard de`,
+  "pd.order.summary.agree.link2": `Algemene voorwaarden`,
   "pd.order.summary.agree.required": `Ga akkoord met de algemene voorwaarden om verder te gaan.`,
   "pd.order.summary.billing": `Factuur`,
   "pd.order.summary.title": `Overzicht`,
@@ -21,6 +20,5 @@ const templates = {
   se1b4ea2cbb1f9bb4: `Immobilie`,
   s3be4da85df39b1c2: `Verwaltung`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/de.js

@@ -1,4 +1,3 @@
-import { html } from "lit";
 const templates = {
   "pd.order.contacts.orderContact.inputHeader": `Adresse`,
   "pd.order.contacts.billingContact.inputHeader": `Rechnungsadresse (optional)`,
@@ -18,10 +17,8 @@ const templates = {
   "pd.order.summary.title": `Übersicht`,
   "pd.order.summary.billing": `Rechnung`,
   "pd.order.summary.agree.required": `Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu, um fortzufahren.`,
-  "pd.order.summary.agree.link": html`Stimmen Sie unseren
-    <a @click="${0}" @keypress="${1}">Allgemeinen Geschäftsbedingungen</a>
-    zu`
-};
-export {
-  templates
+  "pd.order.summary.agree.link1": `Ich akzeptiere die`,
+  "pd.order.summary.agree.link2": `Allgemeinen Geschäftsbedingungen`
 };
+
+export { templates };

package/dist/locales/en.js

@@ -1,10 +1,9 @@
-import { html } from "lit";
 const templates = {
   "pd.order.contacts.billingContact.inputHeader": `Billing Address`,
   "pd.order.contacts.orderContact.inputHeader": `Address`,
   "pd.order.contacts.propertyContact.checkBox": `Is the customer a landlord?`,
-  "pd.order.summary.agree.link": html`Agree to our
-    <a @click="${0}" @keypress="${1}">terms and conditions</a>.`,
+  "pd.order.summary.agree.link1": `I accept the`,
+  "pd.order.summary.agree.link2": `Terms and Conditions`,
   "pd.order.summary.agree.required": `Please agree to the terms and conditions to proceed.`,
   "pd.order.summary.billing": `Invoice`,
   "pd.order.summary.title": `Overview`,
@@ -21,6 +20,5 @@ const templates = {
   se1b4ea2cbb1f9bb4: `Immobilie`,
   s3be4da85df39b1c2: `Verwaltung`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/pd-order-contacts/PdOrderContacts.d.ts

@@ -0,0 +1,46 @@
+import { LitElement, CSSResultGroup, PropertyValues } from 'lit';
+import { PdContactData, PdContactMatch } from '@progressive-development/pd-contact';
+/**
+ * Renders and manages contact input sections for order processing.
+ * Supports optional billing address, property owner info and admin contact.
+ *
+ * @fires validate-form - Triggers validation of embedded contact components.
+ * @slot - General slot
+ * @tagname pd-order-contacts
+ */
+export declare class PdOrderContacts extends LitElement {
+    /** Zeigt die Komponente im Zusammenfassungsmodus (read-only) */
+    summary: boolean;
+    /** Überschriften für die einzelnen Kontaktsektionen */
+    contactTitle: Record<string, string>;
+    /** Liste erforderlicher Eingabefelder je Kontakt (z.B. ['street', 'zip']) */
+    requiredFields: string[];
+    /** Kontaktadresse des Auftraggebers */
+    orderContact?: PdContactData;
+    /** Optionale separate Rechnungsadresse */
+    billingContact?: PdContactData;
+    /** Optionale Verwaltungsadresse */
+    adminContact?: PdContactData;
+    /** Adresse der Immobilie, falls abweichend */
+    propertyContact?: PdContactData;
+    /** Aktiviert die Option zur separaten Rechnungsadresse */
+    withPayment: boolean;
+    /** Aktiviert die Option zur Verwaltung von Vermieterinformationen */
+    withPropertyOwner: boolean;
+    withPropertyDate: boolean;
+    /** Optionaler Match-Parameter zur Feldvalidierung oder Mapping-Zwecken */
+    match?: PdContactMatch;
+    private _ownBillingContact;
+    private _ownAdminContact;
+    private _isPropertyOwner;
+    static styles: CSSResultGroup;
+    update(changedProps: PropertyValues<this>): void;
+    protected render(): import('lit').TemplateResult<1>;
+    private _renderEditContacts;
+    private _renderSummary;
+    get valid(): boolean;
+    triggerValidate(): Promise<boolean>;
+    getValues(): any;
+    private _getCollapseMap;
+}
+//# sourceMappingURL=PdOrderContacts.d.ts.map

package/dist/pd-order-contacts/PdOrderContacts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdOrderContacts.d.ts","sourceRoot":"","sources":["../../src/pd-order-contacts/PdOrderContacts.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAIV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAIb,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AAIvD,OAAO,EAEL,aAAa,EACb,cAAc,EACf,MAAM,qCAAqC,CAAC;AAE7C;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,gEAAgE;IAEhE,OAAO,UAAS;IAEhB,uDAAuD;IAEvD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE1C,6EAA6E;IAE7E,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,uCAAuC;IAEvC,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,0CAA0C;IAE1C,cAAc,CAAC,EAAE,aAAa,CAAC;IAE/B,mCAAmC;IAEnC,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,8CAA8C;IAE9C,eAAe,CAAC,EAAE,aAAa,CAAC;IAEhC,0DAA0D;IAE1D,WAAW,UAAS;IAEpB,qEAAqE;IAErE,iBAAiB,UAAS;IAG1B,gBAAgB,UAAS;IAEzB,0EAA0E;IAE1E,KAAK,CAAC,EAAE,cAAc,CAAC;IAGvB,OAAO,CAAC,kBAAkB,CAAS;IAGnC,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,OAAgB,MAAM,EAAE,cAAc,CA+CpC;IAEO,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAazD,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,mBAAmB;IAiK3B,OAAO,CAAC,cAAc;IA+CtB,IAAI,KAAK,IAAI,OAAO,CASnB;IAEY,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAkCzC,SAAS;IAWhB,OAAO,CAAC,eAAe;CAoBxB"}

package/dist/pd-order-contacts/PdOrderContacts.js

@@ -0,0 +1,383 @@
+import { css, LitElement, nothing, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { localized, msg } from '@lit/localize';
+import '@progressive-development/pd-content/pd-collapse-group';
+import '@progressive-development/pd-content/pd-collapse';
+import '@progressive-development/pd-contact/pd-contact';
+import '@progressive-development/pd-forms/pd-checkbox';
+
+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;
+};
+let PdOrderContacts = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.summary = false;
+    this.contactTitle = {};
+    this.requiredFields = [];
+    this.withPayment = false;
+    this.withPropertyOwner = false;
+    this.withPropertyDate = false;
+    this._ownBillingContact = false;
+    this._ownAdminContact = false;
+    this._isPropertyOwner = false;
+  }
+  update(changedProps) {
+    if (changedProps.has("billingContact")) {
+      this._ownBillingContact = !!this.billingContact;
+    }
+    if (changedProps.has("adminContact")) {
+      this._ownAdminContact = !!this.adminContact;
+    }
+    if (changedProps.has("propertyContact")) {
+      this._isPropertyOwner = !!this.propertyContact;
+    }
+    super.update(changedProps);
+  }
+  render() {
+    return this.summary ? this._renderSummary() : this._renderEditContacts();
+  }
+  _renderEditContacts() {
+    return html`
+      <pd-collapse-group>
+        <pd-collapse id="orderContactCollapseId">
+          <div slot="header">
+            ${this.contactTitle.orderInputContact ?? msg("Adresse", {
+      id: "pd.order.contacts.orderContact.inputHeader"
+    })}
+          </div>
+          <pd-contact
+            id="orderContactId"
+            class="collapse-contact"
+            slot="content"
+            .requiredFields="${this.requiredFields}"
+            .contact="${this.orderContact}"
+            .match="${this.match}"
+            ?withPropertyDate="${!this._isPropertyOwner && this.withPropertyDate}"
+          ></pd-contact>
+        </pd-collapse>
+
+        ${this.withPayment ? html`
+              <pd-collapse id="billingContactCollapseId">
+                <div slot="header">
+                  ${this.contactTitle.billingInputContact ?? msg("Rechnungsadresse (optional)", {
+      id: "pd.order.contacts.billingContact.inputHeader"
+    })}
+                </div>
+                <div slot="content">
+                  ${this._ownBillingContact ? html`
+                        <p>
+                          <a @click="${() => this._ownBillingContact = false}"
+                            >${msg(
+      "Kundenadresse als Rechnungsadresse verwenden"
+    )}</a
+                          >
+                        </p>
+                        <pd-contact
+                          id="billingContactId"
+                          class="collapse-contact"
+                          .requiredFields="${this.requiredFields}"
+                          .contact="${this.billingContact}"
+                        ></pd-contact>
+                      ` : html`
+                        <p>
+                          ${msg(
+      "Rechnungsadresse entspricht der Kundenadresse."
+    )}
+                        </p>
+                        <p>
+                          <a @click=${() => this._ownBillingContact = true}
+                            >${msg("Neue Rechnungsadresse hinzufügen")}</a
+                          >
+                        </p>
+                      `}
+                </div>
+              </pd-collapse>
+            ` : nothing}
+        ${this.withPropertyOwner ? html`
+              <div class="property-owner-box">
+                <pd-checkbox
+                  id="isPropertyOwnerId"
+                  initValue="${this._isPropertyOwner}"
+                  @pd-form-element-change="${(e) => {
+      this._isPropertyOwner = e.detail.value === "true";
+    }}"
+                >
+                  ${msg("Ist der Kunde Vermieter?", {
+      id: "pd.order.contacts.propertyContact.checkBox"
+    })}
+                </pd-checkbox>
+
+                ${this._isPropertyOwner ? html`
+                      <pd-collapse
+                        id="propertyContactCollapseId"
+                        style="padding-top: 20px;"
+                      >
+                        <div slot="header">
+                          ${this.contactTitle.propertyInputContact ?? msg("Adresse der Immobilie")}
+                        </div>
+                        <div slot="content">
+                          <pd-contact
+                            id="propertyContactId"
+                            class="collapse-contact"
+                            .requiredFields="${[
+      "street",
+      "streetNr",
+      "zip",
+      "city"
+    ]}"
+                            .inputFields="${[
+      "street",
+      "city",
+      "additionalHint"
+    ]}"
+                            .contact="${this.propertyContact}"
+                            ?withPropertyDate="${this.withPropertyDate}"
+                          ></pd-contact>
+                        </div>
+                      </pd-collapse>
+
+                      <pd-collapse id="adminContactCollapseId">
+                        <div slot="header">
+                          ${this.contactTitle.adminInputContact ?? msg("Adresse der Verwaltung (optional)")}
+                        </div>
+                        <div slot="content">
+                          ${this._ownAdminContact ? html`
+                                <p>
+                                  <a
+                                    @click="${() => this._ownAdminContact = false}"
+                                    >${msg(
+      "Kundenadresse als Verwaltungsadresse verwenden"
+    )}</a
+                                  >
+                                </p>
+                                <pd-contact
+                                  id="adminContactId"
+                                  class="collapse-contact"
+                                  .requiredFields="${this.requiredFields}"
+                                  .contact="${this.adminContact}"
+                                ></pd-contact>
+                              ` : html`
+                                <p>
+                                  ${msg(
+      "Verwaltungsadresse entspricht der Kundenadresse."
+    )}
+                                </p>
+                                <p>
+                                  <a
+                                    @click="${() => this._ownAdminContact = true}"
+                                    >${msg(
+      "Neue Verwaltungsadresse hinzufügen"
+    )}</a
+                                  >
+                                </p>
+                              `}
+                        </div>
+                      </pd-collapse>
+                    ` : nothing}
+              </div>
+            ` : nothing}
+      </pd-collapse-group>
+    `;
+  }
+  _renderSummary() {
+    return html`
+      <div class="summary-box">
+        ${this.orderContact ? html`
+              <pd-contact
+                addressTitle="${this.contactTitle.orderSummaryContact ?? msg("Adresse")}"
+                .contact="${this.orderContact}"
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.billingContact ? html`
+              <pd-contact
+                addressTitle="${this.contactTitle.billingSummaryContact ?? msg("Rechnungsadresse")}"
+                .contact="${this.billingContact}"
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.propertyContact ? html`
+              <pd-contact
+                addressTitle="${this.contactTitle.propertySummaryContact ?? msg("Immobilie")}"
+                .contact="${this.propertyContact}"
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.adminContact ? html`
+              <pd-contact
+                addressTitle="${this.contactTitle.adminSummaryContact ?? msg("Verwaltung")}"
+                .contact="${this.adminContact}"
+                summary
+              ></pd-contact>
+            ` : nothing}
+      </div>
+    `;
+  }
+  get valid() {
+    for (const { id, condition = true } of this._getCollapseMap()) {
+      if (!condition) continue;
+      const element = this.shadowRoot?.getElementById(id);
+      if (!element?.valid) {
+        return false;
+      }
+    }
+    return true;
+  }
+  async triggerValidate() {
+    let firstInvalidCollapseId = null;
+    const collapseMap = this._getCollapseMap();
+    console.log("Map: ", collapseMap);
+    for (const { id, collapse, condition = true } of collapseMap) {
+      if (!condition) continue;
+      const element = this.shadowRoot?.getElementById(id);
+      if (!element) continue;
+      const result = await element.triggerValidate();
+      console.log("PdContact triggerValidate: ", result);
+      if (!result && !firstInvalidCollapseId) {
+        firstInvalidCollapseId = collapse;
+      }
+    }
+    if (firstInvalidCollapseId) {
+      console.log("PdContact open failed: ", firstInvalidCollapseId);
+      const collapseEl = this.shadowRoot?.getElementById(
+        firstInvalidCollapseId
+      );
+      if (collapseEl) {
+        collapseEl.active = true;
+      }
+      return false;
+    }
+    return true;
+  }
+  getValues() {
+    const contactValues = {};
+    for (const { id, condition = true } of this._getCollapseMap()) {
+      if (!condition) continue;
+      contactValues[id] = this.shadowRoot?.getElementById(id)?.getValues();
+    }
+    return contactValues;
+  }
+  _getCollapseMap() {
+    return [
+      { id: "orderContactId", collapse: "orderContactCollapseId" },
+      {
+        id: "billingContactId",
+        collapse: "billingContactCollapseId",
+        condition: this._ownBillingContact
+      },
+      {
+        id: "propertyContactId",
+        collapse: "propertyContactCollapseId",
+        condition: this._isPropertyOwner
+      },
+      {
+        id: "adminContactId",
+        collapse: "adminContactCollapseId",
+        condition: this._isPropertyOwner && this._ownAdminContact
+      }
+    ];
+  }
+};
+PdOrderContacts.styles = [
+  css`
+      :host {
+        display: block;
+      }
+
+      p {
+        color: var(--pd-default-font-content-col);
+        font-size: var(--pd-default-font-content-size);
+        font-family: var(--pd-default-font-content-family);
+        max-width: 1000px;
+      }
+
+      a {
+        cursor: pointer;
+        font-family: var(--pd-default-font-link-family);
+        font-size: var(--pd-default-font-link-size);
+        color: var(--pd-default-font-link-col);
+      }
+
+      a:hover {
+        color: var(--pd-default-font-link-col-hover);
+      }
+
+      .collapse-contact {
+        padding: 10px;
+      }
+
+      .summary-box {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+      }
+
+      .summary-box pd-contact {
+        min-width: 150px;
+      }
+
+      .property-owner-box {
+        border: 2px solid #007b8f;
+        border-radius: 8px;
+        padding: 16px;
+        margin: 16px 0;
+        background-color: #f8fafb;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      }
+    `
+];
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "summary", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "contactTitle", 2);
+__decorateClass([
+  property({ type: Array })
+], PdOrderContacts.prototype, "requiredFields", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "orderContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "billingContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "adminContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "propertyContact", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPayment", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPropertyOwner", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPropertyDate", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "match", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_ownBillingContact", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_ownAdminContact", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_isPropertyOwner", 2);
+PdOrderContacts = __decorateClass([
+  localized()
+], PdOrderContacts);
+
+export { PdOrderContacts };

package/dist/pd-order-contacts/pd-order-contacts.d.ts

@@ -0,0 +1,3 @@
+import { PdOrderContacts } from './PdOrderContacts.js';
+export { PdOrderContacts };
+//# sourceMappingURL=pd-order-contacts.d.ts.map

package/dist/pd-order-contacts/pd-order-contacts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-order-contacts.d.ts","sourceRoot":"","sources":["../../src/pd-order-contacts/pd-order-contacts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOvD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/{stories → pd-order-contacts}/pd-order-contacts.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryFn } from '@storybook/web-components';
-import { PdOrderContacts } from '../pd-order-contacts';
+import { PdOrderContacts } from './pd-order-contacts';
 declare const _default: Meta<PdOrderContacts>;
 export default _default;
 export declare const Default: StoryFn<PdOrderContacts>;

package/dist/pd-order-contacts/pd-order-contacts.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-order-contacts.stories.d.ts","sourceRoot":"","sources":["../../src/pd-order-contacts/pd-order-contacts.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,qBAAqB,CAAC;wBAMxB,IAAI,CAAC,eAAe,CAAC;AAJ1B,wBAI2B;AA8E3B,eAAO,MAAM,OAAO,0BAAoB,CAAC;AAKzC,eAAO,MAAM,gBAAgB,0BAAoB,CAAC;AAMlD,eAAO,MAAM,cAAc,0BAAoB,CAAC;AAiBhD,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,0BAAoB,CAAC;AAOrD,eAAO,MAAM,4BAA4B,0BAAoB,CAAC;AAQ9D,eAAO,MAAM,QAAQ,0BAAoB,CAAC;AAM1C,eAAO,MAAM,eAAe,0BAAoB,CAAC;AAOjD,eAAO,MAAM,uBAAuB,0BAAoB,CAAC;AASzD,eAAO,MAAM,MAAM,0BAAoB,CAAC;AAQxC,eAAO,MAAM,eAAe,0BAAoB,CAAC;AAWjD,eAAO,MAAM,sBAAsB,0BAAoB,CAAC"}

package/dist/pd-order-contacts.d.ts

@@ -1,45 +1,2 @@
-import { LitElement, CSSResultGroup, PropertyValues } from 'lit';
-import { PdContactData, PdContactMatch } from '@progressive-development/pd-contact';
-/**
- * Renders and manages contact input sections for order processing.
- * Supports optional billing address, property owner info and admin contact.
- *
- * @fires validate-form - Triggers validation of embedded contact components.
- * @slot - General slot
- */
-export declare class PdOrderContacts extends LitElement {
-    /** Zeigt die Komponente im Zusammenfassungsmodus (read-only) */
-    summary: boolean;
-    /** Überschriften für die einzelnen Kontaktsektionen */
-    contactTitle: Record<string, string>;
-    /** Liste erforderlicher Eingabefelder je Kontakt (z.B. ['street', 'zip']) */
-    requiredFields: string[];
-    /** Kontaktadresse des Auftraggebers */
-    orderContact?: PdContactData;
-    /** Optionale separate Rechnungsadresse */
-    billingContact?: PdContactData;
-    /** Optionale Verwaltungsadresse */
-    adminContact?: PdContactData;
-    /** Adresse der Immobilie, falls abweichend */
-    propertyContact?: PdContactData;
-    /** Aktiviert die Option zur separaten Rechnungsadresse */
-    withPayment: boolean;
-    /** Aktiviert die Option zur Verwaltung von Vermieterinformationen */
-    withPropertyOwner: boolean;
-    withPropertyDate: boolean;
-    /** Optionaler Match-Parameter zur Feldvalidierung oder Mapping-Zwecken */
-    match?: PdContactMatch;
-    private _ownBillingContact;
-    private _ownAdminContact;
-    private _isPropertyOwner;
-    static styles: CSSResultGroup;
-    update(changedProps: PropertyValues<this>): void;
-    protected render(): import('lit-html').TemplateResult<1>;
-    private _renderEditContacts;
-    private _renderSummary;
-    get valid(): boolean;
-    triggerValidate(): Promise<boolean>;
-    getValues(): any;
-    private _getCollapseMap;
-}
-//# sourceMappingURL=pd-order-contacts.d.ts.map
+export * from './pd-order-contacts/pd-order-contacts'
+export {}