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

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

@@ -1,20 +1,29 @@
-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";
-export class DefaultConfirmPopup extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.okButtonText = "Ok";
-        this.cancelButtonText = "Cancel";
-    }
-    render() {
-        const buttons = this._generateButtons();
-        return html `
+import { LitElement, css, html } 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 "../../node_modules/@progressive-development/pd-dialog/pd-popup-dialog.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 KEY_ABORT = "1";
+const ABORT_EVENT_NAME = "close-popup";
+const KEY_STORE = "2";
+const STORE_EVENT_NAME = "store";
+const _DefaultConfirmPopup = 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="${buttons}" type="${this._type}">
                 
@@ -22,24 +31,28 @@ export class DefaultConfirmPopup extends LitElement {
 
       </pd-popup-dialog>
     `;
+  }
+  _generateButtons() {
+    if (this._singleButton) {
+      return [
+        { key: KEY_STORE, name: this.okButtonText, primary: true }
+      ];
     }
-    _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));
-    }
-}
-DefaultConfirmPopup.styles = [
-    css `
+    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
+      )
+    );
+  }
+};
+_DefaultConfirmPopup.styles = [
+  css`
       :host {
         --pd-popup-max-width: 600px;
         --pd-popup-header-height: 50px;
@@ -52,10 +65,17 @@ 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
+let DefaultConfirmPopup = _DefaultConfirmPopup;
+__decorateClass([
+  n({ type: String })
+], DefaultConfirmPopup.prototype, "okButtonText");
+__decorateClass([
+  n({ type: String })
+], DefaultConfirmPopup.prototype, "cancelButtonText");
+export {
+  ABORT_EVENT_NAME,
+  DefaultConfirmPopup,
+  KEY_ABORT,
+  KEY_STORE,
+  STORE_EVENT_NAME
+};

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

@@ -1,20 +1,29 @@
-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';
-import '@progressive-development/pd-forms/pd-form-container.js';
-import { ABORT_EVENT_NAME, KEY_ABORT, KEY_STORE, STORE_EVENT_NAME } from "./default-confirm-popup.js";
-export class DefaultDialogPopup extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._dialogButtons = [
-            { key: KEY_ABORT, name: "Cancel" },
-            { key: KEY_STORE, name: "Save", disabled: true, primary: true }
-        ];
-        this._requiredFieldInfo = true;
-    }
-    render() {
-        return html `
+import { LitElement, css, html } 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 "../../node_modules/@progressive-development/pd-dialog/pd-popup-dialog.js";
+import "../../node_modules/@progressive-development/pd-forms/pd-form-container.js";
+import { KEY_ABORT, KEY_STORE, STORE_EVENT_NAME, ABORT_EVENT_NAME } from "./default-confirm-popup.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 _DefaultDialogPopup = class _DefaultDialogPopup extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._dialogButtons = [
+      { key: KEY_ABORT, name: "Cancel" },
+      { key: KEY_STORE, name: "Save", disabled: true, primary: true }
+    ];
+    this._requiredFieldInfo = true;
+  }
+  render() {
+    return html`
       <pd-popup-dialog @submit-button-clicked="${this._handleButtonClick}"
         title="${this._popupTitle}" .buttons="${this._dialogButtons}">
                 
@@ -27,48 +36,50 @@ export class DefaultDialogPopup extends LitElement {
 
       </pd-popup-dialog>
     `;
-    }
-    _handleButtonClick(e) {
-        let newEvent;
-        if (e.detail.button === KEY_STORE && this._isValidFormData()) {
-            this._dialogButtons = [
-                this._dialogButtons[0],
-                {
-                    ...this._dialogButtons[1],
-                    disabled: true
-                }
-            ];
-            newEvent = new CustomEvent(STORE_EVENT_NAME, {
-                detail: this._formData
-            });
+  }
+  _handleButtonClick(e) {
+    let newEvent;
+    if (e.detail.button === KEY_STORE && this._isValidFormData()) {
+      this._dialogButtons = [
+        this._dialogButtons[0],
+        {
+          ...this._dialogButtons[1],
+          disabled: true
         }
-        else {
-            newEvent = new CustomEvent(ABORT_EVENT_NAME);
+      ];
+      newEvent = new CustomEvent(
+        STORE_EVENT_NAME,
+        {
+          detail: this._formData
         }
-        this.dispatchEvent(newEvent);
-    }
-    _checkFormData() {
-        this._dialogButtons = [
-            this._dialogButtons[0],
-            {
-                ...this._dialogButtons[1],
-                disabled: !this._isValidFormData()
-            }
-        ];
+      );
+    } else {
+      newEvent = new CustomEvent(ABORT_EVENT_NAME);
     }
-    _triggerValidateForm() {
-        var _a, _b;
-        // trigger validate by event (needed for form wich is initial filled, otherwise "Pflichfeld" occurs in red => must be fixed in the component)
-        const detail = {
-            errorMap: new Map()
-        };
-        (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById("formContainerId")) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
-        // trigger also button check (initial valid)
-        this._dialogButtons[1].disabled = this._isValidFormData();
-    }
-}
-DefaultDialogPopup.styles = [
-    css `
+    this.dispatchEvent(newEvent);
+  }
+  _checkFormData() {
+    this._dialogButtons = [
+      this._dialogButtons[0],
+      {
+        ...this._dialogButtons[1],
+        disabled: !this._isValidFormData()
+      }
+    ];
+  }
+  _triggerValidateForm() {
+    var _a, _b;
+    const detail = {
+      errorMap: /* @__PURE__ */ new Map()
+    };
+    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("formContainerId")) == null ? void 0 : _b.dispatchEvent(
+      new CustomEvent("validate-form", { detail })
+    );
+    this._dialogButtons[1].disabled = this._isValidFormData();
+  }
+};
+_DefaultDialogPopup.styles = [
+  css`
       :host {
         --pd-popup-max-width: 800px;
         --pd-popup-header-height: 50px;
@@ -81,7 +92,10 @@ DefaultDialogPopup.styles = [
       }
     `
 ];
-__decorate([
-    property({ type: Array, state: true })
-], DefaultDialogPopup.prototype, "_dialogButtons", void 0);
-//# sourceMappingURL=default-dialog-popup.js.map
+let DefaultDialogPopup = _DefaultDialogPopup;
+__decorateClass([
+  n({ type: Array, state: true })
+], DefaultDialogPopup.prototype, "_dialogButtons");
+export {
+  DefaultDialogPopup
+};

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

@@ -1,28 +1,38 @@
-import { __decorate } from "tslib";
-import { html, css } from "lit";
-import { customElement } from "lit/decorators.js";
+import { css, html } from "lit";
+import { customElement as e } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
 import { DefaultViewPage } from "./default-view-page.js";
 import { isAuthenticatedImpl } from "../service-provider/service-provider-impl.js";
 import { pdStore } from "../store/mini-rx.store.js";
 import { routeAction } from "../store/spa-app-actions.js";
-import '../tmpown/pd-login.js';
-let DefaultLogin = class DefaultLogin extends DefaultViewPage {
-    update(changedProperties) {
-        if (changedProperties.has("active") && this.active) {
-            if (isAuthenticatedImpl()) {
-                pdStore().dispatch(routeAction(""));
-            }
-        }
-        super.update(changedProperties);
+import "../tmpown/pd-login.js";
+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 DefaultLogin = class extends DefaultViewPage {
+  update(changedProperties) {
+    if (changedProperties.has("active") && this.active) {
+      if (isAuthenticatedImpl()) {
+        pdStore().dispatch(routeAction(""));
+      }
     }
-    render() {
-        return html `
+    super.update(changedProperties);
+  }
+  render() {
+    return html`
       <pd-login></pd-login>
     `;
-    }
+  }
 };
 DefaultLogin.styles = [
-    css `          
+  css`          
       :host {
         padding-top: 3em;
         display: flex;
@@ -31,8 +41,9 @@ DefaultLogin.styles = [
       }                    
       `
 ];
-DefaultLogin = __decorate([
-    customElement("default-login")
+DefaultLogin = __decorateClass([
+  e("default-login")
 ], DefaultLogin);
-export { DefaultLogin };
-//# sourceMappingURL=default-login.js.map
+export {
+  DefaultLogin
+};

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

@@ -1,20 +1,23 @@
-import { html, LitElement, css } from "lit";
-import '@progressive-development/pd-dialog/pd-popup.js';
-export class DefaultPopup extends LitElement {
-    render() {
-        return html `
+import { LitElement, css, html } from "lit";
+import "../../node_modules/@progressive-development/pd-dialog/pd-popup.js";
+const _DefaultPopup = class _DefaultPopup extends LitElement {
+  render() {
+    return html`
       <pd-popup id="pdPopupId">
         ${this._renderContent()}
       </pd-popup>
     `;
-    }
-}
-DefaultPopup.styles = [
-    css `
+  }
+};
+_DefaultPopup.styles = [
+  css`
       :host {
         --pd-popup-default-display: block;
         /* --pd-popup-modal-bg-rgba */
       }
     `
 ];
-//# sourceMappingURL=default-popup.js.map
+let DefaultPopup = _DefaultPopup;
+export {
+  DefaultPopup
+};

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

@@ -1,49 +1,59 @@
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import '@progressive-development/pd-order/pd-order-contacts.js';
-import { DefaultWizardStep } from './default-wizard-step.js';
-export class DefaultStepAddress extends DefaultWizardStep {
-    constructor() {
-        super(...arguments);
-        this.withPayment = false;
-        this._formId = "orderContactId";
-    }
-    renderContacts() {
-        var _a, _b;
-        return html `
-      ${this._addressInfo ? html `
+import { html } 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 "../../node_modules/@progressive-development/pd-order/dist/pd-order-contacts.js";
+import { DefaultWizardStep } from "./default-wizard-step.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;
+};
+class DefaultStepAddress extends DefaultWizardStep {
+  constructor() {
+    super(...arguments);
+    this.withPayment = false;
+    this._formId = "orderContactId";
+  }
+  renderContacts() {
+    var _a, _b;
+    return html`
+      ${this._addressInfo ? html`
       <p>${this._addressInfo}</p>
       ` : ""}
       <pd-order-contacts ?withPayment="${this.withPayment}" id="${this._formId}" .match="${this.match}"
-        .orderContact="${(_a = this.contacts) === null || _a === void 0 ? void 0 : _a.orderContact}" .billingContact="${(_b = this.contacts) === null || _b === void 0 ? void 0 : _b.billingContact}"
+        .orderContact="${(_a = this.contacts) == null ? void 0 : _a.orderContact}" .billingContact="${(_b = this.contacts) == null ? void 0 : _b.billingContact}"
         .requiredFields="${this._requiredFields}"
       ></pd-order-contacts>
     `;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    setFormData(currentOrder, eventDetailFormData) {
-        return {
-            ...currentOrder,
-            contacts: {
-                orderContact: eventDetailFormData.orderContactId,
-                billingContact: eventDetailFormData.billingContactId,
-            }
-        };
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _initWithValidation() {
-        // not needed, pd-order-contacts already implement that process internally
-        return false;
-    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  setFormData(currentOrder, eventDetailFormData) {
+    return {
+      ...currentOrder,
+      contacts: {
+        orderContact: eventDetailFormData.orderContactId,
+        billingContact: eventDetailFormData.billingContactId
+      }
+    };
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _initWithValidation() {
+    return false;
+  }
 }
-__decorate([
-    property({ type: Object })
-], DefaultStepAddress.prototype, "match", void 0);
-__decorate([
-    property({ type: Object })
-], DefaultStepAddress.prototype, "contacts", void 0);
-__decorate([
-    property({ type: Boolean })
-], DefaultStepAddress.prototype, "withPayment", void 0);
-//# sourceMappingURL=default-step-address.js.map
+__decorateClass([
+  n({ type: Object })
+], DefaultStepAddress.prototype, "match");
+__decorateClass([
+  n({ type: Object })
+], DefaultStepAddress.prototype, "contacts");
+__decorateClass([
+  n({ type: Boolean })
+], DefaultStepAddress.prototype, "withPayment");
+export {
+  DefaultStepAddress
+};

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

@@ -1,62 +1,71 @@
-import { __decorate } from "tslib";
-import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
-import '@progressive-development/pd-order/pd-order-summary.js';
-import { DefaultWizardStep } from './default-wizard-step.js';
-export class DefaultStepSummary extends DefaultWizardStep {
-    constructor() {
-        super(...arguments);
-        this.withPayment = false;
-        // Refactor: merge together with order steps => contains information content, wizardSteps contains the steps wich are configured for that wizard
-        this.wizardSteps = [];
-        this._orderSteps = [];
-        this._formId = "orderSummaryId";
+import { css, html } 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 "../../node_modules/@progressive-development/pd-order/dist/pd-order-summary.js";
+import { DefaultWizardStep } from "./default-wizard-step.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 _DefaultStepSummary = class _DefaultStepSummary extends DefaultWizardStep {
+  constructor() {
+    super(...arguments);
+    this.withPayment = false;
+    this.wizardSteps = [];
+    this._orderSteps = [];
+    this._formId = "orderSummaryId";
+  }
+  update(changedProps) {
+    if (changedProps.has("orderForSummary") && this.orderForSummary) {
+      this._orderSteps = this._prepareOrderSteps();
     }
-    update(changedProps) {
-        if (changedProps.has("orderForSummary") && this.orderForSummary) {
-            this._orderSteps = this._prepareOrderSteps();
-        }
-        super.update(changedProps);
-    }
-    render() {
-        return html `
+    super.update(changedProps);
+  }
+  render() {
+    return html`
       <pd-order-summary id="${this._formId}"
           ?withPayment="${this.withPayment}"
           .order="${this.orderForSummary}"
           ?withAgreement="${this._withAgreement}"
           .orderSteps="${this._orderSteps}">
-          ${this._withAgreement ? html `<span slot="legal">${this._getConditions()}</span>` : ''}
+          ${this._withAgreement ? html`<span slot="legal">${this._getConditions()}</span>` : ""}
       </pd-order-summary>
     `;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    setFormData(order) {
-        // no validation/manipulation needed, return the order
-        return order;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _initWithValidation() {
-        // not needed for summary
-        return false;
-    }
-}
-DefaultStepSummary.styles = [
-    css `
+  }
+  // eslint-disable-next-line class-methods-use-this
+  setFormData(order) {
+    return order;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _initWithValidation() {
+    return false;
+  }
+};
+_DefaultStepSummary.styles = [
+  css`
       pd-order-summary {
         padding-bottom: 1.3em;
       }
     `
 ];
-__decorate([
-    property({ type: Boolean })
-], DefaultStepSummary.prototype, "withPayment", void 0);
-__decorate([
-    property({ type: Object })
-], DefaultStepSummary.prototype, "orderForSummary", void 0);
-__decorate([
-    property({ type: Array, state: true })
-], DefaultStepSummary.prototype, "wizardSteps", void 0);
-__decorate([
-    property({ type: Array, state: true })
-], DefaultStepSummary.prototype, "_orderSteps", void 0);
-//# sourceMappingURL=default-step-summary.js.map
+let DefaultStepSummary = _DefaultStepSummary;
+__decorateClass([
+  n({ type: Boolean })
+], DefaultStepSummary.prototype, "withPayment");
+__decorateClass([
+  n({ type: Object })
+], DefaultStepSummary.prototype, "orderForSummary");
+__decorateClass([
+  n({ type: Array, state: true })
+], DefaultStepSummary.prototype, "wizardSteps");
+__decorateClass([
+  n({ type: Array, state: true })
+], DefaultStepSummary.prototype, "_orderSteps");
+export {
+  DefaultStepSummary
+};