@progressive-development/pd-order 0.7.10 → 0.9.2

package/dist/pd-order-contacts.js

@@ -1,389 +1,8 @@
-import { css, LitElement, nothing, html } from "lit";
-import { property, state, customElement } 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";
-import { PdFontStyles } from "@progressive-development/pd-shared-styles";
-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>
+import { PdOrderContacts } from './pd-order-contacts/PdOrderContacts.js';
 
-        ${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>
+const tag = "pd-order-contacts";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdOrderContacts);
+}
 
-                ${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() {
-    var _a;
-    for (const { id, collapse, condition = true } of this._getCollapseMap()) {
-      if (!condition) continue;
-      const element = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(id);
-      if (!(element == null ? void 0 : element.valid)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  async triggerValidate() {
-    var _a, _b;
-    let firstInvalidCollapseId = null;
-    const collapseMap = this._getCollapseMap();
-    console.log("Map: ", collapseMap);
-    for (const { id, collapse, condition = true } of collapseMap) {
-      if (!condition) continue;
-      const element = (_a = this.shadowRoot) == null ? void 0 : _a.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 = (_b = this.shadowRoot) == null ? void 0 : _b.getElementById(
-        firstInvalidCollapseId
-      );
-      if (collapseEl) {
-        collapseEl.active = true;
-      }
-      return false;
-    }
-    return true;
-  }
-  getValues() {
-    var _a, _b;
-    const contactValues = {};
-    for (const { id, collapse, condition = true } of this._getCollapseMap()) {
-      if (!condition) continue;
-      contactValues[id] = (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(id)) == null ? void 0 : _b.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 = [
-  PdFontStyles,
-  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([
-  customElement("pd-order-contacts"),
-  localized()
-], PdOrderContacts);
-export {
-  PdOrderContacts
-};
+export { PdOrderContacts };

package/dist/pd-order-summary/PdOrderSummary.d.ts

@@ -0,0 +1,39 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import { PdOrderStep } from '../types.js';
+/**
+ * Komponente zur Darstellung der Bestellübersicht
+ *
+ * @fires go-to - Wird ausgelöst, wenn der Benutzer "edit-content" aktiviert
+ * @slot legal - Slot für die AGB-Inhalte
+ * @tagname pd-order-summary
+ */
+export declare class PdOrderSummary extends LitElement {
+    /**
+     * Die Liste der Bestellschritte (z.B. Buchung, Kontaktdaten, etc.),
+     * wie sie in der Zusammenfassung gerendert werden.
+     */
+    orderSteps: PdOrderStep[];
+    /**
+     * Gibt an, ob ein Zahlungsabschnitt mit Preisdetails angezeigt werden soll.
+     */
+    withPayment: boolean;
+    /**
+     * Gibt an, ob eine Checkbox zur Zustimmung zu den AGB angezeigt und validiert werden soll.
+     */
+    withAgreement: boolean;
+    /**
+     * Die vollständigen Bestelldaten inklusive Postleitzahl, Kontakten und Preisinformationen.
+     */
+    order?: any;
+    private _agreeForm;
+    static styles: CSSResultGroup;
+    firstUpdated(): void;
+    render(): TemplateResult<1>;
+    get valid(): boolean;
+    triggerValidate(): Promise<boolean>;
+    protected _mapOrderStepSummary(step: PdOrderStep, index: number): TemplateResult;
+    protected _renderCustomOrderStepSummary(step: PdOrderStep, index: number): TemplateResult | null;
+    protected _getContactsSummary(index: number, step: PdOrderStep): TemplateResult<1>;
+    private _openTermsAndConditions;
+}
+//# sourceMappingURL=PdOrderSummary.d.ts.map

package/dist/pd-order-summary/PdOrderSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdOrderSummary.d.ts","sourceRoot":"","sources":["../../src/pd-order-summary/PdOrderSummary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5E,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,+CAA+C,CAAC;AAEvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AACrD,OAAO,qDAAqD,CAAC;AAE7D,OAAO,EAAsB,WAAW,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,2CAA2C,CAAC;AAGnD;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C;;;OAGG;IAEH,UAAU,EAAE,WAAW,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,KAAK,CAAC,EAAE,GAAG,CAAC;IAGZ,OAAO,CAAC,UAAU,CAAmB;IAErC,OAAgB,MAAM,EAAE,cAAc,CAmDpC;IAEO,YAAY,IAAI,IAAI;IAYpB,MAAM;IA0Df,IAAI,KAAK,YAER;IAEY,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IA6BhD,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACZ,cAAc;IAkBjB,SAAS,CAAC,6BAA6B,CACrC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACZ,cAAc,GAAG,IAAI;IAUxB,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW;IAoB9D,OAAO,CAAC,uBAAuB;CAOhC"}

package/dist/pd-order-summary/PdOrderSummary.js

@@ -0,0 +1,242 @@
+import { css, LitElement, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { localized, msg } from '@lit/localize';
+import '@progressive-development/pd-forms/pd-form-container';
+import '@progressive-development/pd-forms/pd-form-row';
+import '@progressive-development/pd-forms/pd-checkbox';
+import '@progressive-development/pd-price/pd-pricetable';
+import '@progressive-development/pd-dialog/pd-popup';
+import '@progressive-development/pd-content/pd-edit-content';
+import '../pd-order-contacts.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;
+};
+let PdOrderSummary = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.orderSteps = [];
+    this.withPayment = false;
+    this.withAgreement = false;
+  }
+  firstUpdated() {
+    this.addEventListener("edit-content", (e) => {
+      this.dispatchEvent(
+        new CustomEvent("go-to", {
+          detail: { step: e.detail.step },
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+  }
+  render() {
+    if (!this.order) return html`<p>No order is set</p>`;
+    return html`
+      <h3>${msg("Übersicht", { id: "pd.order.summary.title" })}</h3>
+      <div class="edit-summary-container">
+        ${this.orderSteps.map(
+      (step, index) => this._mapOrderStepSummary(step, index)
+    )}
+      </div>
+
+      ${this.order.priceData ? html`
+            <div class="payment">
+              <h3>${msg("Rechnung", { id: "pd.order.summary.billing" })}</h3>
+              <pd-pricetable
+                class="pricetable"
+                .priceData="${this.order.priceData}"
+              ></pd-pricetable>
+            </div>
+          ` : ""}
+      ${this.withAgreement ? html`
+            <pd-form-container id="submitSummaryFormId">
+              <pd-form-row>
+                <pd-checkbox
+                  id="agreeConditionsId"
+                  valueName="agreeId"
+                  class="agree-box"
+                  required
+                  requiredMsg="${msg(
+      "Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu, um fortzufahren.",
+      { id: "pd.order.summary.agree.required" }
+    )}"
+                >
+                  ${msg("Ich akzeptiere die", {
+      id: "pd.order.summary.agree.link1"
+    })}
+                  <a
+                    @click="${this._openTermsAndConditions}"
+                    @keypress="${this._openTermsAndConditions}"
+                    >${msg("Allgemeinen Geschäftsbedingungen", {
+      id: "pd.order.summary.agree.link2"
+    })}</a
+                  >
+                </pd-checkbox>
+              </pd-form-row>
+            </pd-form-container>
+
+            <pd-popup id="agreePopupId">
+              <div slot="content"><slot name="legal"></slot></div>
+            </pd-popup>
+          ` : ""}
+    `;
+  }
+  get valid() {
+    return !this.withAgreement || this._agreeForm?.valid === true;
+  }
+  async triggerValidate() {
+    return this._agreeForm?.triggerValidate();
+  }
+  /*
+    For Booking:
+    case "zip":
+    case "booking":
+      return this._getBookingSummary(index + 1, step);
+  
+    private _getBookingSummary(index: number, step: PdOrderStep) {
+      const date = this.order?.selectedDate
+        ? format(this.order.selectedDate, "DD/MM/YYYY")
+        : undefined;
+      const bookingData = [{ name: "Postcode:", val: this.order?.zip }];
+      if (date) {
+        bookingData.push({ name: "Datum van herstelling:", val: date });
+      }
+  
+      return html`
+        <pd-edit-content
+          contentTitle="${step.name}"
+          stepNumber="${index}"
+          .data="${bookingData}"
+        ></pd-edit-content>
+      `;
+    }
+    */
+  _mapOrderStepSummary(step, index) {
+    const custom = this._renderCustomOrderStepSummary(step, index);
+    if (custom) {
+      return custom;
+    }
+    return html`
+      <pd-edit-content
+        contentTitle="${step.name}"
+        stepNumber="${index + 1}"
+        .data="${step.data}"
+      >
+        <slot name="${step.key}"></slot>
+      </pd-edit-content>
+    `;
+  }
+  _renderCustomOrderStepSummary(step, index) {
+    switch (step.key) {
+      case "contacts":
+        return this._getContactsSummary(index + 1, step);
+      default:
+        return null;
+    }
+  }
+  // ?editDisabled="${this.order?.withLogin}" => Alter code, von ticomi-web
+  _getContactsSummary(index, step) {
+    const contactData = this.order?.contacts;
+    return html`
+      <pd-edit-content contentTitle="${step.name}" stepNumber="${index}">
+        ${contactData ? html`
+              <pd-order-contacts
+                ?withPayment="${this.withPayment}"
+                .orderContact="${contactData.orderContact}"
+                .billingContact="${contactData.billingContact}"
+                .adminContact="${contactData.adminContact}"
+                .propertyContact="${contactData.propertyContact}"
+                summary
+              ></pd-order-contacts>
+            ` : ""}
+      </pd-edit-content>
+    `;
+  }
+  _openTermsAndConditions(e) {
+    e.stopPropagation();
+    const popup = this.shadowRoot?.getElementById(
+      "agreePopupId"
+    );
+    popup?.showPopup();
+  }
+};
+PdOrderSummary.styles = [
+  css`
+      :host {
+        display: block;
+      }
+      h3 {
+        color: var(--pd-default-font-title-col);
+        font-family: var(--pd-default-font-title-family);
+        font-size: 1.5em;
+      }
+      .edit-summary-container {
+        display: flex;
+        flex-flow: column;
+        flex-wrap: wrap;
+        gap: 1em;
+      }
+      .payment {
+        margin-top: 30px;
+        padding: 5px;
+        background-color: var(
+          --pd-order-summary-payment-bg-col,
+          var(--pd-default-light-col)
+        );
+      }
+      .pay-logo-box {
+        display: flex;
+      }
+      .pay-logo {
+        max-width: 6rem;
+      }
+      .pricetable {
+        padding-top: 20px;
+      }
+      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);
+      }
+      .agree-box {
+        padding-top: 20px;
+      }
+      @media (max-width: 380px) {
+        .pay-logo {
+          max-width: 5rem;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Array })
+], PdOrderSummary.prototype, "orderSteps", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderSummary.prototype, "withPayment", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderSummary.prototype, "withAgreement", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderSummary.prototype, "order", 2);
+__decorateClass([
+  query("#submitSummaryFormId")
+], PdOrderSummary.prototype, "_agreeForm", 2);
+PdOrderSummary = __decorateClass([
+  localized()
+], PdOrderSummary);
+
+export { PdOrderSummary };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { Meta, StoryFn } from '@storybook/web-components';
-import { TestSummary } from './test-impl/test-summary.js';
+import { TestSummary } from '../stories/test-impl/test-summary.js';
 declare const _default: Meta<TestSummary>;
 export default _default;
 export declare const OrderSummary: StoryFn<TestSummary & {