@progressive-development/pd-spa-helper 0.8.10-a → 0.8.10-b

package/dist/defaultpage/default-confirm-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-confirm-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAE5D,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,8BAAsB,mBAAoB,SAAQ,UAAU;IAC1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAGhC,YAAY,EAAE,MAAM,CAAQ;IAG5B,gBAAgB,EAAE,MAAM,CAAY;IAEpC,MAAM,CAAC,MAAM,EAaR,cAAc,CAAC;IAEpB,MAAM;IAcN,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAQ3C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}
+{"version":3,"file":"default-confirm-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAE5D,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,8BAAsB,mBAAoB,SAAQ,UAAU;IAC1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAGhC,YAAY,EAAE,MAAM,CAAQ;IAG5B,gBAAgB,EAAE,MAAM,CAAY;IAEpC,MAAM,CAAC,MAAM,EAMR,cAAc,CAAC;IAEpB,MAAM;IAcN,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAQ3C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}

package/dist/defaultpage/default-confirm-popup.js

@@ -29,7 +29,7 @@ const _DefaultConfirmPopup = class _DefaultConfirmPopup extends LitElement {
         .buttons="${buttons}"
         type="${this._type || "info"}"
       >
-        ${this._renderContent()}
+        <div slot="content">${this._renderContent()}</div>
       </pd-popup-dialog>
     `;
   }
@@ -54,13 +54,6 @@ _DefaultConfirmPopup.styles = [
   css`
       :host {
         --pd-popup-max-width: 600px;
-        --pd-popup-header-height: 50px;
-        --pd-popup-header-font-size: 1em;
-        --pd-popup-header-col: var(--app-primary-dark-col);
-
-        --pd-button-width: var(--pd-confirm-popup-button-width, 120px);
-        --pd-button-height: 35px;
-        --pd-button-font-size: 0.8rem;
       }
     `
 ];

package/dist/defaultpage/default-dialog-popup.d.ts

@@ -1,16 +1,18 @@
 import { LitElement, CSSResultGroup, HTMLTemplateResult } from 'lit';
 export declare abstract class DefaultDialogPopup<T> extends LitElement {
-    protected _dialogButtons: Array<any>;
-    protected _validationError?: string;
     protected _requiredFieldInfo: boolean;
     abstract _formData: T;
     abstract _popupTitle: string;
+    protected _dialogButtons: Array<any>;
+    protected _validationError?: string;
+    protected _validForm: boolean;
+    private _formElement;
     static styles: CSSResultGroup;
     render(): import('lit-html').TemplateResult<1>;
+    private _generateButtons;
     protected _handleButtonClick(e: CustomEvent): void;
-    protected _checkFormData(): void;
-    protected _triggerValidateForm(): void;
     abstract _isValidFormData(): boolean;
     abstract _renderContent(): HTMLTemplateResult;
+    private _disableStoreButtonTemporarily;
 }
 //# sourceMappingURL=default-dialog-popup.d.ts.map

package/dist/defaultpage/default-dialog-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-dialog-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-dialog-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAS7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU;IAE5D,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAGlC;IAGF,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAQ;IAE7C,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAEtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,MAAM,CAAC,MAAM,EAaR,cAAc,CAAC;IAEpB,MAAM;IAoBN,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAmB3C,SAAS,CAAC,cAAc;IAUxB,SAAS,CAAC,oBAAoB;IAa9B,QAAQ,CAAC,gBAAgB,IAAI,OAAO;IAEpC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}
+{"version":3,"file":"default-dialog-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-dialog-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,cAAc,EACd,kBAAkB,EAEnB,MAAM,KAAK,CAAC;AAKb,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAW7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU;IAC5D,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAQ;IAE7C,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAEtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAI7B,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAGlC;IAGF,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAGpC,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IAGtC,OAAO,CAAC,YAAY,CAAmB;IAEvC,MAAM,CAAC,MAAM,EAMR,cAAc,CAAC;IAEpB,MAAM;IAyBN,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAa3C,QAAQ,CAAC,gBAAgB,IAAI,OAAO;IAEpC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;IAE7C,OAAO,CAAC,8BAA8B;CAQvC"}

package/dist/defaultpage/default-dialog-popup.js

@@ -1,5 +1,5 @@
 import { LitElement, css, html } from "lit";
-import { property } from "lit/decorators.js";
+import { state, query } from "lit/decorators.js";
 import "@progressive-development/pd-dialog/pd-popup-dialog";
 import "@progressive-development/pd-forms/pd-form-container";
 import { KEY_ABORT, KEY_STORE, STORE_EVENT_NAME, ABORT_EVENT_NAME } from "./default-confirm-popup.js";
@@ -12,91 +12,88 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const DISABLED_TIMEOUT = 8e3;
 const _DefaultDialogPopup = class _DefaultDialogPopup extends LitElement {
   constructor() {
     super(...arguments);
+    this._requiredFieldInfo = true;
     this._dialogButtons = [
       { key: KEY_ABORT, name: "Cancel" },
       { key: KEY_STORE, name: "Save", disabled: true, primary: true }
     ];
-    this._requiredFieldInfo = true;
+    this._validForm = false;
   }
   render() {
+    const buttons = this._generateButtons();
     return html`
       <pd-popup-dialog
         @submit-button-clicked="${this._handleButtonClick}"
         title="${this._popupTitle}"
-        .buttons="${this._dialogButtons}"
+        .buttons="${buttons}"
       >
         <pd-form-container
           slot="content"
           id="formContainerId"
           ?requiredFieldInfo="${this._requiredFieldInfo}"
           commonError="${this._validationError || ""}"
-          @field-change="${this._checkFormData}"
+          @pd-form-change="${(e) => {
+      this._validForm = e.detail.overallValidity && this._isValidFormData();
+      e.stopPropagation();
+    }}"
         >
           ${this._renderContent()}
         </pd-form-container>
       </pd-popup-dialog>
     `;
   }
+  _generateButtons() {
+    return [
+      this._dialogButtons[0],
+      {
+        ...this._dialogButtons[1],
+        disabled: !this._validForm
+      }
+    ];
+  }
   _handleButtonClick(e) {
     let newEvent;
-    if (e.detail.button === KEY_STORE && this._isValidFormData()) {
-      this._dialogButtons = [
-        this._dialogButtons[0],
-        {
-          ...this._dialogButtons[1],
-          disabled: true
-        }
-      ];
+    if (e.detail.button === KEY_STORE && this._validForm) {
       newEvent = new CustomEvent(STORE_EVENT_NAME, {
-        detail: this._formData
+        detail: this._formElement.getValues()
       });
+      this._disableStoreButtonTemporarily();
     } else {
       newEvent = new CustomEvent(ABORT_EVENT_NAME);
     }
     this.dispatchEvent(newEvent);
   }
-  _checkFormData() {
-    this._dialogButtons = [
-      this._dialogButtons[0],
-      {
-        ...this._dialogButtons[1],
-        disabled: !this._isValidFormData()
-      }
-    ];
-  }
-  _triggerValidateForm() {
-    var _a, _b;
-    const detail = {
-      errorMap: /* @__PURE__ */ new Map()
-    };
-    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("formContainerId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
-    this._dialogButtons[1].disabled = this._isValidFormData();
+  _disableStoreButtonTemporarily() {
+    this._validForm = false;
+    window.setTimeout(() => {
+      this._validForm = true;
+    }, DISABLED_TIMEOUT);
   }
 };
 _DefaultDialogPopup.styles = [
   css`
       :host {
-        --pd-popup-max-width: 800px;
-        --pd-popup-header-height: 50px;
-        --pd-popup-header-font-size: 1em;
-        --pd-popup-header-col: var(--app-primary-dark-col);
-
-        --pd-button-width: var(--pd-dialog-popup-button-width, 100px);
-        --pd-button-height: 35px;
-        --pd-button-font-size: 0.8rem;
+        --pd-form-row-base-width: 650px;
       }
     `
 ];
 let DefaultDialogPopup = _DefaultDialogPopup;
 __decorateClass([
-  property({ type: Array, state: true })
+  state()
 ], DefaultDialogPopup.prototype, "_dialogButtons");
 __decorateClass([
-  property({ type: String, state: true })
+  state()
 ], DefaultDialogPopup.prototype, "_validationError");
+__decorateClass([
+  state()
+], DefaultDialogPopup.prototype, "_validForm");
+__decorateClass([
+  query("#formContainerId")
+], DefaultDialogPopup.prototype, "_formElement");
 export {
   DefaultDialogPopup
 };

package/dist/defaultpage/default-login.js

@@ -12,7 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 let DefaultLogin = class extends DefaultViewPage {
   render() {
-    return html` <pd-login></pd-login> `;
+    return html`<pd-login></pd-login> `;
   }
 };
 DefaultLogin.styles = [

package/dist/defaultpage/default-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,6CAA6C,CAAC;AAErD,8BAAsB,YAAa,SAAQ,UAAU;IACnD,MAAM,CAAC,MAAM,EAOR,cAAc,CAAC;IAEpB,MAAM;IAMN,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}
+{"version":3,"file":"default-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,6CAA6C,CAAC;AAErD,8BAAsB,YAAa,SAAQ,UAAU;IACnD,MAAM,CAAC,MAAM,EAOR,cAAc,CAAC;IAEpB,MAAM;IAQN,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}

package/dist/defaultpage/default-popup.js

@@ -3,7 +3,9 @@ import "@progressive-development/pd-dialog/pd-popup";
 const _DefaultPopup = class _DefaultPopup extends LitElement {
   render() {
     return html`
-      <pd-popup id="pdPopupId"> ${this._renderContent()} </pd-popup>
+      <pd-popup id="pdPopupId">
+        <div slot="content">${this._renderContent()}</div>
+      </pd-popup>
     `;
   }
 };

package/dist/defaultpage/default-step-address.d.ts

@@ -1,24 +1,14 @@
-import { DefaultWizardStep } from './default-wizard-step.js';
-export declare abstract class DefaultStepAddress<T> extends DefaultWizardStep<T, any> {
+import { PdDefaultWizardStep } from './pd-default-wizard-step';
+import { PdOrderContactData } from '@progressive-development/pd-order';
+export declare abstract class DefaultStepAddress<T> extends PdDefaultWizardStep<T, any> {
     match?: unknown;
-    contacts?: any;
+    contacts?: PdOrderContactData;
     withPayment: boolean;
     withPropertyOwner: boolean;
     withPropertyDate: boolean;
-    _formId: string;
-    abstract _addressTitle: string;
+    requiredFields: string[];
     abstract _addressInfo?: string;
-    abstract _requiredFields?: string[];
-    renderContacts(): import('lit-html').TemplateResult<1>;
-    setFormData(currentOrder: T, eventDetailFormData: any): T & {
-        contacts: {
-            propertyOwner: boolean;
-            orderContact: any;
-            billingContact: any;
-            adminContact: any;
-            propertyContact: any;
-        };
-    };
-    _initWithValidation(): boolean;
+    render(): import('lit-html').TemplateResult<1>;
+    _renderFormContent(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=default-step-address.d.ts.map

package/dist/defaultpage/default-step-address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-step-address.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-step-address.ts"],"names":[],"mappings":"AAGA,OAAO,qDAAqD,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,CAAC,EAAE,GAAG,CAAC;IAE3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,iBAAiB,EAAE,OAAO,CAAS;IAGnC,gBAAgB,EAAE,OAAO,CAAS;IAElC,OAAO,EAAE,MAAM,CAAyB;IAExC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAE/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAE/B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpC,cAAc;IAmBd,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,GAAG;;;;;;;;;IAgBrD,mBAAmB,IAAI,OAAO;CAI/B"}
+{"version":3,"file":"default-step-address.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-step-address.ts"],"names":[],"mappings":"AAGA,OAAO,qDAAqD,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CACrE,CAAC,EACD,GAAG,CACJ;IAEC,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAG9B,WAAW,EAAE,OAAO,CAAS;IAG7B,iBAAiB,EAAE,OAAO,CAAS;IAGnC,gBAAgB,EAAE,OAAO,CAAS;IAGlC,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM;IAIf,kBAAkB;CAgCnB"}

package/dist/defaultpage/default-step-address.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 import "@progressive-development/pd-order/pd-order-contacts";
-import { DefaultWizardStep } from "./default-wizard-step.js";
+import { PdDefaultWizardStep } from "./pd-default-wizard-step.js";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = void 0;
@@ -11,20 +11,23 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-class DefaultStepAddress extends DefaultWizardStep {
+class DefaultStepAddress extends PdDefaultWizardStep {
   constructor() {
     super(...arguments);
     this.withPayment = false;
     this.withPropertyOwner = false;
     this.withPropertyDate = false;
-    this._formId = "orderContactsFormId";
+    this.requiredFields = [];
   }
-  renderContacts() {
+  render() {
+    return this._renderFormContent();
+  }
+  _renderFormContent() {
     var _a, _b, _c, _d;
     return html`
       ${this._addressInfo ? html` <p>${this._addressInfo}</p> ` : ""}
       <pd-order-contacts
-        id="${this._formId}"
+        id="stepFormContainerId"
         ?withPayment="${this.withPayment}"
         ?withPropertyOwner="${this.withPropertyOwner}"
         ?withPropertyDate="${this.withPropertyDate}"
@@ -33,27 +36,24 @@ class DefaultStepAddress extends DefaultWizardStep {
         .billingContact="${(_b = this.contacts) == null ? void 0 : _b.billingContact}"
         .adminContact="${(_c = this.contacts) == null ? void 0 : _c.adminContact}"
         .propertyContact="${(_d = this.contacts) == null ? void 0 : _d.propertyContact}"
-        .requiredFields="${this._requiredFields}"
+        .requiredFields="${this.requiredFields}"
       ></pd-order-contacts>
     `;
   }
-  // eslint-disable-next-line class-methods-use-this
-  setFormData(currentOrder, eventDetailFormData) {
-    return {
+  /*
+  {
       ...currentOrder,
       contacts: {
-        propertyOwner: eventDetailFormData.propertyContactId !== null && eventDetailFormData.propertyContactId !== void 0,
+        propertyOwner:
+          eventDetailFormData.propertyContactId !== null &&
+          eventDetailFormData.propertyContactId !== undefined,
         orderContact: eventDetailFormData.orderContactId,
         billingContact: eventDetailFormData.billingContactId,
         adminContact: eventDetailFormData.adminContactId,
-        propertyContact: eventDetailFormData.propertyContactId
-      }
-    };
-  }
-  // eslint-disable-next-line class-methods-use-this
-  _initWithValidation() {
-    return false;
-  }
+        propertyContact: eventDetailFormData.propertyContactId,
+      },
+  };
+  */
 }
 __decorateClass([
   property({ type: Object })
@@ -70,6 +70,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], DefaultStepAddress.prototype, "withPropertyDate");
+__decorateClass([
+  property({ type: Array })
+], DefaultStepAddress.prototype, "requiredFields");
 export {
   DefaultStepAddress
 };

package/dist/defaultpage/default-step-summary.d.ts

@@ -1,5 +1,5 @@
 import { HTMLTemplateResult, CSSResultGroup } from 'lit';
-import { DefaultWizardStep } from './default-wizard-step.js';
+import { PdDefaultWizardStep } from './pd-default-wizard-step';
 export interface OrderStep {
     key: string;
     name: string;
@@ -8,7 +8,7 @@ export interface OrderStep {
         val?: string;
     }>;
 }
-export declare abstract class DefaultStepSummary<T> extends DefaultWizardStep<T, any> {
+export declare abstract class DefaultStepSummary<T> extends PdDefaultWizardStep<T, any> {
     withPayment: boolean;
     orderForSummary?: T;
     wizardSteps: Array<{
@@ -17,13 +17,11 @@ export declare abstract class DefaultStepSummary<T> extends DefaultWizardStep<T,
         key: string;
     }>;
     _orderSteps: OrderStep[];
-    _formId: string;
     abstract _withAgreement: boolean;
     static styles: CSSResultGroup;
     update(changedProps: any): void;
     render(): import('lit-html').TemplateResult<1>;
-    setFormData(order: T): T;
-    _initWithValidation(): boolean;
+    renderSummary(): import('lit-html').TemplateResult<1>;
     abstract _prepareOrderSteps(): OrderStep[];
     abstract _getConditions(): HTMLTemplateResult;
 }

package/dist/defaultpage/default-step-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-step-summary.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-step-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpE,OAAO,oDAAoD,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,CAAC,EAAE,GAAG,CAAC;IAE3E,WAAW,EAAE,OAAO,CAAS;IAG7B,eAAe,CAAC,EAAE,CAAC,CAAC;IAIpB,WAAW,EAAE,KAAK,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,CAAC,CAAM;IAGR,WAAW,EAAE,SAAS,EAAE,CAAM;IAE9B,OAAO,EAAE,MAAM,CAAoB;IAEnC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IAEjC,MAAM,CAAC,MAAM,EAMR,cAAc,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,GAAG;IAOxB,MAAM;IAiBN,WAAW,CAAC,KAAK,EAAE,CAAC;IAMpB,mBAAmB,IAAI,OAAO;IAK9B,QAAQ,CAAC,kBAAkB,IAAI,SAAS,EAAE;IAE1C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}
+{"version":3,"file":"default-step-summary.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-step-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpE,OAAO,oDAAoD,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CACrE,CAAC,EACD,GAAG,CACJ;IAEC,WAAW,EAAE,OAAO,CAAS;IAG7B,eAAe,CAAC,EAAE,CAAC,CAAC;IAIpB,WAAW,EAAE,KAAK,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,CAAC,CAAM;IAGR,WAAW,EAAE,SAAS,EAAE,CAAM;IAE9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IAEjC,MAAM,CAAC,MAAM,EAMR,cAAc,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,GAAG;IAOf,MAAM;IAIf,aAAa;IAgBb,QAAQ,CAAC,kBAAkB,IAAI,SAAS,EAAE;IAE1C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}

package/dist/defaultpage/default-step-summary.js

@@ -1,7 +1,7 @@
 import { css, html } from "lit";
-import { property } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import "@progressive-development/pd-order/pd-order-summary";
-import { DefaultWizardStep } from "./default-wizard-step.js";
+import { PdDefaultWizardStep } from "./pd-default-wizard-step.js";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = void 0;
@@ -11,13 +11,12 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-const _DefaultStepSummary = class _DefaultStepSummary extends DefaultWizardStep {
+const _DefaultStepSummary = class _DefaultStepSummary extends PdDefaultWizardStep {
   constructor() {
     super(...arguments);
     this.withPayment = false;
     this.wizardSteps = [];
     this._orderSteps = [];
-    this._formId = "orderSummaryId";
   }
   update(changedProps) {
     if (changedProps.has("orderForSummary") && this.orderForSummary) {
@@ -26,9 +25,12 @@ const _DefaultStepSummary = class _DefaultStepSummary extends DefaultWizardStep
     super.update(changedProps);
   }
   render() {
+    return this.renderSummary();
+  }
+  renderSummary() {
     return html`
       <pd-order-summary
-        id="${this._formId}"
+        id="stepFormContainerId"
         ?withPayment="${this.withPayment}"
         .order="${this.orderForSummary}"
         ?withAgreement="${this._withAgreement}"
@@ -38,14 +40,6 @@ const _DefaultStepSummary = class _DefaultStepSummary extends DefaultWizardStep
       </pd-order-summary>
     `;
   }
-  // eslint-disable-next-line class-methods-use-this
-  setFormData(order) {
-    return order;
-  }
-  // eslint-disable-next-line class-methods-use-this
-  _initWithValidation() {
-    return false;
-  }
 };
 _DefaultStepSummary.styles = [
   css`
@@ -62,10 +56,10 @@ __decorateClass([
   property({ type: Object })
 ], DefaultStepSummary.prototype, "orderForSummary");
 __decorateClass([
-  property({ type: Array, state: true })
+  property({ type: Array })
 ], DefaultStepSummary.prototype, "wizardSteps");
 __decorateClass([
-  property({ type: Array, state: true })
+  state()
 ], DefaultStepSummary.prototype, "_orderSteps");
 export {
   DefaultStepSummary

package/dist/defaultpage/default-wizard.d.ts

@@ -1,4 +1,4 @@
-import { HTMLTemplateResult } from 'lit';
+import { HTMLTemplateResult, PropertyValues } from 'lit';
 import { DefaultViewPage } from './default-view-page.js';
 /**
  * TODO: Move inside pd-wizard.
@@ -14,16 +14,20 @@ export declare abstract class DefaultWizard<T> extends DefaultViewPage {
     _currentOrderStep: number;
     _orderFormData?: T;
     _withLocalStorageId?: string;
+    update(changedProps: PropertyValues<this>): void;
     render(): import('lit-html').TemplateResult<1>;
-    private getWizardStorage;
+    protected _nextStep(e: CustomEvent): void;
+    protected _previousStep(e: CustomEvent): void;
+    protected _goToStep(e: any): void;
+    protected _closeWizardRequest(): void;
     protected _reloadFromStorage(storageKey: string): void;
-    private _doStorageEventUpdate;
     protected _doStorageUpdate(preparedOrderForm?: T): void;
     protected _removeFromStorage(): void;
-    _nextStep(e: CustomEvent): void;
-    _previousStep(): void;
-    _goToStep(e: any): void;
-    _closeWizardRequest(): void;
+    private getWizardStorage;
+    /**
+     * Updates internal storage on storage update events.
+     */
+    private _doStorageEventUpdate;
     abstract _closeWizard(): void;
     abstract _renderSteps(): HTMLTemplateResult;
     abstract _renderLogo(): HTMLTemplateResult;

package/dist/defaultpage/default-wizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-wizard.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-wizard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,oDAAoD,CAAC;AAC5D,OAAO,8CAA8C,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAUzD;;GAEG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC5D,SAAS,CAAC,WAAW,EAAE,OAAO,CAAS;IAEvC,SAAS,CAAC,cAAc,EAAE,OAAO,CAAS;IAG1C,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC;QAC3B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,CAAC,CAAC;IAGH,iBAAiB,EAAE,MAAM,CAAK;IAG9B,cAAc,CAAC,EAAE,CAAC,CAAC;IAGnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,MAAM;IAqBN,OAAO,CAAC,gBAAgB;IAYxB,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM;IAoD/C,OAAO,CAAC,qBAAqB;IAe7B,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAkBhD,SAAS,CAAC,kBAAkB;IAe5B,SAAS,CAAC,CAAC,EAAE,WAAW;IA+CxB,aAAa;IASb,SAAS,CAAC,CAAC,EAAE,GAAG;IAUhB,mBAAmB,IAAI,IAAI;IA+C3B,QAAQ,CAAC,YAAY,IAAI,IAAI;IAE7B,QAAQ,CAAC,YAAY,IAAI,kBAAkB;IAE3C,QAAQ,CAAC,WAAW,IAAI,kBAAkB;IAE1C,QAAQ,CAAC,aAAa,IAAI,IAAI;IAE9B,MAAM,CAAC,cAAc;CAStB"}
+{"version":3,"file":"default-wizard.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-wizard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI/D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,8CAA8C,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAgBzD;;GAEG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC5D,SAAS,CAAC,WAAW,EAAE,OAAO,CAAS;IAEvC,SAAS,CAAC,cAAc,EAAE,OAAO,CAAS;IAG1C,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC;QAC3B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,CAAC,CAAC;IAGH,iBAAiB,EAAE,MAAM,CAAK;IAG9B,cAAc,CAAC,EAAE,CAAC,CAAC;IAGnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOzD,MAAM;IAoBN,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW;IAsClC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;IAUtC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG;IAW1B,SAAS,CAAC,mBAAmB,IAAI,IAAI;IA+CrC,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM;IAmD/C,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAkBhD,SAAS,CAAC,kBAAkB;IAe5B,OAAO,CAAC,gBAAgB;IAYxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoB7B,QAAQ,CAAC,YAAY,IAAI,IAAI;IAE7B,QAAQ,CAAC,YAAY,IAAI,kBAAkB;IAE3C,QAAQ,CAAC,WAAW,IAAI,kBAAkB;IAE1C,QAAQ,CAAC,aAAa,IAAI,IAAI;IAE9B,MAAM,CAAC,cAAc;CAStB"}