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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/defaultpage/default-confirm-popup.d.ts.map +1 -1
  2. package/dist/defaultpage/default-confirm-popup.js +1 -8
  3. package/dist/defaultpage/default-dialog-popup.d.ts +6 -4
  4. package/dist/defaultpage/default-dialog-popup.d.ts.map +1 -1
  5. package/dist/defaultpage/default-dialog-popup.js +36 -39
  6. package/dist/defaultpage/default-login.js +1 -1
  7. package/dist/defaultpage/default-popup.d.ts.map +1 -1
  8. package/dist/defaultpage/default-popup.js +3 -1
  9. package/dist/defaultpage/default-step-address.d.ts +7 -17
  10. package/dist/defaultpage/default-step-address.d.ts.map +1 -1
  11. package/dist/defaultpage/default-step-address.js +21 -18
  12. package/dist/defaultpage/default-step-summary.d.ts +3 -5
  13. package/dist/defaultpage/default-step-summary.d.ts.map +1 -1
  14. package/dist/defaultpage/default-step-summary.js +9 -15
  15. package/dist/defaultpage/default-wizard.d.ts +11 -7
  16. package/dist/defaultpage/default-wizard.d.ts.map +1 -1
  17. package/dist/defaultpage/default-wizard.js +113 -110
  18. package/dist/defaultpage/pd-default-wizard-step.d.ts +58 -0
  19. package/dist/defaultpage/pd-default-wizard-step.d.ts.map +1 -0
  20. package/dist/defaultpage/pd-default-wizard-step.js +140 -0
  21. package/dist/generated/locale-wrapper/be-wrapper.d.ts +6 -1
  22. package/dist/generated/locale-wrapper/be-wrapper.d.ts.map +1 -1
  23. package/dist/generated/locale-wrapper/de-wrapper.d.ts +7 -2
  24. package/dist/generated/locale-wrapper/de-wrapper.d.ts.map +1 -1
  25. package/dist/generated/locale-wrapper/en-wrapper.d.ts +6 -1
  26. package/dist/generated/locale-wrapper/en-wrapper.d.ts.map +1 -1
  27. package/dist/index.d.ts +1 -1
  28. package/dist/index.d.ts.map +1 -1
  29. package/dist/index.js +2 -2
  30. package/dist/model/spa-model.d.ts +0 -1
  31. package/dist/model/spa-model.d.ts.map +1 -1
  32. package/dist/model/spa-model.js +0 -2
  33. package/dist/service-provider/mock/auth.d.ts.map +1 -1
  34. package/dist/service-provider/mock/auth.js +2 -1
  35. package/dist/stories/address-new.stories.d.ts +2 -3
  36. package/dist/stories/address-new.stories.d.ts.map +1 -1
  37. package/dist/stories/default-confirm-popup.stories.d.ts +24 -0
  38. package/dist/stories/default-confirm-popup.stories.d.ts.map +1 -0
  39. package/dist/stories/default-dialog-popup.stories.d.ts +23 -0
  40. package/dist/stories/default-dialog-popup.stories.d.ts.map +1 -0
  41. package/dist/stories/default-login.stories.d.ts +10 -0
  42. package/dist/stories/default-login.stories.d.ts.map +1 -0
  43. package/dist/stories/default-popup.stories.d.ts +9 -0
  44. package/dist/stories/default-popup.stories.d.ts.map +1 -0
  45. package/dist/stories/test-impls/address-test.d.ts +0 -1
  46. package/dist/stories/test-impls/address-test.d.ts.map +1 -1
  47. package/dist/stories/test-impls/test-pages/test-wizard-step.d.ts +17 -0
  48. package/dist/stories/test-impls/test-pages/test-wizard-step.d.ts.map +1 -0
  49. package/dist/stories/test-impls/test-pages/test-wizard.d.ts +16 -0
  50. package/dist/stories/test-impls/test-pages/test-wizard.d.ts.map +1 -0
  51. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-error.d.ts +8 -0
  52. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-error.d.ts.map +1 -0
  53. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-info.d.ts +8 -0
  54. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-info.d.ts.map +1 -0
  55. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-warn.d.ts +8 -0
  56. package/dist/stories/test-impls/test-popups/default-confirm-popup-test-warn.d.ts.map +1 -0
  57. package/dist/stories/test-impls/test-popups/default-dialog-popup-test.d.ts +13 -0
  58. package/dist/stories/test-impls/test-popups/default-dialog-popup-test.d.ts.map +1 -0
  59. package/dist/stories/test-impls/test-popups/default-popup-test.d.ts +5 -0
  60. package/dist/stories/test-impls/test-popups/default-popup-test.d.ts.map +1 -0
  61. package/dist/stories/test-wizard-step.stories.d.ts +11 -0
  62. package/dist/stories/test-wizard-step.stories.d.ts.map +1 -0
  63. package/dist/stories/test-wizard.stories.d.ts +9 -0
  64. package/dist/stories/test-wizard.stories.d.ts.map +1 -0
  65. package/dist/tmpown/pd-login.d.ts +2 -0
  66. package/dist/tmpown/pd-login.d.ts.map +1 -1
  67. package/dist/tmpown/pd-login.js +71 -51
  68. package/package.json +9 -9
  69. package/dist/defaultpage/default-wizard-step.d.ts +0 -35
  70. package/dist/defaultpage/default-wizard-step.d.ts.map +0 -1
  71. package/dist/defaultpage/default-wizard-step.js +0 -121
@@ -3,12 +3,10 @@ import { DefaultStepAddress } from '../defaultpage/default-step-address';
3
3
  export declare class TestAdressClass extends DefaultStepAddress<any> {
4
4
  _addressTitle: string;
5
5
  _addressInfo?: string;
6
- _requiredFields?: string[];
7
- render(): import('lit-html').TemplateResult<1>;
8
6
  }
9
7
  declare const meta: {
10
8
  title: string;
11
- render: ({ withPayment, withPropertyOwner, withPropertyDate }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
9
+ render: ({ withPayment, withPropertyOwner, withPropertyDate, requiredFields, }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
12
10
  argTypes: {
13
11
  backgroundColor: {
14
12
  control: "color";
@@ -29,6 +27,7 @@ type Story = StoryObj;
29
27
  export declare const Form: Story;
30
28
  export declare const FormWithBilling: Story;
31
29
  export declare const FormWithBillingAndAdmin: Story;
30
+ export declare const FormRequiredFields: Story;
32
31
  export declare const FormWithPropertyDate: Story;
33
32
  export declare const FormWithPropertyDateAndAdmin: Story;
34
33
  //# sourceMappingURL=address-new.stories.d.ts.map
@@ -1 +1 @@
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;IAC1D,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;AAGtB,eAAO,MAAM,IAAI,EAAE,KAElB,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"}
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;IAC1D,aAAa,EAAE,MAAM,CAAgB;IACrC,YAAY,CAAC,EAAE,MAAM,CAA4B;CAClD;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAK1C,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {
5
+ backgroundColor: {
6
+ control: "color";
7
+ };
8
+ onClick: {
9
+ action: string;
10
+ };
11
+ size: {
12
+ control: {
13
+ type: "select";
14
+ };
15
+ options: string[];
16
+ };
17
+ };
18
+ };
19
+ export default meta;
20
+ type Story = StoryObj;
21
+ export declare const DefaultConfirmPopupInfoSingle: Story;
22
+ export declare const DefaultConfirmPopupWarn: Story;
23
+ export declare const DefaultConfirmPopupErrorSingle: Story;
24
+ //# sourceMappingURL=default-confirm-popup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-confirm-popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/default-confirm-popup.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,8DAA8D,CAAC;AAGtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAUM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,6BAA6B,EAAE,KAI3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAIrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAI5C,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {
5
+ backgroundColor: {
6
+ control: "color";
7
+ };
8
+ onClick: {
9
+ action: string;
10
+ };
11
+ size: {
12
+ control: {
13
+ type: "select";
14
+ };
15
+ options: string[];
16
+ };
17
+ };
18
+ };
19
+ export default meta;
20
+ type Story = StoryObj;
21
+ export declare const DefaultDialogPopup: Story;
22
+ export declare const DefaultDialogPopupInit: Story;
23
+ //# sourceMappingURL=default-dialog-popup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-dialog-popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/default-dialog-popup.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uDAAuD,CAAC;AAG/D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAUM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAMpC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ render: () => import('lit-html').TemplateResult<1>;
5
+ argTypes: {};
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj;
9
+ export declare const Login: Story;
10
+ //# sourceMappingURL=default-login.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-login.stories.d.ts","sourceRoot":"","sources":["../../src/stories/default-login.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,iCAAiC,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;CAIM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ };
5
+ export default meta;
6
+ type Story = StoryObj;
7
+ export declare const SimpleModal: Story;
8
+ export declare const WithEscHandler: Story;
9
+ //# sourceMappingURL=default-popup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/default-popup.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,gDAAgD,CAAC;AAGxD,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC"}
@@ -2,6 +2,5 @@ import { DefaultStepAddress } from '../../defaultpage/default-step-address';
2
2
  export declare class TestAdressClass extends DefaultStepAddress<any> {
3
3
  _addressTitle: string;
4
4
  _addressInfo?: string;
5
- _requiredFields?: string[];
6
5
  }
7
6
  //# sourceMappingURL=address-test.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"address-test.d.ts","sourceRoot":"","sources":["../../../src/stories/test-impls/address-test.ts"],"names":[],"mappings":"AAEA,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;CAClD"}
@@ -0,0 +1,17 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { PdDefaultWizardStep } from '../../../defaultpage/pd-default-wizard-step';
3
+ interface TestOrderForm {
4
+ testField: string;
5
+ testField2?: string;
6
+ }
7
+ export declare class TestWizardStep extends PdDefaultWizardStep<TestOrderForm, any> {
8
+ editObj?: TestOrderForm;
9
+ protected _prepareDataFromForm(): {
10
+ testField: string;
11
+ testField2: string;
12
+ };
13
+ reloadFromOrder(reloadedOrder: TestOrderForm): void;
14
+ protected _renderFormContent(): TemplateResult;
15
+ }
16
+ export {};
17
+ //# sourceMappingURL=test-wizard-step.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-wizard-step.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAElF,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,cAAe,SAAQ,mBAAmB,CAAC,aAAa,EAAE,GAAG,CAAC;IAEzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,SAAS,CAAC,oBAAoB;;;;IAS9B,eAAe,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI;IASnD,SAAS,CAAC,kBAAkB,IAAI,cAAc;CAwB/C"}
@@ -0,0 +1,16 @@
1
+ import { HTMLTemplateResult } from 'lit';
2
+ import { DefaultWizard } from '../../../defaultpage/default-wizard';
3
+ interface TestOrderForm {
4
+ testField: string;
5
+ testField2?: string;
6
+ }
7
+ export declare class TestWizard extends DefaultWizard<TestOrderForm> {
8
+ _wizardSteps: Array<any>;
9
+ _closeWizard(): void;
10
+ _renderSteps(): import('lit-html').TemplateResult<1>;
11
+ protected _renderHTMLStep(step: any, stepNr: number): import('lit-html').TemplateResult<1>;
12
+ _renderLogo(): HTMLTemplateResult;
13
+ _submitWizard(): void;
14
+ }
15
+ export {};
16
+ //# sourceMappingURL=test-wizard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-wizard.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-wizard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAE/B,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,UAAW,SAAQ,aAAa,CAAC,aAAa,CAAC;IAC1D,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAgBtB;IAEF,YAAY,IAAI,IAAI;IAIpB,YAAY;IAQZ,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;IAqBnD,WAAW,IAAI,kBAAkB;IAIjC,aAAa,IAAI,IAAI;CAGtB"}
@@ -0,0 +1,8 @@
1
+ import { DefaultConfirmPopup, PopupType } from '../../../defaultpage/default-confirm-popup';
2
+ export declare class DefaultConfirmPopupTestError extends DefaultConfirmPopup {
3
+ _singleButton: boolean;
4
+ _type: PopupType;
5
+ _popupTitle: string;
6
+ _renderContent(): import('lit-html').TemplateResult<1>;
7
+ }
8
+ //# sourceMappingURL=default-confirm-popup-test-error.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-confirm-popup-test-error.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-popups/default-confirm-popup-test-error.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,SAAS,EACV,MAAM,4CAA4C,CAAC;AAEpD,qBACa,4BAA6B,SAAQ,mBAAmB;IACnE,aAAa,UAAQ;IACrB,KAAK,EAAE,SAAS,CAAW;IAC3B,WAAW,SAA0B;IAErC,cAAc;CASf"}
@@ -0,0 +1,8 @@
1
+ import { DefaultConfirmPopup, PopupType } from '../../../defaultpage/default-confirm-popup';
2
+ export declare class DefaultConfirmPopupTestInfo extends DefaultConfirmPopup {
3
+ _singleButton: boolean;
4
+ _type: PopupType;
5
+ _popupTitle: string;
6
+ _renderContent(): import('lit-html').TemplateResult<1>;
7
+ }
8
+ //# sourceMappingURL=default-confirm-popup-test-info.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-confirm-popup-test-info.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-popups/default-confirm-popup-test-info.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,SAAS,EACV,MAAM,4CAA4C,CAAC;AAEpD,qBACa,2BAA4B,SAAQ,mBAAmB;IAClE,aAAa,UAAQ;IACrB,KAAK,EAAE,SAAS,CAAU;IAC1B,WAAW,SAA0B;IAErC,cAAc;CASf"}
@@ -0,0 +1,8 @@
1
+ import { DefaultConfirmPopup, PopupType } from '../../../defaultpage/default-confirm-popup';
2
+ export declare class DefaultConfirmPopupTestWarn extends DefaultConfirmPopup {
3
+ _singleButton: boolean;
4
+ _type: PopupType;
5
+ _popupTitle: string;
6
+ _renderContent(): import('lit-html').TemplateResult<1>;
7
+ }
8
+ //# sourceMappingURL=default-confirm-popup-test-warn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-confirm-popup-test-warn.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-popups/default-confirm-popup-test-warn.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,SAAS,EACV,MAAM,4CAA4C,CAAC;AAEpD,qBACa,2BAA4B,SAAQ,mBAAmB;IAClE,aAAa,UAAS;IACtB,KAAK,EAAE,SAAS,CAAU;IAC1B,WAAW,SAA0B;IAErC,cAAc;CASf"}
@@ -0,0 +1,13 @@
1
+ import { DefaultDialogPopup } from '../../../defaultpage/default-dialog-popup';
2
+ interface TestFormData {
3
+ name: string;
4
+ }
5
+ export declare class DefaultDialogPopupTest extends DefaultDialogPopup<TestFormData> {
6
+ _popupTitle: string;
7
+ _formData: TestFormData;
8
+ nameParam: string;
9
+ _renderContent(): import('lit-html').TemplateResult<1>;
10
+ _isValidFormData(): boolean;
11
+ }
12
+ export {};
13
+ //# sourceMappingURL=default-dialog-popup-test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-dialog-popup-test.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-popups/default-dialog-popup-test.ts"],"names":[],"mappings":"AAGA,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBACa,sBAAuB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAC1E,WAAW,EAAE,MAAM,CAAuB;IAE1C,SAAS,EAAG,YAAY,CAAC;IAGzB,SAAS,EAAG,MAAM,CAAC;IAEnB,cAAc;IA0Cd,gBAAgB,IAAI,OAAO;CAG5B"}
@@ -0,0 +1,5 @@
1
+ import { DefaultPopup } from '../../../defaultpage/default-popup';
2
+ export declare class DefaultPopupTest extends DefaultPopup {
3
+ _renderContent(): import('lit-html').TemplateResult<1>;
4
+ }
5
+ //# sourceMappingURL=default-popup-test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-popup-test.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-popups/default-popup-test.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,qBACa,gBAAiB,SAAQ,YAAY;IACvC,cAAc;CAMxB"}
@@ -0,0 +1,11 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj;
8
+ export declare const DefaultStep: Story;
9
+ export declare const StepWithRequiredInfo: Story;
10
+ export declare const StepWithError: Story;
11
+ //# sourceMappingURL=test-wizard-step.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-wizard-step.stories.d.ts","sourceRoot":"","sources":["../../src/stories/test-wizard-step.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,6CAA6C,CAAC;AAErD,QAAA,MAAM,IAAI;;;CASM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj;
8
+ export declare const DefaultWizard: Story;
9
+ //# sourceMappingURL=test-wizard.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-wizard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/test-wizard.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,wCAAwC,CAAC;AAEhD,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}
@@ -3,6 +3,8 @@ export declare class PdLogin extends LitElement {
3
3
  /**
4
4
  * @event login-success fired when login was successfully
5
5
  */
6
+ protected _validForm: boolean;
7
+ private _formElement;
6
8
  static get styles(): import('lit').CSSResult[];
7
9
  render(): import('lit-html').TemplateResult<1>;
8
10
  _accessLogin(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAIrD,qBACa,OAAQ,SAAQ,UAAU;IACrC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAsBhB;IAED,MAAM;IA2CN,YAAY;IAoDZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAYhC"}
1
+ {"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,wDAAwD,CAAC;AAMhE,qBACa,OAAQ,SAAQ,UAAU;IACrC;;OAEG;IAGH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IAGtC,OAAO,CAAC,YAAY,CAAmB;IAEvC,MAAM,KAAK,MAAM,8BA6BhB;IAED,MAAM;IAmDN,YAAY;IA2CZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAYhC"}
@@ -1,22 +1,26 @@
1
1
  import { LitElement, css, html } from "lit";
2
- import { customElement } from "lit/decorators.js";
2
+ import { state, query, customElement } from "lit/decorators.js";
3
3
  import "@progressive-development/pd-forms/pd-form-container";
4
4
  import "@progressive-development/pd-forms/pd-form-row";
5
5
  import "@progressive-development/pd-forms/pd-input";
6
- import "@progressive-development/pd-forms/pd-button";
6
+ import "@progressive-development/pd-forms/pd-icon-panel-button";
7
7
  import { loginImpl } from "../service-provider/service-provider-impl.js";
8
+ import { pdIcons } from "@progressive-development/pd-icon";
9
+ var __defProp = Object.defineProperty;
8
10
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
9
11
  var __decorateClass = (decorators, target, key, kind) => {
10
12
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
11
13
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
14
  if (decorator = decorators[i])
13
- result = decorator(result) || result;
15
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
16
+ if (kind && result) __defProp(target, key, result);
14
17
  return result;
15
18
  };
16
19
  let PdLogin = class extends LitElement {
17
- /**
18
- * @event login-success fired when login was successfully
19
- */
20
+ constructor() {
21
+ super(...arguments);
22
+ this._validForm = false;
23
+ }
20
24
  static get styles() {
21
25
  return [
22
26
  css`
@@ -37,19 +41,32 @@ let PdLogin = class extends LitElement {
37
41
  padding: 1rem;
38
42
  border-radius: var(--pd-login-border-radius);
39
43
  }
44
+
45
+ .pwd-link {
46
+ display: block;
47
+ text-align: right;
48
+ padding-top: 0.5em;
49
+ padding-bottom: 0.5em;
50
+ }
40
51
  `
41
52
  ];
42
53
  }
43
54
  render() {
44
55
  return html`
45
56
  <div class="login-form">
46
- <pd-form-container id="loginFormId">
57
+ <pd-form-container
58
+ id="loginFormId"
59
+ @pd-form-change="${(e) => {
60
+ this._validForm = e.detail.overallValidity;
61
+ e.stopPropagation();
62
+ }}"
63
+ >
47
64
  <pd-form-row>
48
65
  <pd-input
49
66
  id="eMail"
50
67
  class="quarter3"
51
68
  maxlength="250"
52
- field-type="mail"
69
+ fieldType="mail"
53
70
  valueName="email"
54
71
  label="E-mail"
55
72
  autoCompleteName="email"
@@ -69,60 +86,57 @@ let PdLogin = class extends LitElement {
69
86
  @enter-pressed="${this._accessLogin}"
70
87
  ></pd-input>
71
88
  </pd-form-row>
89
+ <span class="pwd-link"><a href="#">Passwort vergessen?</a></span>
72
90
 
73
91
  <pd-form-row>
74
- <pd-button
92
+ <pd-icon-panel-button
75
93
  class="quarter3"
76
- primary
77
- text="Login"
94
+ buttonText="Login"
95
+ pdButtonIcon="${pdIcons.ICON_USER}"
96
+ ?disabled="${!this._validForm}"
78
97
  @click="${this._accessLogin}"
79
- ></pd-button>
98
+ ></pd-icon-panel-button>
80
99
  </pd-form-row>
81
100
  </pd-form-container>
82
101
  </div>
83
102
  `;
84
103
  }
85
104
  _accessLogin() {
86
- var _a, _b, _c, _d;
87
- const detail = {
88
- errorMap: /* @__PURE__ */ new Map()
89
- };
90
- (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("loginFormId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
91
- if (detail.errorMap.size === 0) {
92
- const elMail = (_c = this.shadowRoot) == null ? void 0 : _c.getElementById(
93
- "eMail"
94
- );
95
- const elSec = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById(
96
- "pWord"
97
- );
98
- loginImpl(elMail == null ? void 0 : elMail.value, elSec == null ? void 0 : elSec.value).then((user) => {
99
- this.dispatchEvent(
100
- new CustomEvent("login-success", {
101
- detail: user,
102
- bubbles: true,
103
- composed: true
104
- })
105
- );
106
- }).catch((error) => {
107
- switch (error.code) {
108
- case "auth/invalid-email":
109
- this._dispatchToastEvent(
110
- "E-Mail Format für Benutzer ist ungültig."
111
- );
112
- break;
113
- case "auth/wrong-password":
114
- case "auth/user-not-found":
115
- this._dispatchToastEvent(
116
- "Anmeldung fehlgeschlagen, ungültige Benutzerdaten."
117
- );
118
- break;
119
- default:
120
- this._dispatchToastEvent(
121
- "Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden."
122
- );
123
- }
124
- });
105
+ if (!this._formElement.valid) {
106
+ this._dispatchToastEvent("Invalid form");
107
+ return;
125
108
  }
109
+ this._validForm = false;
110
+ const formValues = this._formElement.getValues();
111
+ loginImpl(formValues.email, formValues == null ? void 0 : formValues.pWord).then((user) => {
112
+ this.dispatchEvent(
113
+ new CustomEvent("login-success", {
114
+ detail: user,
115
+ bubbles: true,
116
+ composed: true
117
+ })
118
+ );
119
+ this._validForm = true;
120
+ }).catch((error) => {
121
+ this._validForm = true;
122
+ switch (error.code) {
123
+ case "auth/invalid-email":
124
+ this._dispatchToastEvent(
125
+ "E-Mail Format für Benutzer ist ungültig."
126
+ );
127
+ break;
128
+ case "auth/wrong-password":
129
+ case "auth/user-not-found":
130
+ this._dispatchToastEvent(
131
+ "Anmeldung fehlgeschlagen, ungültige Benutzerdaten."
132
+ );
133
+ break;
134
+ default:
135
+ this._dispatchToastEvent(
136
+ "Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden."
137
+ );
138
+ }
139
+ });
126
140
  }
127
141
  _dispatchToastEvent(txt) {
128
142
  this.dispatchEvent(
@@ -137,6 +151,12 @@ let PdLogin = class extends LitElement {
137
151
  );
138
152
  }
139
153
  };
154
+ __decorateClass([
155
+ state()
156
+ ], PdLogin.prototype, "_validForm", 2);
157
+ __decorateClass([
158
+ query("#loginFormId")
159
+ ], PdLogin.prototype, "_formElement", 2);
140
160
  PdLogin = __decorateClass([
141
161
  customElement("pd-login")
142
162
  ], PdLogin);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progressive-development/pd-spa-helper",
3
- "version": "0.8.10a",
3
+ "version": "0.8.10c",
4
4
  "description": "Webcomponent pd-spa-helper following open-wc recommendations",
5
5
  "author": "PD Progressive Development",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -35,14 +35,14 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@lit/localize": "^0.12.2",
38
- "@progressive-development/pd-content": "^0.6.4",
39
- "@progressive-development/pd-dialog": "^0.6.2",
40
- "@progressive-development/pd-forms": "^0.6.5",
41
- "@progressive-development/pd-icon": "^0.6.2",
42
- "@progressive-development/pd-order": "^0.6.2",
43
- "@progressive-development/pd-page": "^0.6.4",
44
- "@progressive-development/pd-shared-styles": "^0.2.1",
45
- "@progressive-development/pd-wizard": "^0.6.2",
38
+ "@progressive-development/pd-content": "^0.7.3",
39
+ "@progressive-development/pd-dialog": "^0.6.11",
40
+ "@progressive-development/pd-forms": "^0.7.4",
41
+ "@progressive-development/pd-icon": "^0.7.4",
42
+ "@progressive-development/pd-order": "^0.6.11",
43
+ "@progressive-development/pd-page": "^0.6.11",
44
+ "@progressive-development/pd-wizard": "^0.6.7",
45
+ "@progressive-development/pd-shared-styles": "^0.2.5",
46
46
  "date-fns": "^2.30.0",
47
47
  "firebase": "^10.14.1",
48
48
  "lit": "^3.3.0",
@@ -1,35 +0,0 @@
1
- import { LitElement } from 'lit';
2
- /**
3
- * TODO: Move inside pd-wizard.
4
- */
5
- export declare abstract class DefaultWizardStep<T, F> extends LitElement {
6
- stepNumber: number;
7
- withRequiredInfo: boolean;
8
- _errorMsg: string;
9
- abstract _formId: string;
10
- private _elRef;
11
- firstUpdated(): void;
12
- _formInit(elRef: any): void;
13
- _validateForm(e: any): void;
14
- /**
15
- * Prepare the order (trigger side-effets) after update from order step.
16
- * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.
17
- *
18
- * The default implementation just returns the updated order to prevent all clients from implementing the method.
19
- *
20
- * @param updatedOrder order with updates from step.
21
- * @returns preparedOrder - with (e.g. prices) changes triggered by step update.
22
- */
23
- protected _prepareOrderAfterStepUpdate(updatedOrder: T): T;
24
- protected _prepareDataFromForm(): {};
25
- protected _doInputChange(): void;
26
- protected setFormData(currentOrder: T, formData?: F): T;
27
- /**
28
- * Call from wizard.
29
- *
30
- * @param reloadedOrder
31
- */
32
- reloadFromOrder(reloadedOrder: T): void;
33
- abstract _initWithValidation(): boolean;
34
- }
35
- //# sourceMappingURL=default-wizard-step.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"default-wizard-step.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC;;GAEG;AACH,8BAAsB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,UAAU;IAE9D,UAAU,EAAE,MAAM,CAAK;IAGvB,gBAAgB,EAAE,OAAO,CAAS;IAGlC,SAAS,EAAE,MAAM,CAAM;IAEvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB,OAAO,CAAC,MAAM,CAAM;IAEpB,YAAY;IAcZ,SAAS,CAAC,KAAK,EAAE,GAAG;IAMpB,aAAa,CAAC,CAAC,EAAE,GAAG;IAiCpB;;;;;;;;OAQG;IAEH,SAAS,CAAC,4BAA4B,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC;IAK1D,SAAS,CAAC,oBAAoB;IAM9B,SAAS,CAAC,cAAc;IAgBxB,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC;IAOvD;;;;OAIG;IAEH,eAAe,CAAC,aAAa,EAAE,CAAC,GAAG,IAAI;IAIvC,QAAQ,CAAC,mBAAmB,IAAI,OAAO;CACxC"}