@progressive-development/pd-spa-helper 0.3.102 → 0.3.104

package/dist/src/defaultpage/default-view-page.js

@@ -1,22 +1,29 @@
-import { __decorate } from "tslib";
-import { LitElement, css } from "lit";
-import { property } from "lit/decorators.js";
+import { css, LitElement } from "lit";
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
 import { localized } from "@lit/localize";
-let DefaultViewPage = class DefaultViewPage extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.active = false;
-    }
-    // Only render this page if it's actually visible.
-    shouldUpdate() {
-        return this.active;
-    }
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let DefaultViewPage = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+  }
+  // Only render this page if it's actually visible.
+  shouldUpdate() {
+    return this.active;
+  }
 };
-/**
- * Define some default classes for view-pages, could - but most not - used.
- */
 DefaultViewPage.styles = [
-    css `
+  css`
 
       :host {
         min-height: 100%;
@@ -52,11 +59,12 @@ DefaultViewPage.styles = [
 
     `
 ];
-__decorate([
-    property({ type: Boolean })
-], DefaultViewPage.prototype, "active", void 0);
-DefaultViewPage = __decorate([
-    localized()
+__decorateClass([
+  n({ type: Boolean })
+], DefaultViewPage.prototype, "active", 2);
+DefaultViewPage = __decorateClass([
+  localized()
 ], DefaultViewPage);
-export { DefaultViewPage };
-//# sourceMappingURL=default-view-page.js.map
+export {
+  DefaultViewPage
+};

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

@@ -1,118 +1,126 @@
-import { __decorate } from "tslib";
 import { LitElement } from "lit";
-import { property } from "lit/decorators.js";
-const DELAY_TIME = 3000;
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const DELAY_TIME = 3e3;
 let timeoutInputRef;
-/**
- * TODO: Move inside pd-wizard.
- */
-export class DefaultWizardStep extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.stepNumber = 0;
-        this.withRequiredInfo = false;
-        this._errorMsg = "";
+class DefaultWizardStep extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.stepNumber = 0;
+    this.withRequiredInfo = false;
+    this._errorMsg = "";
+  }
+  firstUpdated() {
+    var _a, _b, _c;
+    this._formInit((_a = this.shadowRoot) == null ? void 0 : _a.getElementById(this._formId));
+    if (this._initWithValidation()) {
+      const detail = {
+        errorMap: /* @__PURE__ */ new Map()
+      };
+      (_c = (_b = this.shadowRoot) == null ? void 0 : _b.getElementById(this._formId)) == null ? void 0 : _c.dispatchEvent(
+        new CustomEvent("validate-form", { detail })
+      );
     }
-    firstUpdated() {
-        var _a, _b, _c;
-        this._formInit((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(this._formId));
-        // first validation if form is already filled (edit)
-        if (this._initWithValidation()) {
-            const detail = {
-                errorMap: new Map()
-            };
-            (_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this._formId)) === null || _c === void 0 ? void 0 : _c.dispatchEvent(new CustomEvent("validate-form", { detail }));
+  }
+  _formInit(elRef) {
+    this.addEventListener("validate-form", this._validateForm);
+    this._elRef = elRef;
+  }
+  _validateForm(e) {
+    if (e.detail && !e.detail.singleElement) {
+      if (this._elRef) {
+        this._elRef.dispatchEvent(
+          new CustomEvent("validate-form", {
+            detail: e.detail
+          })
+        );
+      }
+      if (e.detail.errorMap.size === 0 && this.setFormData) {
+        try {
+          const preparedOrder = this.setFormData(
+            e.detail.currentOrder,
+            e.detail.formData
+          );
+          if (preparedOrder) {
+            e.detail.preparedOrder = this._prepareOrderAfterStepUpdate(preparedOrder);
+            this._errorMsg = "";
+          } else {
+            e.detail.errorMap.set("validation-error", "test");
+          }
+        } catch (error) {
+          e.detail.errorMap.set("validation-error", error.message);
+          this._errorMsg = error.message;
         }
+      }
     }
-    _formInit(elRef) {
-        // add validation event listener
-        this.addEventListener('validate-form', this._validateForm);
-        this._elRef = elRef;
-    }
-    _validateForm(e) {
-        // vaidate required fields => dispatch event down    
-        if (e.detail && !e.detail.singleElement) {
-            if (this._elRef) {
-                this._elRef.dispatchEvent(new CustomEvent('validate-form', {
-                    detail: e.detail,
-                }));
-            }
-            // no error found TODO: Clear bei Fehler noch übernehmen, da keine Daten für nicht validierte Wizard Schritte verbleiben sollten
-            if (e.detail.errorMap.size === 0 && this.setFormData) {
-                try {
-                    const preparedOrder = this.setFormData(e.detail.currentOrder, e.detail.formData);
-                    if (preparedOrder) {
-                        e.detail.preparedOrder = this._prepareOrderAfterStepUpdate(preparedOrder);
-                        this._errorMsg = "";
-                    }
-                    else {
-                        e.detail.errorMap.set('validation-error', 'test');
-                    }
-                }
-                catch (error) {
-                    e.detail.errorMap.set('validation-error', error.message);
-                    this._errorMsg = error.message;
-                }
-            }
-        }
-    }
-    /**
-     * Prepare the order (trigger side-effets) after update from order step.
-     * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.
-     *
-     * The default implementation just returns the updated order to prevent all clients from implementing the method.
-     *
-     * @param updatedOrder order with updates from step.
-     * @returns preparedOrder - with (e.g. prices) changes triggered by step update.
-     */
-    // eslint-disable-next-line class-methods-use-this  
-    _prepareOrderAfterStepUpdate(updatedOrder) {
-        return updatedOrder;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _prepareDataFromForm() {
-        // do nothing, overwrite in implementing class
-        return {};
-    }
-    ;
-    // eslint-disable-next-line class-methods-use-this
-    _doInputChange() {
-        if (timeoutInputRef) {
-            console.log("_doInputChange: Reset Timeout");
-            window.clearTimeout(timeoutInputRef);
-        }
-        timeoutInputRef = window.setTimeout(() => {
-            console.log("_doInputChange: Timeout expired");
-            this.dispatchEvent(new CustomEvent("wizard-step-update", {
-                detail: this._prepareDataFromForm(),
-                bubbles: true,
-                composed: true,
-            }));
-        }, DELAY_TIME);
-    }
-    setFormData(currentOrder, formData) {
-        return {
-            ...currentOrder,
-            ...this._prepareDataFromForm(),
-        };
-    }
-    /**
-     * Call from wizard.
-     *
-     * @param reloadedOrder
-     */
-    // eslint-disable-next-line class-methods-use-this
-    reloadFromOrder(reloadedOrder) {
-        // do nothing, overwrite in implementing class
+  }
+  /**
+   * Prepare the order (trigger side-effets) after update from order step.
+   * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.
+   * 
+   * The default implementation just returns the updated order to prevent all clients from implementing the method.
+   * 
+   * @param updatedOrder order with updates from step.
+   * @returns preparedOrder - with (e.g. prices) changes triggered by step update.
+   */
+  // eslint-disable-next-line class-methods-use-this  
+  _prepareOrderAfterStepUpdate(updatedOrder) {
+    return updatedOrder;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _prepareDataFromForm() {
+    return {};
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _doInputChange() {
+    if (timeoutInputRef) {
+      console.log("_doInputChange: Reset Timeout");
+      window.clearTimeout(timeoutInputRef);
     }
+    timeoutInputRef = window.setTimeout(() => {
+      console.log("_doInputChange: Timeout expired");
+      this.dispatchEvent(
+        new CustomEvent("wizard-step-update", {
+          detail: this._prepareDataFromForm(),
+          bubbles: true,
+          composed: true
+        })
+      );
+    }, DELAY_TIME);
+  }
+  setFormData(currentOrder, formData) {
+    return {
+      ...currentOrder,
+      ...this._prepareDataFromForm()
+    };
+  }
+  /**
+   * Call from wizard.
+   * 
+   * @param reloadedOrder 
+   */
+  // eslint-disable-next-line class-methods-use-this
+  reloadFromOrder(reloadedOrder) {
+  }
 }
-__decorate([
-    property({ type: Number })
-], DefaultWizardStep.prototype, "stepNumber", void 0);
-__decorate([
-    property({ type: Boolean })
-], DefaultWizardStep.prototype, "withRequiredInfo", void 0);
-__decorate([
-    property({ type: String, state: true })
-], DefaultWizardStep.prototype, "_errorMsg", void 0);
-//# sourceMappingURL=default-wizard-step.js.map
+__decorateClass([
+  n({ type: Number })
+], DefaultWizardStep.prototype, "stepNumber");
+__decorateClass([
+  n({ type: Boolean })
+], DefaultWizardStep.prototype, "withRequiredInfo");
+__decorateClass([
+  n({ type: String, state: true })
+], DefaultWizardStep.prototype, "_errorMsg");
+export {
+  DefaultWizardStep
+};