@progressive-development/pd-spa-helper 0.3.62 → 0.3.64

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

@@ -7,10 +7,13 @@ export declare const STORE_EVENT_NAME = "store";
 export type PopupType = "info" | "help" | "warn" | "error";
 export declare abstract class DefaultConfirmPopup extends LitElement {
     abstract _popupTitle: string;
-    abstract _singleButton: boolean;
     abstract _type?: PopupType;
+    abstract _singleButton: boolean;
+    okButtonText: string;
+    cancelButtonText: string;
     static styles: CSSResultGroup;
     render(): import("lit").TemplateResult<1>;
+    private _generateButtons;
     protected _handleButtonClick(e: CustomEvent): void;
     abstract _renderContent(): HTMLTemplateResult;
 }

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

@@ -1,27 +1,39 @@
+import { __decorate } from "tslib";
 import { html, LitElement, css } from "lit";
+import { property } from "lit/decorators.js";
 import '@progressive-development/pd-dialog/pd-popup-dialog.js';
 export const KEY_ABORT = "1";
 export const ABORT_EVENT_NAME = "close-popup";
 export const KEY_STORE = "2";
 export const STORE_EVENT_NAME = "store";
-const CONFIRM_BUTTONS = [
-    { key: KEY_ABORT, name: "Cancel" },
-    { key: KEY_STORE, name: "Ok", primary: true }
-];
-const SINGLE_BUTTON = [
-    { key: KEY_STORE, name: "Ok", primary: true }
-];
 export class DefaultConfirmPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.okButtonText = "Ok";
+        this.cancelButtonText = "Cancel";
+    }
     render() {
+        const buttons = this._generateButtons();
         return html `
       <pd-popup-dialog @submit-button-clicked="${this._handleButtonClick}"
-        title="${this._popupTitle}" .buttons="${this._singleButton ? SINGLE_BUTTON : CONFIRM_BUTTONS}" type="${this._type}">
+        title="${this._popupTitle}" .buttons="${buttons}" type="${this._type}">
                 
         ${this._renderContent()}
 
       </pd-popup-dialog>
     `;
     }
+    _generateButtons() {
+        if (this._singleButton) {
+            return [
+                { key: KEY_STORE, name: this.okButtonText, primary: true },
+            ];
+        }
+        return [
+            { key: KEY_ABORT, name: this.cancelButtonText },
+            { key: KEY_STORE, name: this.okButtonText, primary: true },
+        ];
+    }
     _handleButtonClick(e) {
         this.dispatchEvent(new CustomEvent(e.detail.button === KEY_STORE ? STORE_EVENT_NAME : ABORT_EVENT_NAME));
     }
@@ -36,4 +48,10 @@ DefaultConfirmPopup.styles = [
       }
     `
 ];
+__decorate([
+    property({ type: String })
+], DefaultConfirmPopup.prototype, "okButtonText", void 0);
+__decorate([
+    property({ type: String })
+], DefaultConfirmPopup.prototype, "cancelButtonText", void 0);
 //# sourceMappingURL=default-confirm-popup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"default-confirm-popup.js","sourceRoot":"","sources":["../../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAsC,MAAM,KAAK,CAAC;AAGhF,OAAO,uDAAuD,CAAC;AAG/D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAIxC,MAAM,eAAe,GAAG;IACtB,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAC;IAChC,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;CAC5C,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;CAC5C,CAAC;AAEF,MAAM,OAAgB,mBAAoB,SAAQ,UAAU;IAoB1D,MAAM;QACJ,OAAO,IAAI,CAAA;iDACkC,IAAI,CAAC,kBAAkB;iBACvD,IAAI,CAAC,WAAW,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,WAAW,IAAI,CAAC,KAAK;;UAE/G,IAAI,CAAC,cAAc,EAAE;;;KAG1B,CAAC;IACJ,CAAC;IAES,kBAAkB,CAAC,CAAc;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CACpE,CACF,CAAC;IACJ,CAAC;;AA5BM,0BAAM,GAAG;IACd,GAAG,CAAA;;;;;;;KAOF;CACgB,CAAC","sourcesContent":["import { html, LitElement, css, CSSResultGroup, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\n\n\nexport const KEY_ABORT = \"1\";\nexport const ABORT_EVENT_NAME = \"close-popup\";\n\nexport const KEY_STORE = \"2\";\nexport const STORE_EVENT_NAME = \"store\";\n\nexport type PopupType = \"info\" | \"help\" | \"warn\" | \"error\";\n\nconst CONFIRM_BUTTONS = [\n  {key: KEY_ABORT, name: \"Cancel\"},\n  {key: KEY_STORE, name: \"Ok\", primary: true}\n];\n\nconst SINGLE_BUTTON = [\n  {key: KEY_STORE, name: \"Ok\", primary: true}\n];\n\nexport abstract class DefaultConfirmPopup extends LitElement {\n\n  abstract _popupTitle: string;\n\n  abstract _singleButton: boolean;\n\n  abstract _type?: PopupType;\n  \n\n  static styles = [        \n    css`\n      :host {\n        --pd-popup-max-width: 600px;\n        --pd-popup-header-height: 50px;\n        --pd-popup-header-font-size: 1em;\n        --pd-popup-header-col: var(--app-primary-dark-col);\n      }\n    `\n  ] as CSSResultGroup;\n\n  render() {        \n    return html`\n      <pd-popup-dialog @submit-button-clicked=\"${this._handleButtonClick}\"\n        title=\"${this._popupTitle}\" .buttons=\"${this._singleButton ? SINGLE_BUTTON : CONFIRM_BUTTONS}\" type=\"${this._type}\">\n                \n        ${this._renderContent()}\n\n      </pd-popup-dialog>\n    `;\n  }\n\n  protected _handleButtonClick(e: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent(\n        e.detail.button === KEY_STORE ? STORE_EVENT_NAME : ABORT_EVENT_NAME\n      )\n    );\n  }\n\n  abstract _renderContent(): HTMLTemplateResult;  \n\n}"]}
+{"version":3,"file":"default-confirm-popup.js","sourceRoot":"","sources":["../../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAsC,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uDAAuD,CAAC;AAE/D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAIxC,MAAM,OAAgB,mBAAoB,SAAQ,UAAU;IAA5D;;QASE,iBAAY,GAAW,IAAI,CAAC;QAG5B,qBAAgB,GAAW,QAAQ,CAAC;IAgDtC,CAAC;IAlCC,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;iDACkC,IAAI,CAAC,kBAAkB;iBACvD,IAAI,CAAC,WAAW,eAAe,OAAO,WAAW,IAAI,CAAC,KAAK;;UAElE,IAAI,CAAC,cAAc,EAAE;;;KAG1B,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO;gBACL,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;aAC3D,CAAC;SACH;QACD,OAAO;YACL,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE;YAC/C,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3D,CAAC;IACJ,CAAC;IAES,kBAAkB,CAAC,CAAc;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CACpE,CACF,CAAC;IACJ,CAAC;;AAzCM,0BAAM,GAAG;IACd,GAAG,CAAA;;;;;;;KAOF;CACgB,CAAC;AAfpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACC;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACS","sourcesContent":["import { html, LitElement, css, CSSResultGroup, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\n\nexport const KEY_ABORT = \"1\";\nexport const ABORT_EVENT_NAME = \"close-popup\";\n\nexport const KEY_STORE = \"2\";\nexport const STORE_EVENT_NAME = \"store\";\n\nexport type PopupType = \"info\" | \"help\" | \"warn\" | \"error\";\n\nexport abstract class DefaultConfirmPopup extends LitElement {\n\n  abstract _popupTitle: string;\n\n  abstract _type?: PopupType;\n\n  abstract _singleButton: boolean;\n\n  @property({ type: String }) \n  okButtonText: string = \"Ok\";\n\n  @property({ type: String }) \n  cancelButtonText: string = \"Cancel\"; \n \n  \n  static styles = [        \n    css`\n      :host {\n        --pd-popup-max-width: 600px;\n        --pd-popup-header-height: 50px;\n        --pd-popup-header-font-size: 1em;\n        --pd-popup-header-col: var(--app-primary-dark-col);\n      }\n    `\n  ] as CSSResultGroup;\n\n  render() {        \n    const buttons = this._generateButtons();\n    return html`\n      <pd-popup-dialog @submit-button-clicked=\"${this._handleButtonClick}\"\n        title=\"${this._popupTitle}\" .buttons=\"${buttons}\" type=\"${this._type}\">\n                \n        ${this._renderContent()}\n\n      </pd-popup-dialog>\n    `;\n  }\n\n  private _generateButtons() {\n    if (this._singleButton) {\n      return [\n        { key: KEY_STORE, name: this.okButtonText, primary: true },\n      ];\n    }\n    return [\n      { key: KEY_ABORT, name: this.cancelButtonText },\n      { key: KEY_STORE, name: this.okButtonText, primary: true },\n    ];\n  }\n\n  protected _handleButtonClick(e: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent(\n        e.detail.button === KEY_STORE ? STORE_EVENT_NAME : ABORT_EVENT_NAME\n      )\n    );\n  }\n\n  abstract _renderContent(): HTMLTemplateResult;  \n\n}"]}

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

@@ -21,6 +21,7 @@ export declare abstract class DefaultWizardStep<T, F> extends LitElement {
      * @returns preparedOrder - with (e.g. prices) changes triggered by step update.
      */
     protected _prepareOrderAfterStepUpdate(updatedOrder: T): T;
+    reloadFromOrder(reloadedOrder: T): void;
     abstract setFormData(currentOrder: T, formData: F): T;
     abstract _initWithValidation(): boolean;
 }

package/dist/src/defaultpage/default-wizard-step.js

@@ -67,6 +67,10 @@ export class DefaultWizardStep extends LitElement {
     _prepareOrderAfterStepUpdate(updatedOrder) {
         return updatedOrder;
     }
+    // eslint-disable-next-line class-methods-use-this
+    reloadFromOrder(reloadedOrder) {
+        // do nothing
+    }
 }
 __decorate([
     property({ type: Number })

package/dist/src/defaultpage/default-wizard-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-wizard-step.js","sourceRoot":"","sources":["../../../src/defaultpage/default-wizard-step.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C;;GAEG;AACH,MAAM,OAAgB,iBAAwB,SAAQ,UAAU;IAAhE;;QAGE,eAAU,GAAW,CAAC,CAAC;QAGvB,qBAAgB,GAAY,KAAK,CAAC;QAGlC,cAAS,GAAW,EAAE,CAAC;IA+EzB,CAAC;IAxEC,YAAY;;QACV,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAE9D,oDAAoD;QACpD,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG;gBACb,QAAQ,EAAE,IAAI,GAAG,EAAE;aACpB,CAAA;YACD,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,aAAa,CAC1D,IAAI,WAAW,CAAC,eAAe,EAAE,EAAC,MAAM,EAAC,CAAC,CAC3C,CAAC;SACH;IACH,CAAC;IAED,SAAS,CAAC,KAAU;QAClB,gCAAgC;QAChC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,aAAa,CAAC,CAAM;QAElB,qDAAqD;QACrD,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE;YAEvC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,eAAe,EAAE;oBAC/B,MAAM,EAAE,CAAC,CAAC,MAAM;iBACjB,CAAC,CACH,CAAC;aACH;YAED,gIAAgI;YAChI,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpD,IAAI;oBACF,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CACpC,CAAC,CAAC,MAAM,CAAC,YAAY,EACrB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAClB,CAAC;oBACF,IAAI,aAAa,EAAE;wBACjB,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,4BAA4B,CAAC,aAAa,CAAC,CAAC;wBAC1E,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;qBACrB;yBAAM;wBACL,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;qBACnD;iBACF;gBAAC,OAAO,KAAU,EAAE;oBACnB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;oBACzD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;iBAChC;aACF;SACF;IACH,CAAC;IAED;;;;;;;;OAQG;IACH,oDAAoD;IAC1C,4BAA4B,CAAC,YAAe;QACpD,OAAO,YAAY,CAAC;IACtB,CAAC;CAMF;AArFC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qDACF;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;2DACQ;AAGlC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;oDACf","sourcesContent":["import { LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\n\n/**\n * TODO: Move inside pd-wizard.\n */\nexport abstract class DefaultWizardStep<T, F> extends LitElement {\n\n  @property({type: Number})\n  stepNumber: number = 0;\n\n  @property({type: Boolean})\n  withRequiredInfo: boolean = false;\n\n  @property({type: String, state: true})\n  _errorMsg: string = \"\";\n\n  abstract _formId:string;\n\n  private _elRef: any;\n\n\n  firstUpdated() {\n    this._formInit(this.shadowRoot?.getElementById(this._formId));\n\n    // first validation if form is already filled (edit)\n    if (this._initWithValidation()) {\n      const detail = {\n        errorMap: new Map()\n      }\n      this.shadowRoot?.getElementById(this._formId)?.dispatchEvent(\n        new CustomEvent(\"validate-form\", {detail})\n      );\n    }\n  }\n\n  _formInit(elRef: any) {\n    // add validation event listener\n    this.addEventListener('validate-form', this._validateForm);\n    this._elRef = elRef;\n  }\n\n  _validateForm(e: any) {\n\n    // vaidate required fields => dispatch event down    \n    if (e.detail && !e.detail.singleElement) {\n\n      if (this._elRef) {\n        this._elRef.dispatchEvent(\n          new CustomEvent('validate-form', {\n            detail: e.detail,\n          })\n        );\n      }\n\n      // no error found TODO: Clear bei Fehler noch übernehmen, da keine Daten für nicht validierte Wizard Schritte verbleiben sollten\n      if (e.detail.errorMap.size === 0 && this.setFormData) {\n        try {\n          const preparedOrder = this.setFormData(\n            e.detail.currentOrder,\n            e.detail.formData\n          );\n          if (preparedOrder) {\n            e.detail.preparedOrder = this._prepareOrderAfterStepUpdate(preparedOrder);\n            this._errorMsg = \"\";\n          } else {\n            e.detail.errorMap.set('validation-error', 'test');\n          }\n        } catch (error: any) {          \n          e.detail.errorMap.set('validation-error', error.message);\n          this._errorMsg = error.message;\n        }\n      }      \n    }    \n  }\n\n  /**\n   * Prepare the order (trigger side-effets) after update from order step.\n   * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.\n   * \n   * The default implementation just returns the updated order to prevent all clients from implementing the method.\n   * \n   * @param updatedOrder order with updates from step.\n   * @returns preparedOrder - with (e.g. prices) changes triggered by step update.\n   */\n  // eslint-disable-next-line class-methods-use-this  \n  protected _prepareOrderAfterStepUpdate(updatedOrder: T): T {\n    return updatedOrder;\n  }\n  \n  abstract setFormData(currentOrder: T, formData: F): T;\n\n  abstract _initWithValidation(): boolean;\n  \n}"]}
+{"version":3,"file":"default-wizard-step.js","sourceRoot":"","sources":["../../../src/defaultpage/default-wizard-step.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C;;GAEG;AACH,MAAM,OAAgB,iBAAwB,SAAQ,UAAU;IAAhE;;QAGE,eAAU,GAAW,CAAC,CAAC;QAGvB,qBAAgB,GAAY,KAAK,CAAC;QAGlC,cAAS,GAAW,EAAE,CAAC;IAoFzB,CAAC;IA7EC,YAAY;;QACV,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAE9D,oDAAoD;QACpD,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG;gBACb,QAAQ,EAAE,IAAI,GAAG,EAAE;aACpB,CAAA;YACD,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,aAAa,CAC1D,IAAI,WAAW,CAAC,eAAe,EAAE,EAAC,MAAM,EAAC,CAAC,CAC3C,CAAC;SACH;IACH,CAAC;IAED,SAAS,CAAC,KAAU;QAClB,gCAAgC;QAChC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,aAAa,CAAC,CAAM;QAElB,qDAAqD;QACrD,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE;YAEvC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,eAAe,EAAE;oBAC/B,MAAM,EAAE,CAAC,CAAC,MAAM;iBACjB,CAAC,CACH,CAAC;aACH;YAED,gIAAgI;YAChI,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpD,IAAI;oBACF,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CACpC,CAAC,CAAC,MAAM,CAAC,YAAY,EACrB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAClB,CAAC;oBACF,IAAI,aAAa,EAAE;wBACjB,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,4BAA4B,CAAC,aAAa,CAAC,CAAC;wBAC1E,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;qBACrB;yBAAM;wBACL,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;qBACnD;iBACF;gBAAC,OAAO,KAAU,EAAE;oBACnB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;oBACzD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;iBAChC;aACF;SACF;IACH,CAAC;IAED;;;;;;;;OAQG;IACH,oDAAoD;IAC1C,4BAA4B,CAAC,YAAe;QACpD,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,kDAAkD;IAClD,eAAe,CAAC,aAAgB;QAC9B,aAAa;IACf,CAAC;CAMF;AA1FC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qDACF;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;2DACQ;AAGlC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;oDACf","sourcesContent":["import { LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\n\n/**\n * TODO: Move inside pd-wizard.\n */\nexport abstract class DefaultWizardStep<T, F> extends LitElement {\n\n  @property({type: Number})\n  stepNumber: number = 0;\n\n  @property({type: Boolean})\n  withRequiredInfo: boolean = false;\n\n  @property({type: String, state: true})\n  _errorMsg: string = \"\";\n\n  abstract _formId:string;\n\n  private _elRef: any;\n\n\n  firstUpdated() {\n    this._formInit(this.shadowRoot?.getElementById(this._formId));\n\n    // first validation if form is already filled (edit)\n    if (this._initWithValidation()) {\n      const detail = {\n        errorMap: new Map()\n      }\n      this.shadowRoot?.getElementById(this._formId)?.dispatchEvent(\n        new CustomEvent(\"validate-form\", {detail})\n      );\n    }\n  }\n\n  _formInit(elRef: any) {\n    // add validation event listener\n    this.addEventListener('validate-form', this._validateForm);\n    this._elRef = elRef;\n  }\n\n  _validateForm(e: any) {\n\n    // vaidate required fields => dispatch event down    \n    if (e.detail && !e.detail.singleElement) {\n\n      if (this._elRef) {\n        this._elRef.dispatchEvent(\n          new CustomEvent('validate-form', {\n            detail: e.detail,\n          })\n        );\n      }\n\n      // no error found TODO: Clear bei Fehler noch übernehmen, da keine Daten für nicht validierte Wizard Schritte verbleiben sollten\n      if (e.detail.errorMap.size === 0 && this.setFormData) {\n        try {\n          const preparedOrder = this.setFormData(\n            e.detail.currentOrder,\n            e.detail.formData\n          );\n          if (preparedOrder) {\n            e.detail.preparedOrder = this._prepareOrderAfterStepUpdate(preparedOrder);\n            this._errorMsg = \"\";\n          } else {\n            e.detail.errorMap.set('validation-error', 'test');\n          }\n        } catch (error: any) {          \n          e.detail.errorMap.set('validation-error', error.message);\n          this._errorMsg = error.message;\n        }\n      }      \n    }    \n  }\n\n  /**\n   * Prepare the order (trigger side-effets) after update from order step.\n   * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.\n   * \n   * The default implementation just returns the updated order to prevent all clients from implementing the method.\n   * \n   * @param updatedOrder order with updates from step.\n   * @returns preparedOrder - with (e.g. prices) changes triggered by step update.\n   */\n  // eslint-disable-next-line class-methods-use-this  \n  protected _prepareOrderAfterStepUpdate(updatedOrder: T): T {\n    return updatedOrder;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reloadFromOrder(reloadedOrder: T): void {\n    // do nothing\n  }\n  \n  abstract setFormData(currentOrder: T, formData: F): T;\n\n  abstract _initWithValidation(): boolean;\n  \n}"]}

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

@@ -14,10 +14,16 @@ export declare abstract class DefaultWizard<T> extends DefaultViewPage {
     }>;
     _currentOrderStep: number;
     _orderFormData?: T;
+    _withLocalStorageId?: string;
     render(): import("lit").TemplateResult<1>;
+    private getWizardStorage;
+    protected _reloadFromStorage(): void;
+    protected _doStorageUpdate(): void;
+    protected _removeFromStorage(): void;
     _nextStep(e: CustomEvent): void;
     _previousStep(): void;
     _goToStep(e: any): void;
+    _closeWizardRequest(): void;
     abstract _closeWizard(): void;
     abstract _renderSteps(): HTMLTemplateResult;
     abstract _renderLogo(): HTMLTemplateResult;

package/dist/src/defaultpage/default-wizard.js

@@ -1,9 +1,15 @@
 import { __decorate } from "tslib";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
+import { msg } from "@lit/localize";
 import '@progressive-development/pd-dialog/pd-popup-dialog.js';
 import '@progressive-development/pd-wizard/pd-wizard.js';
 import { DefaultViewPage } from "./default-view-page.js";
+import { RUNNING_WIZARD_STORAGE_ELEMENTS } from "../model/spa-model.js";
+import { WizardReloadPopup } from "../popup/wizard-reload-popup.js";
+import { WizardClosePopup } from "../popup/wizard-close-popup.js";
+import { ABORT_EVENT_NAME, STORE_EVENT_NAME } from "./default-confirm-popup.js";
+import { DefaultWizardStep } from "./default-wizard-step.js";
 /**
  * TODO: Move inside pd-wizard.
  */
@@ -24,18 +30,88 @@ export class DefaultWizard extends DefaultViewPage {
         @previous-step="${this._previousStep}"
         @submit-wizard="${this._nextStep}"
         @go-to="${this._goToStep}"
-        @close-wizard="${this._closeWizard}"
+        @close-wizard="${this._closeWizardRequest}"
+        @wizard-step-update="${this._doStorageUpdate}"
       >
         ${this._renderLogo()}
         ${this._renderSteps()}
       </pd-wizard>
     `;
     }
+    // eslint-disable-next-line class-methods-use-this
+    getWizardStorage() {
+        const storageEl = localStorage.getItem(RUNNING_WIZARD_STORAGE_ELEMENTS);
+        return storageEl ? JSON.parse(storageEl) : {};
+    }
+    _reloadFromStorage() {
+        var _a;
+        if (this._withLocalStorageId) {
+            // Laden
+            const storageEl = this.getWizardStorage()[this._withLocalStorageId];
+            if (storageEl && storageEl.orderFormData) {
+                const popup = new WizardReloadPopup();
+                popup.reloadItem = storageEl;
+                popup.okButtonText = msg("Fortsetzen", { id: "spaH.wizard.reload.popup.ok" });
+                popup.cancelButtonText = msg("Verwerfen", { id: "spaH.wizard.reload.popup.cancel" });
+                popup.addEventListener(ABORT_EVENT_NAME, () => {
+                    var _a;
+                    this._removeFromStorage();
+                    (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+                });
+                popup.addEventListener(STORE_EVENT_NAME, () => {
+                    var _a, _b;
+                    console.debug(`Reload storage element from ${storageEl.timestamp}`);
+                    this._orderFormData = storageEl.orderFormData;
+                    this._currentOrderStep = storageEl.wizardStep;
+                    (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+                    const slot = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+                    if (!slot)
+                        return;
+                    // Hole alle zugewiesenen Elemente
+                    const allElements = slot.assignedElements({ flatten: true });
+                    // Filtere nur die Elemente, die Instanzen von DefaultWizardStep sind
+                    const stepElements = allElements.filter((el) => el instanceof DefaultWizardStep &&
+                        typeof el.slot === 'string' &&
+                        el.slot.startsWith('step-'));
+                    // Führe die gewünschte Methode für jedes gefilterte Element aus
+                    stepElements.forEach((step) => {
+                        var _a;
+                        (_a = step.reloadFromOrder) === null || _a === void 0 ? void 0 : _a.call(step, this._orderFormData);
+                    });
+                });
+                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(popup);
+            }
+        }
+    }
+    _doStorageUpdate() {
+        if (this._withLocalStorageId) {
+            const storageWizard = this.getWizardStorage();
+            storageWizard[this._withLocalStorageId] = {
+                orderFormData: this._orderFormData,
+                wizardStep: this._currentOrderStep,
+                timestamp: new Date().toUTCString(),
+            };
+            localStorage.setItem(RUNNING_WIZARD_STORAGE_ELEMENTS, JSON.stringify(storageWizard));
+            console.debug(`Update wizard local storage for key ${this._withLocalStorageId}`);
+        }
+    }
+    _removeFromStorage() {
+        if (this._withLocalStorageId) {
+            // remote storage element
+            const storageWizard = this.getWizardStorage();
+            delete storageWizard[this._withLocalStorageId];
+            localStorage.setItem(RUNNING_WIZARD_STORAGE_ELEMENTS, JSON.stringify(storageWizard));
+            console.debug(`Remove wizard local storage for key ${this._withLocalStorageId}`);
+        }
+    }
     _nextStep(e) {
         var _a;
         const setNextStep = () => {
             if (this._currentOrderStep < this._wizardSteps.length) {
                 this._currentOrderStep += 1;
+                if (this._withLocalStorageId) {
+                    this._doStorageUpdate();
+                }
                 if (!this.panelWizard) {
                     DefaultWizard._timeOutScroll();
                 }
@@ -86,6 +162,44 @@ export class DefaultWizard extends DefaultViewPage {
             }
         }
     }
+    _closeWizardRequest() {
+        var _a, _b;
+        if (this._withLocalStorageId) {
+            const popup = new WizardClosePopup();
+            popup.withStorage = true;
+            popup.okButtonText = msg("Speichern", { id: "spaH.wizard.storage.close.popup.ok" });
+            popup.cancelButtonText = msg("Verwerfen", { id: "spaH.wizard.storage.close.popup.cancel" });
+            popup.addEventListener(ABORT_EVENT_NAME, () => {
+                var _a;
+                this._removeFromStorage();
+                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+                this._closeWizard();
+            });
+            popup.addEventListener(STORE_EVENT_NAME, () => {
+                var _a;
+                this._doStorageUpdate();
+                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+                this._closeWizard();
+            });
+            (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(popup);
+        }
+        else {
+            const popup = new WizardClosePopup();
+            popup.withStorage = false;
+            popup.okButtonText = msg("Schließen", { id: "spaH.wizard.close.popup.ok" });
+            popup.cancelButtonText = msg("Abbrechen", { id: "spaH.wizard.close.popup.cancel" });
+            popup.addEventListener(ABORT_EVENT_NAME, () => {
+                var _a;
+                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+            });
+            popup.addEventListener(STORE_EVENT_NAME, () => {
+                var _a;
+                (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(popup);
+                this._closeWizard();
+            });
+            (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(popup);
+        }
+    }
     static _timeOutScroll() {
         window.setTimeout(() => {
             window.scrollTo({
@@ -105,4 +219,7 @@ __decorate([
 __decorate([
     property({ type: Object, state: true })
 ], DefaultWizard.prototype, "_orderFormData", void 0);
+__decorate([
+    property({ type: String, state: true })
+], DefaultWizard.prototype, "_withLocalStorageId", void 0);
 //# sourceMappingURL=default-wizard.js.map

package/dist/src/defaultpage/default-wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-wizard.js","sourceRoot":"","sources":["../../../src/defaultpage/default-wizard.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\nimport '@progressive-development/pd-wizard/pd-wizard.js';\n\nimport { DefaultViewPage } from \"./default-view-page.js\";\n\n/**\n * TODO: Move inside pd-wizard.\n */\nexport abstract class DefaultWizard<T> extends DefaultViewPage {\n  \n  protected panelWizard:boolean = false;\n\n  @property({ type: Array, state: true })\n  abstract _wizardSteps: Array<{\n    title: string,    \n    name: string,\n    key: string\n  }>;  \n\n  @property({ type: Number, state: true })\n  _currentOrderStep: number = 1;\n\n  @property({ type: Object, state: true })\n  _orderFormData?: T;\n\n\n  render() {\n    return html`\n      <pd-wizard        \n        id=\"wizardId\"\n        ?panelWizard=\"${this.panelWizard}\"\n        currentNumber=\"${this._currentOrderStep}\"\n        .wizardSteps=\"${this._wizardSteps}\"        \n        @next-step=\"${this._nextStep}\"\n        @previous-step=\"${this._previousStep}\"\n        @submit-wizard=\"${this._nextStep}\"\n        @go-to=\"${this._goToStep}\"\n        @close-wizard=\"${this._closeWizard}\"\n      >\n        ${this._renderLogo()}\n        ${this._renderSteps()}\n      </pd-wizard>\n    `;\n  }\n\n  _nextStep(e:CustomEvent) {\n    const setNextStep = () => {\n      if (this._currentOrderStep < this._wizardSteps.length) {\n        this._currentOrderStep += 1;\n        if (!this.panelWizard) {\n          DefaultWizard._timeOutScroll();\n        }\n      }\n    };\n\n    const detail:any = {\n      errorMap: new Map(),\n      formData: {},\n      currentOrder: this._orderFormData,\n    };\n\n    const curentStepEl:any = this.shadowRoot?.getElementById(\n      `wiz${this._currentOrderStep}Id`\n    );\n\n    /**\n     * Trigger validate event. After that, detail members prepared by \n     * event process and can handle synchronously.\n     */\n    curentStepEl.dispatchEvent(new CustomEvent('validate-form', { detail }));\n\n    if (detail.errorMap.size === 0) {\n      if (detail.preparedOrder) {\n        this._orderFormData = detail.preparedOrder;\n      }\n      if (this._wizardSteps.length === this._currentOrderStep) {\n        // Now submit wizard\n        e.detail.submited = true;\n        this._submitWizard();\n      } else {\n        setNextStep();\n      }\n    } else {\n      console.log('Validation rejected: ', detail);\n    }\n  }\n\n  _previousStep() {\n    if (this._currentOrderStep > 1) {\n      this._currentOrderStep -= 1;\n      if (!this.panelWizard) {\n        DefaultWizard._timeOutScroll();\n      }      \n    }\n  }\n\n  _goToStep(e: any) {\n    const stepNr = e.detail.step;\n    if (stepNr > 0 && stepNr <= this._wizardSteps.length) {\n      this._currentOrderStep = Number(stepNr);\n      if (!this.panelWizard) {\n        DefaultWizard._timeOutScroll();\n      }\n    }\n  }\n\n  abstract _closeWizard(): void;\n\n  abstract _renderSteps(): HTMLTemplateResult;\n\n  abstract _renderLogo(): HTMLTemplateResult;  \n\n  abstract _submitWizard():void;    \n\n  static _timeOutScroll() {\n    window.setTimeout(() => {\n      window.scrollTo({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }, 100);\n  }\n\n}"]}
+{"version":3,"file":"default-wizard.js","sourceRoot":"","sources":["../../../src/defaultpage/default-wizard.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { msg } from \"@lit/localize\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\nimport '@progressive-development/pd-wizard/pd-wizard.js';\n\nimport { DefaultViewPage } from \"./default-view-page.js\";\nimport { RUNNING_WIZARD_STORAGE_ELEMENTS } from \"../model/spa-model.js\";\nimport { WizardReloadPopup } from \"../popup/wizard-reload-popup.js\";\nimport { WizardClosePopup } from \"../popup/wizard-close-popup.js\";\nimport { ABORT_EVENT_NAME, STORE_EVENT_NAME } from \"./default-confirm-popup.js\";\nimport { DefaultWizardStep } from \"./default-wizard-step.js\";\n\n\n/**\n * TODO: Move inside pd-wizard.\n */\nexport abstract class DefaultWizard<T> extends DefaultViewPage {\n  \n  protected panelWizard:boolean = false;\n\n  @property({ type: Array, state: true })\n  abstract _wizardSteps: Array<{\n    title: string,    \n    name: string,\n    key: string\n  }>;  \n\n  @property({ type: Number, state: true })\n  _currentOrderStep: number = 1;\n\n  @property({ type: Object, state: true })\n  _orderFormData?: T;\n\n  @property({type: String, state: true })\n  _withLocalStorageId?: string;\n\n\n  render() {\n    return html`\n      <pd-wizard        \n        id=\"wizardId\"\n        ?panelWizard=\"${this.panelWizard}\"\n        currentNumber=\"${this._currentOrderStep}\"\n        .wizardSteps=\"${this._wizardSteps}\"        \n        @next-step=\"${this._nextStep}\"\n        @previous-step=\"${this._previousStep}\"\n        @submit-wizard=\"${this._nextStep}\"\n        @go-to=\"${this._goToStep}\"\n        @close-wizard=\"${this._closeWizardRequest}\"\n        @wizard-step-update=\"${this._doStorageUpdate}\"\n      >\n        ${this._renderLogo()}\n        ${this._renderSteps()}\n      </pd-wizard>\n    `;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private getWizardStorage():Record<string, {\n    orderFormData?: T,\n    timestamp: string,\n    wizardStep: number,\n  }> {\n    const storageEl = localStorage.getItem(RUNNING_WIZARD_STORAGE_ELEMENTS);\n    return storageEl ? JSON.parse(storageEl) : {};\n  }\n\n  protected _reloadFromStorage() {\n\n    if(this._withLocalStorageId) {\n      // Laden\n      const storageEl = this.getWizardStorage()[this._withLocalStorageId];\n      if (storageEl && storageEl.orderFormData) {\n\n        const popup = new WizardReloadPopup();\n        popup.reloadItem = storageEl;\n        popup.okButtonText = msg(\"Fortsetzen\", {id: \"spaH.wizard.reload.popup.ok\"});\n        popup.cancelButtonText = msg(\"Verwerfen\", {id: \"spaH.wizard.reload.popup.cancel\"});\n\n        popup.addEventListener(ABORT_EVENT_NAME, () => {\n          this._removeFromStorage()\n          this.shadowRoot?.removeChild(popup);\n        });\n\n        popup.addEventListener(STORE_EVENT_NAME, () => {\n          console.debug(`Reload storage element from ${storageEl.timestamp}`);\n          this._orderFormData = storageEl.orderFormData;\n          this._currentOrderStep = storageEl.wizardStep;\n          this.shadowRoot?.removeChild(popup);\n\n          const slot = this.shadowRoot?.querySelector('slot');\n          if (!slot) return;        \n          // Hole alle zugewiesenen Elemente\n          const allElements = slot.assignedElements({ flatten: true });\n\n          // Filtere nur die Elemente, die Instanzen von DefaultWizardStep sind\n          const stepElements = allElements.filter(\n            (el): el is DefaultWizardStep<any, any> =>\n              el instanceof DefaultWizardStep &&\n              typeof el.slot === 'string' &&\n              el.slot.startsWith('step-')\n          );\n\n          // Führe die gewünschte Methode für jedes gefilterte Element aus\n          stepElements.forEach((step) => {\n            step.reloadFromOrder?.(this._orderFormData);\n          });\n\n        });\n\n        this.shadowRoot?.appendChild(popup);            \n      }    \n    }\n  }\n\n  protected _doStorageUpdate() {\n    if (this._withLocalStorageId) {\n      const storageWizard = this.getWizardStorage();\n      storageWizard[this._withLocalStorageId] = {\n        orderFormData: this._orderFormData,\n        wizardStep: this._currentOrderStep,\n        timestamp: new Date().toUTCString(),\n      }\n      localStorage.setItem(RUNNING_WIZARD_STORAGE_ELEMENTS, JSON.stringify(storageWizard));\n      console.debug(`Update wizard local storage for key ${this._withLocalStorageId}`);\n    }\n  }\n\n  protected _removeFromStorage() {\n    if (this._withLocalStorageId) {\n      // remote storage element\n      const storageWizard = this.getWizardStorage();\n      delete storageWizard[this._withLocalStorageId];\n      localStorage.setItem(\n        RUNNING_WIZARD_STORAGE_ELEMENTS, \n        JSON.stringify(storageWizard)\n      );\n      console.debug(`Remove wizard local storage for key ${this._withLocalStorageId}`);\n    }\n  }\n\n  _nextStep(e:CustomEvent) {\n    const setNextStep = () => {\n      if (this._currentOrderStep < this._wizardSteps.length) {\n        this._currentOrderStep += 1;\n\n        if (this._withLocalStorageId) {\n          this._doStorageUpdate();\n        }\n        \n        if (!this.panelWizard) {\n          DefaultWizard._timeOutScroll();\n        }\n      }\n    };\n\n    const detail:any = {\n      errorMap: new Map(),\n      formData: {},\n      currentOrder: this._orderFormData,\n    };\n\n    const curentStepEl:any = this.shadowRoot?.getElementById(\n      `wiz${this._currentOrderStep}Id`\n    );\n\n    /**\n     * Trigger validate event. After that, detail members prepared by \n     * event process and can handle synchronously.\n     */\n    curentStepEl.dispatchEvent(new CustomEvent('validate-form', { detail }));\n\n    if (detail.errorMap.size === 0) {\n      if (detail.preparedOrder) {\n        this._orderFormData = detail.preparedOrder;\n      }\n      if (this._wizardSteps.length === this._currentOrderStep) {\n        // Now submit wizard\n        e.detail.submited = true;\n        this._submitWizard();\n      } else {\n        setNextStep();\n      }\n    } else {\n      console.log('Validation rejected: ', detail);\n    }\n  }\n\n  _previousStep() {\n    if (this._currentOrderStep > 1) {\n      this._currentOrderStep -= 1;\n      if (!this.panelWizard) {\n        DefaultWizard._timeOutScroll();\n      }      \n    }\n  }\n\n  _goToStep(e: any) {\n    const stepNr = e.detail.step;\n    if (stepNr > 0 && stepNr <= this._wizardSteps.length) {\n      this._currentOrderStep = Number(stepNr);\n      if (!this.panelWizard) {\n        DefaultWizard._timeOutScroll();\n      }\n    }\n  }\n\n  _closeWizardRequest(): void {\n\n    if (this._withLocalStorageId) {\n      const popup = new WizardClosePopup();\n      popup.withStorage = true;\n      popup.okButtonText = msg(\"Speichern\", {id: \"spaH.wizard.storage.close.popup.ok\"});\n      popup.cancelButtonText = msg(\"Verwerfen\", {id: \"spaH.wizard.storage.close.popup.cancel\"});\n  \n      popup.addEventListener(ABORT_EVENT_NAME, () => {\n        this._removeFromStorage()\n        this.shadowRoot?.removeChild(popup);\n        this._closeWizard();\n      });\n  \n      popup.addEventListener(STORE_EVENT_NAME, () => {\n        this._doStorageUpdate();\n        this.shadowRoot?.removeChild(popup);\n        this._closeWizard();\n      });\n\n      this.shadowRoot?.appendChild(popup);\n\n    } else {\n\n      const popup = new WizardClosePopup();\n      popup.withStorage = false;\n      popup.okButtonText = msg(\"Schließen\", {id: \"spaH.wizard.close.popup.ok\"});\n      popup.cancelButtonText = msg(\"Abbrechen\", {id: \"spaH.wizard.close.popup.cancel\"});\n\n      popup.addEventListener(ABORT_EVENT_NAME, () => {\n        this.shadowRoot?.removeChild(popup);\n      });\n  \n      popup.addEventListener(STORE_EVENT_NAME, () => {\n        this.shadowRoot?.removeChild(popup);\n        this._closeWizard();\n      });\n\n      this.shadowRoot?.appendChild(popup);\n    }\n  }\n\n  abstract _closeWizard(): void;\n\n  abstract _renderSteps(): HTMLTemplateResult;\n\n  abstract _renderLogo(): HTMLTemplateResult;  \n\n  abstract _submitWizard():void;    \n\n  static _timeOutScroll() {\n    window.setTimeout(() => {\n      window.scrollTo({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }, 100);\n  }\n\n}"]}

package/dist/src/generated/locale-wrapper/de-wrapper.d.ts

@@ -1,4 +1,15 @@
 export declare const templates: {
     'spaH.loadingstate.syncState': string;
     'spaH.loadingstate.pleaseWait': string;
+    'spaH.wizard.reload.popup.title': string;
+    'spaH.wizard.reload.popup.content': string;
+    'spaH.wizard.close.popup.title': string;
+    'spaH.wizard.close.popup.storage.content': string;
+    'spaH.wizard.reload.popup.noStorage.content': string;
+    'spaH.wizard.reload.popup.ok': string;
+    'spaH.wizard.reload.popup.cancel': string;
+    'spaH.wizard.storage.close.popup.ok': string;
+    'spaH.wizard.storage.close.popup.cancel': string;
+    'spaH.wizard.close.popup.ok': string;
+    'spaH.wizard.close.popup.cancel': string;
 };

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

@@ -1,4 +1,15 @@
 export declare const templates: {
     'spaH.loadingstate.pleaseWait': string;
     'spaH.loadingstate.syncState': string;
+    'spaH.wizard.close.popup.cancel': string;
+    'spaH.wizard.close.popup.ok': string;
+    'spaH.wizard.close.popup.storage.content': string;
+    'spaH.wizard.close.popup.title': string;
+    'spaH.wizard.reload.popup.cancel': string;
+    'spaH.wizard.reload.popup.content': string;
+    'spaH.wizard.reload.popup.noStorage.content': string;
+    'spaH.wizard.reload.popup.ok': string;
+    'spaH.wizard.reload.popup.title': string;
+    'spaH.wizard.storage.close.popup.cancel': string;
+    'spaH.wizard.storage.close.popup.ok': string;
 };

package/dist/src/generated/locales/be.js

@@ -5,5 +5,16 @@
 export const templates = {
     'spaH.loadingstate.pleaseWait': `Gegevens worden geladen`,
     'spaH.loadingstate.syncState': `Gegevens worden gesynchroniseerd`,
+    'spaH.wizard.close.popup.cancel': `Annuleren`,
+    'spaH.wizard.close.popup.ok': `Sluiten`,
+    'spaH.wizard.close.popup.storage.content': `De huidige invoer kan worden opgeslagen voor later bewerken of worden verwijderd. Welke actie wilt u uitvoeren?`,
+    'spaH.wizard.close.popup.title': `Bewerking annuleren`,
+    'spaH.wizard.reload.popup.cancel': `Verwijderen`,
+    'spaH.wizard.reload.popup.content': `Er zijn al gegevens opgeslagen voor dit formulier. Wilt u doorgaan met bewerken of een nieuwe invoer starten? Bij een nieuwe invoer worden de bestaande gegevens verwijderd.`,
+    'spaH.wizard.reload.popup.noStorage.content': `De huidige invoer gaat onherroepelijk verloren na het sluiten. Toch sluiten?`,
+    'spaH.wizard.reload.popup.ok': `Doorgaan`,
+    'spaH.wizard.reload.popup.title': `Doorgaan met bewerken?`,
+    'spaH.wizard.storage.close.popup.cancel': `Verwijderen`,
+    'spaH.wizard.storage.close.popup.ok': `Opslaan`,
 };
 //# sourceMappingURL=be.js.map

package/dist/src/generated/locales/be.js.map

@@ -1 +1 @@
-{"version":3,"file":"be.js","sourceRoot":"","sources":["../../../../src/generated/locales/be.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,8BAA8B,EAAE,yBAAyB;IAC/D,6BAA6B,EAAE,kCAAkC;CAC5D,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.loadingstate.pleaseWait': `Gegevens worden geladen`,\n'spaH.loadingstate.syncState': `Gegevens worden gesynchroniseerd`,\n    };\n  "]}
+{"version":3,"file":"be.js","sourceRoot":"","sources":["../../../../src/generated/locales/be.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,8BAA8B,EAAE,yBAAyB;IAC/D,6BAA6B,EAAE,kCAAkC;IACjE,gCAAgC,EAAE,WAAW;IAC7C,4BAA4B,EAAE,SAAS;IACvC,yCAAyC,EAAE,iHAAiH;IAC5J,+BAA+B,EAAE,qBAAqB;IACtD,iCAAiC,EAAE,aAAa;IAChD,kCAAkC,EAAE,8KAA8K;IAClN,4CAA4C,EAAE,8EAA8E;IAC5H,6BAA6B,EAAE,UAAU;IACzC,gCAAgC,EAAE,wBAAwB;IAC1D,wCAAwC,EAAE,aAAa;IACvD,oCAAoC,EAAE,SAAS;CAC1C,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.loadingstate.pleaseWait': `Gegevens worden geladen`,\n'spaH.loadingstate.syncState': `Gegevens worden gesynchroniseerd`,\n'spaH.wizard.close.popup.cancel': `Annuleren`,\n'spaH.wizard.close.popup.ok': `Sluiten`,\n'spaH.wizard.close.popup.storage.content': `De huidige invoer kan worden opgeslagen voor later bewerken of worden verwijderd. Welke actie wilt u uitvoeren?`,\n'spaH.wizard.close.popup.title': `Bewerking annuleren`,\n'spaH.wizard.reload.popup.cancel': `Verwijderen`,\n'spaH.wizard.reload.popup.content': `Er zijn al gegevens opgeslagen voor dit formulier. Wilt u doorgaan met bewerken of een nieuwe invoer starten? Bij een nieuwe invoer worden de bestaande gegevens verwijderd.`,\n'spaH.wizard.reload.popup.noStorage.content': `De huidige invoer gaat onherroepelijk verloren na het sluiten. Toch sluiten?`,\n'spaH.wizard.reload.popup.ok': `Doorgaan`,\n'spaH.wizard.reload.popup.title': `Doorgaan met bewerken?`,\n'spaH.wizard.storage.close.popup.cancel': `Verwijderen`,\n'spaH.wizard.storage.close.popup.ok': `Opslaan`,\n    };\n  "]}

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

@@ -1,4 +1,15 @@
 export declare const templates: {
     'spaH.loadingstate.syncState': string;
     'spaH.loadingstate.pleaseWait': string;
+    'spaH.wizard.reload.popup.title': string;
+    'spaH.wizard.reload.popup.content': string;
+    'spaH.wizard.close.popup.title': string;
+    'spaH.wizard.close.popup.storage.content': string;
+    'spaH.wizard.reload.popup.noStorage.content': string;
+    'spaH.wizard.reload.popup.ok': string;
+    'spaH.wizard.reload.popup.cancel': string;
+    'spaH.wizard.storage.close.popup.ok': string;
+    'spaH.wizard.storage.close.popup.cancel': string;
+    'spaH.wizard.close.popup.ok': string;
+    'spaH.wizard.close.popup.cancel': string;
 };

package/dist/src/generated/locales/de.js

@@ -5,5 +5,16 @@
 export const templates = {
     'spaH.loadingstate.syncState': `Daten werden synchronisiert`,
     'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,
+    'spaH.wizard.reload.popup.title': `Bearbeitung fortsetzen?`,
+    'spaH.wizard.reload.popup.content': `Für dieses Formular wurden bereits Daten gespeichert. Soll die Bearbeitung fortgesetzt, oder eine neue Dateneingabe gestartet werden? Bei einer neuen Eingabe werden die bisherigen Daten verworfen.`,
+    'spaH.wizard.close.popup.title': `Bearbeitung abbrechen`,
+    'spaH.wizard.close.popup.storage.content': `Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?`,
+    'spaH.wizard.reload.popup.noStorage.content': `Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?`,
+    'spaH.wizard.reload.popup.ok': `Fortsetzen`,
+    'spaH.wizard.reload.popup.cancel': `Verwerfen`,
+    'spaH.wizard.storage.close.popup.ok': `Speichern`,
+    'spaH.wizard.storage.close.popup.cancel': `Verwerfen`,
+    'spaH.wizard.close.popup.ok': `Schließen`,
+    'spaH.wizard.close.popup.cancel': `Abbrechen`,
 };
 //# sourceMappingURL=de.js.map

package/dist/src/generated/locales/de.js.map

@@ -1 +1 @@
-{"version":3,"file":"de.js","sourceRoot":"","sources":["../../../../src/generated/locales/de.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,6BAA6B,EAAE,6BAA6B;IAClE,8BAA8B,EAAE,oCAAoC;CAC/D,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.loadingstate.syncState': `Daten werden synchronisiert`,\n'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,\n    };\n  "]}
+{"version":3,"file":"de.js","sourceRoot":"","sources":["../../../../src/generated/locales/de.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,6BAA6B,EAAE,6BAA6B;IAClE,8BAA8B,EAAE,oCAAoC;IACpE,gCAAgC,EAAE,yBAAyB;IAC3D,kCAAkC,EAAE,sMAAsM;IAC1O,+BAA+B,EAAE,uBAAuB;IACxD,yCAAyC,EAAE,qIAAqI;IAChL,4CAA4C,EAAE,6FAA6F;IAC3I,6BAA6B,EAAE,YAAY;IAC3C,iCAAiC,EAAE,WAAW;IAC9C,oCAAoC,EAAE,WAAW;IACjD,wCAAwC,EAAE,WAAW;IACrD,4BAA4B,EAAE,WAAW;IACzC,gCAAgC,EAAE,WAAW;CACxC,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.loadingstate.syncState': `Daten werden synchronisiert`,\n'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,\n'spaH.wizard.reload.popup.title': `Bearbeitung fortsetzen?`,\n'spaH.wizard.reload.popup.content': `Für dieses Formular wurden bereits Daten gespeichert. Soll die Bearbeitung fortgesetzt, oder eine neue Dateneingabe gestartet werden? Bei einer neuen Eingabe werden die bisherigen Daten verworfen.`,\n'spaH.wizard.close.popup.title': `Bearbeitung abbrechen`,\n'spaH.wizard.close.popup.storage.content': `Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?`,\n'spaH.wizard.reload.popup.noStorage.content': `Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?`,\n'spaH.wizard.reload.popup.ok': `Fortsetzen`,\n'spaH.wizard.reload.popup.cancel': `Verwerfen`,\n'spaH.wizard.storage.close.popup.ok': `Speichern`,\n'spaH.wizard.storage.close.popup.cancel': `Verwerfen`,\n'spaH.wizard.close.popup.ok': `Schließen`,\n'spaH.wizard.close.popup.cancel': `Abbrechen`,\n    };\n  "]}

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

@@ -1,4 +1,15 @@
 export declare const templates: {
+    'spaH.wizard.close.popup.cancel': string;
+    'spaH.wizard.close.popup.ok': string;
+    'spaH.wizard.close.popup.storage.content': string;
+    'spaH.wizard.close.popup.title': string;
+    'spaH.wizard.reload.popup.cancel': string;
+    'spaH.wizard.reload.popup.content': string;
+    'spaH.wizard.reload.popup.noStorage.content': string;
+    'spaH.wizard.reload.popup.ok': string;
+    'spaH.wizard.reload.popup.title': string;
+    'spaH.wizard.storage.close.popup.cancel': string;
+    'spaH.wizard.storage.close.popup.ok': string;
     'spaH.loadingstate.syncState': string;
     'spaH.loadingstate.pleaseWait': string;
 };

package/dist/src/generated/locales/en.js

@@ -3,6 +3,17 @@
 /* eslint-disable no-irregular-whitespace */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export const templates = {
+    'spaH.wizard.close.popup.cancel': `Cancel`,
+    'spaH.wizard.close.popup.ok': `Close`,
+    'spaH.wizard.close.popup.storage.content': `The current inputs can be saved for later editing or discarded. Which action should be taken?`,
+    'spaH.wizard.close.popup.title': `Cancel editing`,
+    'spaH.wizard.reload.popup.cancel': `Discard`,
+    'spaH.wizard.reload.popup.content': `Data has already been saved for this form. Would you like to continue editing or start a new entry? Starting a new entry will discard the existing data.`,
+    'spaH.wizard.reload.popup.noStorage.content': `The current inputs will be permanently lost after closing. Close anyway?`,
+    'spaH.wizard.reload.popup.ok': `Continue`,
+    'spaH.wizard.reload.popup.title': `Continue editing?`,
+    'spaH.wizard.storage.close.popup.cancel': `Discard`,
+    'spaH.wizard.storage.close.popup.ok': `Save`,
     'spaH.loadingstate.syncState': `Daten werden synchronisiert`,
     'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,
 };

package/dist/src/generated/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/generated/locales/en.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,6BAA6B,EAAE,6BAA6B;IAClE,8BAA8B,EAAE,oCAAoC;CAC/D,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.loadingstate.syncState': `Daten werden synchronisiert`,\n'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,\n    };\n  "]}
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/generated/locales/en.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,gCAAgC,EAAE,QAAQ;IAChD,4BAA4B,EAAE,OAAO;IACrC,yCAAyC,EAAE,+FAA+F;IAC1I,+BAA+B,EAAE,gBAAgB;IACjD,iCAAiC,EAAE,SAAS;IAC5C,kCAAkC,EAAE,0JAA0J;IAC9L,4CAA4C,EAAE,0EAA0E;IACxH,6BAA6B,EAAE,UAAU;IACzC,gCAAgC,EAAE,mBAAmB;IACrD,wCAAwC,EAAE,SAAS;IACnD,oCAAoC,EAAE,MAAM;IAC5C,6BAA6B,EAAE,6BAA6B;IAC5D,8BAA8B,EAAE,oCAAoC;CAC/D,CAAC","sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      'spaH.wizard.close.popup.cancel': `Cancel`,\n'spaH.wizard.close.popup.ok': `Close`,\n'spaH.wizard.close.popup.storage.content': `The current inputs can be saved for later editing or discarded. Which action should be taken?`,\n'spaH.wizard.close.popup.title': `Cancel editing`,\n'spaH.wizard.reload.popup.cancel': `Discard`,\n'spaH.wizard.reload.popup.content': `Data has already been saved for this form. Would you like to continue editing or start a new entry? Starting a new entry will discard the existing data.`,\n'spaH.wizard.reload.popup.noStorage.content': `The current inputs will be permanently lost after closing. Close anyway?`,\n'spaH.wizard.reload.popup.ok': `Continue`,\n'spaH.wizard.reload.popup.title': `Continue editing?`,\n'spaH.wizard.storage.close.popup.cancel': `Discard`,\n'spaH.wizard.storage.close.popup.ok': `Save`,\n'spaH.loadingstate.syncState': `Daten werden synchronisiert`,\n'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,\n    };\n  "]}

package/dist/src/model/spa-model.d.ts

@@ -1,4 +1,5 @@
 export declare const APP_CONF_EVENT = "get-app-conf";
+export declare const RUNNING_WIZARD_STORAGE_ELEMENTS = "pd.spa.local.wizard.storage";
 export interface LoadingSubTask {
     actionKey: string;
     completed: boolean;

package/dist/src/model/spa-model.js

@@ -1,2 +1,3 @@
 export const APP_CONF_EVENT = "get-app-conf";
+export const RUNNING_WIZARD_STORAGE_ELEMENTS = "pd.spa.local.wizard.storage";
 //# sourceMappingURL=spa-model.js.map

package/dist/src/model/spa-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"spa-model.js","sourceRoot":"","sources":["../../../src/model/spa-model.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAAC","sourcesContent":["export const APP_CONF_EVENT = \"get-app-conf\";\n\nexport interface LoadingSubTask {\n  actionKey: string\n  completed: boolean,\n  loadingTxt: string,  \n}\n\nexport interface LoadingState {\n  creation?: Date,\n  isLoading: boolean,\n  actionKey: string\n  modal?: boolean,\n  smallBackground?: boolean,\n  loadingTxt?: string,\n  subTask?: LoadingSubTask[],\n}\n\n"]}
+{"version":3,"file":"spa-model.js","sourceRoot":"","sources":["../../../src/model/spa-model.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,+BAA+B,GAAG,6BAA6B,CAAC","sourcesContent":["export const APP_CONF_EVENT = \"get-app-conf\";\n\nexport const RUNNING_WIZARD_STORAGE_ELEMENTS = \"pd.spa.local.wizard.storage\";\n\nexport interface LoadingSubTask {\n  actionKey: string\n  completed: boolean,\n  loadingTxt: string,  \n}\n\nexport interface LoadingState {\n  creation?: Date,\n  isLoading: boolean,\n  actionKey: string\n  modal?: boolean,\n  smallBackground?: boolean,\n  loadingTxt?: string,\n  subTask?: LoadingSubTask[],\n}\n\n"]}

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

@@ -0,0 +1,10 @@
+import { CSSResultGroup } from "lit";
+import { DefaultConfirmPopup, PopupType } from "../defaultpage/default-confirm-popup.js";
+export declare class WizardClosePopup extends DefaultConfirmPopup {
+    _singleButton: boolean;
+    _type: PopupType;
+    _popupTitle: string;
+    withStorage: boolean;
+    static styles: CSSResultGroup;
+    _renderContent(): import("lit").TemplateResult<1>;
+}

package/dist/src/popup/wizard-close-popup.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+import { html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { msg } from "@lit/localize";
+import { DefaultConfirmPopup } from "../defaultpage/default-confirm-popup.js";
+let WizardClosePopup = class WizardClosePopup extends DefaultConfirmPopup {
+    constructor() {
+        super(...arguments);
+        this._singleButton = false;
+        this._type = "warn";
+        this._popupTitle = msg("Bearbeitung abbrechen", { id: "spaH.wizard.close.popup.title" });
+        this.withStorage = false;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    _renderContent() {
+        return html `
+      <div class="popup-content" slot="content">
+        <p>
+          ${this.withStorage ?
+            msg("Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?", { id: "spaH.wizard.close.popup.storage.content" })
+            : msg("Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?", { id: "spaH.wizard.reload.popup.noStorage.content" })}
+        </p>
+      </div> 
+    `;
+    }
+};
+WizardClosePopup.styles = [
+    DefaultConfirmPopup.styles,
+    css `
+
+      :host {
+        --pd-popup-max-width: 80%;
+      }
+
+      .popup-content {
+        display: flex;
+        flex-direction: column;
+      }
+
+    `
+];
+__decorate([
+    property({ type: Boolean })
+], WizardClosePopup.prototype, "withStorage", void 0);
+WizardClosePopup = __decorate([
+    customElement('wizard-close-popup')
+], WizardClosePopup);
+export { WizardClosePopup };
+//# sourceMappingURL=wizard-close-popup.js.map

package/dist/src/popup/wizard-close-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-close-popup.js","sourceRoot":"","sources":["../../../src/popup/wizard-close-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAa,MAAM,yCAAyC,CAAC;AAIlF,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,mBAAmB;IAAlD;;QAEL,kBAAa,GAAG,KAAK,CAAC;QAEtB,UAAK,GAAc,MAAM,CAAC;QAE1B,gBAAW,GAAG,GAAG,CAAC,uBAAuB,EAAE,EAAC,EAAE,EAAE,+BAA+B,EAAC,CAAC,CAAC;QAIlF,gBAAW,GAAY,KAAK,CAAC;IAiC/B,CAAC;IAdC,kDAAkD;IAClD,cAAc;QACZ,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,WAAW,CAAC,CAAC;YAClB,GAAG,CAAC,qIAAqI,EAAE,EAAC,EAAE,EAAE,yCAAyC,EAAC,CAAC;YAC1L,CAAC,CAAC,GAAG,CAAC,6FAA6F,EAAE,EAAC,EAAE,EAAE,4CAA4C,EAAC,CAC1J;;;KAGL,CAAC;IACJ,CAAC;;AA7BM,uBAAM,GAAG;IACd,mBAAmB,CAAC,MAAM;IAC1B,GAAG,CAAA;;;;;;;;;;;KAWF;CACgB,CAAC;AAhBpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qDACG;AAVlB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA2C5B;SA3CY,gBAAgB","sourcesContent":["import { html, css, CSSResultGroup } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { msg } from \"@lit/localize\";\n\nimport { DefaultConfirmPopup, PopupType } from \"../defaultpage/default-confirm-popup.js\";\n\n\n@customElement('wizard-close-popup')\nexport class WizardClosePopup extends DefaultConfirmPopup {\n\n  _singleButton = false;\n\n  _type: PopupType = \"warn\";\n\n  _popupTitle = msg(\"Bearbeitung abbrechen\", {id: \"spaH.wizard.close.popup.title\"});\n\n\n  @property({type: Boolean})\n  withStorage: boolean = false; \n\n  static styles = [    \n    DefaultConfirmPopup.styles,\n    css`\n\n      :host {\n        --pd-popup-max-width: 80%;\n      }\n\n      .popup-content {\n        display: flex;\n        flex-direction: column;\n      }\n\n    `\n  ] as CSSResultGroup;\n  \n\n  // eslint-disable-next-line class-methods-use-this\n  _renderContent() {     \n    return html`\n      <div class=\"popup-content\" slot=\"content\">\n        <p>\n          ${this.withStorage ? \n            msg(\"Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?\", {id: \"spaH.wizard.close.popup.storage.content\"})\n             : msg(\"Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?\", {id: \"spaH.wizard.reload.popup.noStorage.content\"})\n          }\n        </p>\n      </div> \n    `;\n  }\n\n}\n"]}