@progressive-development/pd-spa-helper 0.5.1 → 0.5.3

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

@@ -11,7 +11,7 @@ export declare abstract class DefaultConfirmPopup extends LitElement {
     okButtonText: string;
     cancelButtonText: string;
     static styles: CSSResultGroup;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     private _generateButtons;
     protected _handleButtonClick(e: CustomEvent): void;
     abstract _renderContent(): HTMLTemplateResult;

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

@@ -5,7 +5,7 @@ export declare abstract class DefaultDialogPopup<T> extends LitElement {
     abstract _formData: T;
     abstract _popupTitle: string;
     static styles: CSSResultGroup;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     protected _handleButtonClick(e: CustomEvent): void;
     protected _checkFormData(): void;
     protected _triggerValidateForm(): void;

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

@@ -3,6 +3,6 @@ import { DefaultViewPage } from './default-view-page.js';
 export declare class DefaultLogin extends DefaultViewPage {
     static styles: import('lit').CSSResult[];
     protected update(changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=default-login.d.ts.map

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

@@ -1,7 +1,7 @@
 import { LitElement, CSSResultGroup, HTMLTemplateResult } from 'lit';
 export declare abstract class DefaultPopup extends LitElement {
     static styles: CSSResultGroup;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     abstract _renderContent(): HTMLTemplateResult;
 }
 //# sourceMappingURL=default-popup.d.ts.map

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

@@ -3,15 +3,19 @@ export declare abstract class DefaultStepAddress<T> extends DefaultWizardStep<T,
     match?: unknown;
     contacts?: any;
     withPayment: boolean;
+    withPropertyOwner: boolean;
+    withPropertyDate: boolean;
     _formId: string;
     abstract _addressTitle: string;
     abstract _addressInfo?: string;
     abstract _requiredFields?: string[];
-    renderContacts(): import('lit').TemplateResult<1>;
+    renderContacts(): import('lit-html').TemplateResult<1>;
     setFormData(currentOrder: T, eventDetailFormData: any): T & {
         contacts: {
             orderContact: any;
             billingContact: any;
+            adminContact: any;
+            propertyContact: any;
         };
     };
     _initWithValidation(): boolean;

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;AAG7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,CAAC,EAAE,GAAG,CAAC;IAG3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAE7B,OAAO,EAAE,MAAM,CAAoB;IAEnC,QAAQ,CAAC,aAAa,EAAC,MAAM,CAAC;IAE9B,QAAQ,CAAC,YAAY,CAAC,EAAC,MAAM,CAAC;IAE9B,QAAQ,CAAC,eAAe,CAAC,EAAC,MAAM,EAAE,CAAC;IAGnC,cAAc;IAad,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,GAAG;;;;;;IAWrD,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,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,CAAC,EAAE,GAAG,CAAC;IAG3E,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,EAAC,MAAM,CAAC;IAE9B,QAAQ,CAAC,YAAY,CAAC,EAAC,MAAM,CAAC;IAE9B,QAAQ,CAAC,eAAe,CAAC,EAAC,MAAM,EAAE,CAAC;IAGnC,cAAc;IAsBd,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,GAAG;;;;;;;;IAarD,mBAAmB,IAAI,OAAO;CAI/B"}

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

@@ -15,16 +15,27 @@ class DefaultStepAddress extends DefaultWizardStep {
   constructor() {
     super(...arguments);
     this.withPayment = false;
-    this._formId = "orderContactId";
+    this.withPropertyOwner = false;
+    this.withPropertyDate = false;
+    this._formId = "orderContactsFormId";
   }
   renderContacts() {
-    var _a, _b;
+    var _a, _b, _c, _d;
+    console.log("render default step: ", this.withPropertyDate);
     return html`
       ${this._addressInfo ? html`
       <p>${this._addressInfo}</p>
       ` : ""}
-      <pd-order-contacts ?withPayment="${this.withPayment}" id="${this._formId}" .match="${this.match}"
-        .orderContact="${(_a = this.contacts) == null ? void 0 : _a.orderContact}" .billingContact="${(_b = this.contacts) == null ? void 0 : _b.billingContact}"
+      <pd-order-contacts 
+        id="${this._formId}"
+        ?withPayment="${this.withPayment}" 
+        ?withPropertyOwner="${this.withPropertyOwner}" 
+        ?withPropertyDate="${this.withPropertyDate}"
+        .match="${this.match}"
+        .orderContact="${(_a = this.contacts) == null ? void 0 : _a.orderContact}" 
+        .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}"
       ></pd-order-contacts>
     `;
@@ -35,7 +46,9 @@ class DefaultStepAddress extends DefaultWizardStep {
       ...currentOrder,
       contacts: {
         orderContact: eventDetailFormData.orderContactId,
-        billingContact: eventDetailFormData.billingContactId
+        billingContact: eventDetailFormData.billingContactId,
+        adminContact: eventDetailFormData.adminContactId,
+        propertyContact: eventDetailFormData.propertyContactId
       }
     };
   }
@@ -53,6 +66,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], DefaultStepAddress.prototype, "withPayment");
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepAddress.prototype, "withPropertyOwner");
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepAddress.prototype, "withPropertyDate");
 export {
   DefaultStepAddress
 };

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

@@ -21,7 +21,7 @@ export declare abstract class DefaultStepSummary<T> extends DefaultWizardStep<T,
     abstract _withAgreement: boolean;
     static styles: CSSResultGroup;
     update(changedProps: any): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     setFormData(order: T): T;
     _initWithValidation(): boolean;
     abstract _prepareOrderSteps(): OrderStep[];

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

@@ -13,7 +13,7 @@ export declare abstract class DefaultWizard<T> extends DefaultViewPage {
     _currentOrderStep: number;
     _orderFormData?: T;
     _withLocalStorageId?: string;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     private getWizardStorage;
     protected _reloadFromStorage(storageKey: string): void;
     private _doStorageEventUpdate;

package/dist/popup/wizard-close-popup.d.ts

@@ -6,6 +6,6 @@ export declare class WizardClosePopup extends DefaultConfirmPopup {
     _popupTitle: string;
     withStorage: boolean;
     static styles: CSSResultGroup;
-    _renderContent(): import('lit').TemplateResult<1>;
+    _renderContent(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=wizard-close-popup.d.ts.map

package/dist/popup/wizard-reload-popup.d.ts

@@ -9,6 +9,6 @@ export declare class WizardReloadPopup extends DefaultConfirmPopup {
         wizardStep: number;
     };
     static styles: CSSResultGroup;
-    _renderContent(): import('lit').TemplateResult<1>;
+    _renderContent(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=wizard-reload-popup.d.ts.map

package/dist/router/AppMain.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 declare const AppMain_base: import('lit-element-router').Constructor<import('lit-element-router').Outlet> & typeof LitElement;
 export declare class AppMain extends AppMain_base {
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export {};
 //# sourceMappingURL=AppMain.d.ts.map

package/dist/store/spa-app-effects.d.ts

@@ -6,7 +6,7 @@ export declare const appRouteEffect: import('rxjs').Observable<{
 }> & import('mini-rx-store/lib/models.js').HasEffectMetadata;
 export declare const appToastEffect: import('rxjs').Observable<{
     payload: {
-        txt: string | import('lit').TemplateResult<1 | 2>;
+        txt: string | import('lit-html').TemplateResult<1 | 2>;
         isError: boolean;
         isSuccess: boolean;
         duration?: number | undefined;

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    render: ({ withPayment, withPropertyOwner, withPropertyDate, contacts }: import('@storybook/csf').Args) => import('lit-html').TemplateResult<1>;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const EditForm: Story;
+export declare const EditCompanyForm: Story;
+export declare const EditFormWithBilling: Story;
+export declare const EditFormWithBillingAndAdmin: Story;
+export declare const EditFormWithBillingAndAdminAndPropertyDate: Story;
+//# sourceMappingURL=address-edit.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"address-edit.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-edit.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA0DtB,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAWzC,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,KAYxD,CAAC"}

package/dist/stories/address-new.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/web-components';
+import { DefaultStepAddress } from '../defaultpage/default-step-address';
+export declare class TestAdressClass extends DefaultStepAddress<any> {
+    _addressTitle: string;
+    _addressInfo?: string;
+    _requiredFields?: string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare const meta: {
+    title: string;
+    render: ({ withPayment, withPropertyOwner, withPropertyDate }: import('@storybook/csf').Args) => import('lit-html').TemplateResult<1>;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Form: Story;
+export declare const FormWithBilling: Story;
+export declare const FormWithBillingAndAdmin: Story;
+export declare const FormWithPropertyDate: Story;
+export declare const FormWithPropertyDateAndAdmin: Story;
+//# sourceMappingURL=address-new.stories.d.ts.map

package/dist/stories/address-new.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-new.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-new.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,qBAAa,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAE1D,aAAa,EAAE,MAAM,CAAgB;IACrC,YAAY,CAAC,EAAE,MAAM,CAA4B;IACjD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAM;IAEhC,MAAM;CAMP;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAkBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,IAAI,EAAE,KAGlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAK1C,CAAC"}

package/dist/stories/pd-loading-state.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/csf').Args) => import('lit').TemplateResult<1>;
+    render: (args: import('@storybook/csf').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

package/dist/stories/pd-toast.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/csf').Args) => import('lit').TemplateResult<1>;
+    render: (args: import('@storybook/csf').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";
@@ -20,4 +20,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj;
 export declare const SuccessToast: Story;
+export declare const ErrorToast: Story;
+export declare const WarnInfoToast: Story;
+export declare const WarnInfoToastAutoRemove: Story;
+export declare const WarnInfoToastHtml: Story;
 //# sourceMappingURL=pd-toast.stories.d.ts.map

package/dist/stories/pd-toast.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-toast.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAI/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}
+{"version":3,"file":"pd-toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-toast.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAI/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC"}

package/dist/stories/test-impls/address-test.d.ts

@@ -0,0 +1,7 @@
+import { DefaultStepAddress } from '../../defaultpage/default-step-address';
+export declare class TestAdressClass extends DefaultStepAddress<any> {
+    _addressTitle: string;
+    _addressInfo?: string;
+    _requiredFields?: string[];
+}
+//# sourceMappingURL=address-test.d.ts.map

package/dist/stories/test-impls/address-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-test.d.ts","sourceRoot":"","sources":["../../../src/stories/test-impls/address-test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,qBACa,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAgB;IACrC,YAAY,CAAC,EAAE,MAAM,CAA4B;IACjD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAM;CACjC"}

package/dist/tmpown/pd-loading-state.d.ts

@@ -3,7 +3,7 @@ import { LoadingState } from '../model/spa-model.js';
 export declare class PdLoadingState extends LitElement {
     loadingState?: LoadingState;
     static styles: CSSResultGroup;
-    render(): "" | import('lit').TemplateResult<1>;
-    _renderContent(): "" | import('lit').TemplateResult<1>;
+    render(): "" | import('lit-html').TemplateResult<1>;
+    _renderContent(): "" | import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=pd-loading-state.d.ts.map

package/dist/tmpown/pd-login.d.ts

@@ -4,7 +4,7 @@ export declare class PdLogin extends LitElement {
      * @event login-success fired when login was successfully
      */
     static get styles(): import('lit').CSSResult[];
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     _accessLogin(): void;
     _dispatchToastEvent(txt: string): void;
 }

package/dist/tmpown/pd-panel-viewer.d.ts

@@ -8,7 +8,7 @@ export declare class PdPanelViewer extends LitElement {
     static styles: import('lit').CSSResult;
     get index(): number;
     set index(value: number);
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     firstUpdated(): void;
     update(changedProperties: any): void;
     next(): void;

package/dist/tmpown/pd-panel.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 export declare class PdPanel extends LitElement {
     static styles: import('lit').CSSResult;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=pd-panel.d.ts.map

package/dist/tmpown/pd-toast.d.ts

@@ -4,7 +4,7 @@ export declare class PdToast extends LitElement {
     isSuccess: boolean;
     duration: number;
     static styles: import('lit').CSSResult;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     connectedCallback(): void;
     updated(changedProps: any): void;
     _show(): Promise<unknown>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent pd-spa-helper following open-wc recommendations",  
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -35,12 +35,12 @@
   "dependencies": {
     "@lit-labs/task": "^1.1.3",
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-dialog": "^0.5.0",
-    "@progressive-development/pd-forms": "^0.5.0",
+    "@progressive-development/pd-dialog": "^0.5.1",
+    "@progressive-development/pd-forms": "^0.5.1",
     "@progressive-development/pd-icon": "^0.5.0",
-    "@progressive-development/pd-order": "^0.5.0",
-    "@progressive-development/pd-page": "^0.5.1",
-    "@progressive-development/pd-wizard": "^0.5.0",
+    "@progressive-development/pd-order": "^0.5.3",
+    "@progressive-development/pd-page": "^0.5.2",
+    "@progressive-development/pd-wizard": "^0.5.1",
     "@types/hammerjs": "^2.0.45",
     "firebase": "^10.14.1",
     "hammerjs": "^2.0.8",