@progressive-development/pd-wizard 0.9.2 → 1.0.0

package/dist/default-wizard/DefaultWizard.js

@@ -0,0 +1,270 @@
+import { LitElement, css, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
+import '@progressive-development/pd-dialog/pd-popup-dialog';
+import { EVENT_CANCEL, EVENT_CONFIRM } from '@progressive-development/pd-dialog';
+import '../pd-wizard.js';
+import { WizardReloadPopup } from '../wizard-reload-popup/WizardReloadPopup.js';
+import { WizardClosePopup } from '../wizard-close-popup/WizardClosePopup.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 RUNNING_WIZARD_STORAGE_ELEMENTS = "pd.wizard.local.storage";
+class DefaultWizard extends LitElement {
+  constructor() {
+    super(...arguments);
+    /** Scroll to top of page after step change. Set to `false` when used inside a modal. */
+    this._scrollToTopOnStepChange = true;
+    this._currentOrderStep = 1;
+  }
+  static {
+    // ---------------------------------------------------------------------------
+    // Styles
+    // ---------------------------------------------------------------------------
+    this.styles = css`
+    :host {
+      display: block;
+    }
+  `;
+  }
+  // ---------------------------------------------------------------------------
+  // Lifecycle
+  // ---------------------------------------------------------------------------
+  update(changedProps) {
+    if (changedProps.has("_withLocalStorageId") && this._withLocalStorageId) {
+      this._reloadFromStorage(this._withLocalStorageId);
+    }
+    super.update(changedProps);
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  render() {
+    return html`
+      <pd-wizard
+        id="wizardId"
+        currentNumber="${this._currentOrderStep}"
+        .wizardSteps="${this._wizardSteps}"
+        @next-step="${this._nextStep}"
+        @previous-step="${this._previousStep}"
+        @submit-wizard="${this._nextStep}"
+        @go-to="${this._goToStep}"
+        @close-wizard="${this._closeWizardRequest}"
+        @wizard-step-update="${this._doStorageEventUpdate}"
+      >
+        ${this._renderSteps()}
+      </pd-wizard>
+    `;
+  }
+  // ---------------------------------------------------------------------------
+  // Navigation
+  // ---------------------------------------------------------------------------
+  _nextStep(e) {
+    const setNextStep = () => {
+      if (this._currentOrderStep < this._wizardSteps.length) {
+        this._currentOrderStep += 1;
+        if (this._withLocalStorageId) {
+          this._doStorageUpdate();
+        }
+        this._scrollToTop();
+      }
+    };
+    const currentStepEl = this.shadowRoot?.getElementById(
+      `wiz${this._currentOrderStep}Id`
+    );
+    if (currentStepEl?.valid) {
+      this._orderFormData = currentStepEl.setFormData(this._orderFormData);
+      if (this._wizardSteps.length === this._currentOrderStep) {
+        this._submitWizard();
+      } else {
+        setNextStep();
+      }
+    } else {
+      currentStepEl?.triggerValidate();
+    }
+    e.stopPropagation();
+  }
+  _previousStep(e) {
+    if (this._currentOrderStep > 1) {
+      this._currentOrderStep -= 1;
+      this._scrollToTop();
+    }
+    e.stopPropagation();
+  }
+  _goToStep(e) {
+    const stepNr = e.detail.step;
+    if (stepNr > 0 && stepNr <= this._wizardSteps.length) {
+      this._currentOrderStep = Number(stepNr);
+      this._scrollToTop();
+    }
+    e.stopPropagation();
+  }
+  // ---------------------------------------------------------------------------
+  // Utilities
+  // ---------------------------------------------------------------------------
+  /** Scroll to top of page after step change. Disabled when `_scrollToTopOnStepChange` is false. */
+  _scrollToTop() {
+    if (!this._scrollToTopOnStepChange) return;
+    window.setTimeout(() => {
+      window.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+      });
+    }, 100);
+  }
+  // ---------------------------------------------------------------------------
+  // Close Handling
+  // ---------------------------------------------------------------------------
+  _closeWizardRequest() {
+    if (this._withLocalStorageId) {
+      const popup = new WizardClosePopup();
+      popup.withStorage = true;
+      popup.confirmButtonText = msg("Speichern", {
+        id: "pdWizard.storage.close.popup.ok"
+      });
+      popup.cancelButtonText = msg("Verwerfen", {
+        id: "pdWizard.storage.close.popup.cancel"
+      });
+      popup.addEventListener(EVENT_CANCEL, () => {
+        this._removeFromStorage();
+        this.shadowRoot?.removeChild(popup);
+        this._closeWizard();
+      });
+      popup.addEventListener(EVENT_CONFIRM, () => {
+        this.shadowRoot?.removeChild(popup);
+        this._closeWizard();
+      });
+      this.shadowRoot?.appendChild(popup);
+    } else {
+      const popup = new WizardClosePopup();
+      popup.withStorage = false;
+      popup.confirmButtonText = msg("Verwerfen", {
+        id: "pdWizard.close.popup.ok"
+      });
+      popup.cancelButtonText = msg("Zurück", {
+        id: "pdWizard.close.popup.cancel"
+      });
+      popup.addEventListener(EVENT_CANCEL, () => {
+        this.shadowRoot?.removeChild(popup);
+      });
+      popup.addEventListener(EVENT_CONFIRM, () => {
+        this.shadowRoot?.removeChild(popup);
+        this._closeWizard();
+      });
+      this.shadowRoot?.appendChild(popup);
+    }
+  }
+  // ---------------------------------------------------------------------------
+  // Storage
+  // ---------------------------------------------------------------------------
+  _reloadFromStorage(storageKey) {
+    this._logger?.debug(`call _reloadFromStorage ${storageKey}`);
+    if (storageKey) {
+      const storageEl = this.getWizardStorage()[storageKey];
+      this._logger?.debug("reload storageEl", storageEl);
+      if (storageEl && storageEl.orderFormData !== void 0) {
+        const popup = new WizardReloadPopup();
+        popup.reloadItem = storageEl;
+        popup.confirmButtonText = msg("Fortsetzen", {
+          id: "pdWizard.reload.popup.ok"
+        });
+        popup.cancelButtonText = msg("Verwerfen", {
+          id: "pdWizard.reload.popup.cancel"
+        });
+        popup.addEventListener(EVENT_CANCEL, () => {
+          this._removeFromStorage();
+          this.shadowRoot?.removeChild(popup);
+        });
+        popup.addEventListener(EVENT_CONFIRM, () => {
+          this._logger?.debug(
+            `Reload storage element from ${storageEl.timestamp}`
+          );
+          this._orderFormData = storageEl.orderFormData;
+          this._currentOrderStep = storageEl.wizardStep;
+          this.shadowRoot?.removeChild(popup);
+          for (let stepNr = 1; stepNr <= this._wizardSteps.length; stepNr += 1) {
+            const stepId = `wiz${stepNr}Id`;
+            const stepElement = this.shadowRoot?.getElementById(stepId);
+            if (stepElement && typeof stepElement.reloadFromOrder === "function") {
+              stepElement.reloadFromOrder(this._orderFormData);
+            }
+          }
+        });
+        this.shadowRoot?.appendChild(popup);
+      }
+    }
+  }
+  _doStorageUpdate(preparedOrderForm) {
+    if (this._withLocalStorageId) {
+      const storageWizard = this.getWizardStorage();
+      storageWizard[this._withLocalStorageId] = {
+        orderFormData: preparedOrderForm || this._orderFormData,
+        wizardStep: this._currentOrderStep,
+        timestamp: (/* @__PURE__ */ new Date()).toUTCString()
+      };
+      localStorage.setItem(
+        RUNNING_WIZARD_STORAGE_ELEMENTS,
+        JSON.stringify(storageWizard)
+      );
+      this._logger?.debug(
+        `Update wizard local storage for key ${this._withLocalStorageId}`
+      );
+    }
+  }
+  _removeFromStorage() {
+    if (this._withLocalStorageId) {
+      const storageWizard = this.getWizardStorage();
+      delete storageWizard[this._withLocalStorageId];
+      localStorage.setItem(
+        RUNNING_WIZARD_STORAGE_ELEMENTS,
+        JSON.stringify(storageWizard)
+      );
+      this._logger?.debug(
+        `Remove wizard local storage for key ${this._withLocalStorageId}`
+      );
+    }
+  }
+  getWizardStorage() {
+    const storageEl = localStorage.getItem(RUNNING_WIZARD_STORAGE_ELEMENTS);
+    return storageEl ? JSON.parse(storageEl) : {};
+  }
+  _doStorageEventUpdate(event) {
+    if (!this._withLocalStorageId) {
+      return;
+    }
+    if (event.detail) {
+      this._logger?.debug(
+        "event detail set, store prepared data: ",
+        event.detail
+      );
+      const preparedOrder = {
+        ...this._orderFormData || {},
+        ...event.detail
+      };
+      this._doStorageUpdate(preparedOrder);
+    }
+    event.stopPropagation();
+  }
+}
+__decorateClass([
+  state()
+], DefaultWizard.prototype, "_wizardSteps");
+__decorateClass([
+  state()
+], DefaultWizard.prototype, "_currentOrderStep");
+__decorateClass([
+  state()
+], DefaultWizard.prototype, "_orderFormData");
+__decorateClass([
+  state()
+], DefaultWizard.prototype, "_withLocalStorageId");
+
+export { DefaultWizard };

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

@@ -0,0 +1,3 @@
+export { DefaultWizard } from './DefaultWizard.js';
+export type { WizardStep, WizardLogger } from './DefaultWizard.js';
+//# sourceMappingURL=default-wizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-wizard.d.ts","sourceRoot":"","sources":["../../src/default-wizard/default-wizard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/default-wizard.d.ts

@@ -0,0 +1,2 @@
+export * from './default-wizard/default-wizard'
+export {}

package/dist/default-wizard.js

@@ -0,0 +1 @@
+export { DefaultWizard } from './default-wizard/DefaultWizard.js';

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

@@ -2,5 +2,22 @@ export declare const templates: {
     "pd.wizard.button.back": string;
     "pd.wizard.button.next": string;
     "pd.wizard.button.send": string;
+    "pd.wizard.close.aria": string;
+    "pdWizard.close.popup.cancel": string;
+    "pdWizard.close.popup.noStorage.content": string;
+    "pdWizard.close.popup.ok": string;
+    "pdWizard.close.popup.storage.content": string;
+    "pdWizard.close.popup.title": string;
+    "pdWizard.reload.popup.cancel": string;
+    "pdWizard.reload.popup.lastModified": string;
+    "pdWizard.reload.popup.ok": string;
+    "pdWizard.reload.popup.title": string;
+    "pdWizard.storage.close.popup.cancel": string;
+    "pdWizard.storage.close.popup.ok": string;
+    "pd.steps.aria.label": string;
+    "pd.steps.aria.passed": import('@lit/localize').StrResult;
+    "pd.steps.aria.current": import('@lit/localize').StrResult;
+    "pd.steps.aria.pending": import('@lit/localize').StrResult;
+    "pdWizard.reload.popup.warning": string;
 };
 //# sourceMappingURL=be.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

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

@@ -1,6 +1,23 @@
 export declare const templates: {
+    "pd.steps.aria.label": string;
+    "pd.steps.aria.passed": import('@lit/localize').StrResult;
+    "pd.steps.aria.current": import('@lit/localize').StrResult;
+    "pd.steps.aria.pending": import('@lit/localize').StrResult;
+    "pd.wizard.close.aria": string;
     "pd.wizard.button.back": string;
     "pd.wizard.button.next": string;
     "pd.wizard.button.send": string;
+    "pdWizard.reload.popup.title": string;
+    "pdWizard.reload.popup.lastModified": string;
+    "pdWizard.reload.popup.warning": string;
+    "pdWizard.close.popup.title": string;
+    "pdWizard.close.popup.storage.content": string;
+    "pdWizard.close.popup.noStorage.content": string;
+    "pdWizard.storage.close.popup.ok": string;
+    "pdWizard.storage.close.popup.cancel": string;
+    "pdWizard.close.popup.ok": string;
+    "pdWizard.close.popup.cancel": string;
+    "pdWizard.reload.popup.ok": string;
+    "pdWizard.reload.popup.cancel": string;
 };
 //# sourceMappingURL=de.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

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

@@ -2,5 +2,22 @@ export declare const templates: {
     "pd.wizard.button.back": string;
     "pd.wizard.button.next": string;
     "pd.wizard.button.send": string;
+    "pd.wizard.close.aria": string;
+    "pdWizard.close.popup.cancel": string;
+    "pdWizard.close.popup.noStorage.content": string;
+    "pdWizard.close.popup.ok": string;
+    "pdWizard.close.popup.storage.content": string;
+    "pdWizard.close.popup.title": string;
+    "pdWizard.reload.popup.cancel": string;
+    "pdWizard.reload.popup.lastModified": string;
+    "pdWizard.reload.popup.ok": string;
+    "pdWizard.reload.popup.title": string;
+    "pdWizard.reload.popup.warning": string;
+    "pdWizard.storage.close.popup.cancel": string;
+    "pdWizard.storage.close.popup.ok": string;
+    "pd.steps.aria.label": string;
+    "pd.steps.aria.passed": import('@lit/localize').StrResult;
+    "pd.steps.aria.current": import('@lit/localize').StrResult;
+    "pd.steps.aria.pending": import('@lit/localize').StrResult;
 };
 //# sourceMappingURL=en.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,14 @@
 export { PdWizard } from './pd-wizard/pd-wizard.js';
+export { PdSteps } from './pd-wizard/pd-steps/pd-steps.js';
+export { DefaultWizard } from './default-wizard/default-wizard.js';
+export type { WizardStep, WizardLogger, } from './default-wizard/default-wizard.js';
+export { PdDefaultWizardStep } from './pd-default-wizard-step/pd-default-wizard-step.js';
+export { DefaultStepAddress } from './default-step-address/default-step-address.js';
+export { DefaultStepSummary } from './default-step-summary/default-step-summary.js';
+export type { OrderStep, WizardStepConfig, } from './default-step-summary/default-step-summary.js';
+export { WizardClosePopup } from './wizard-close-popup/wizard-close-popup.js';
+export { WizardReloadPopup } from './wizard-reload-popup/wizard-reload-popup.js';
+export type { WizardReloadItem } from './wizard-reload-popup/wizard-reload-popup.js';
 export type { PdWizardStep } from './types.js';
 export { templates as beTemplates } from './generated/locales/be.js';
 export { templates as deTemplates } from './generated/locales/de.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAG3D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,YAAY,EACV,UAAU,EACV,YAAY,GACb,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAEzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,YAAY,EACV,SAAS,EACT,gBAAgB,GACjB,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,YAAY,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAGrF,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,5 +1,13 @@
 import './pd-wizard.js';
+import './pd-wizard/pd-steps/pd-steps.js';
+export { DefaultWizard } from './default-wizard/DefaultWizard.js';
+export { PdDefaultWizardStep } from './pd-default-wizard-step/PdDefaultWizardStep.js';
+export { DefaultStepAddress } from './default-step-address/DefaultStepAddress.js';
+export { DefaultStepSummary } from './default-step-summary/DefaultStepSummary.js';
+export { WizardClosePopup } from './wizard-close-popup/WizardClosePopup.js';
+export { WizardReloadPopup } from './wizard-reload-popup/WizardReloadPopup.js';
 export { templates as beTemplates } from './locales/be.js';
 export { templates as deTemplates } from './locales/de.js';
 export { templates as enTemplates } from './locales/en.js';
 export { PdWizard } from './pd-wizard/PdWizard.js';
+export { PdSteps } from './pd-wizard/pd-steps/PdSteps.js';

package/dist/locales/be.js

@@ -1,7 +1,26 @@
+import { str } from '@lit/localize';
+
 const templates = {
   "pd.wizard.button.back": `Terug`,
   "pd.wizard.button.next": `Volgende`,
-  "pd.wizard.button.send": `Verzenden`
+  "pd.wizard.button.send": `Verzenden`,
+  "pd.wizard.close.aria": `Wizard sluiten`,
+  "pdWizard.close.popup.cancel": `Annuleren`,
+  "pdWizard.close.popup.noStorage.content": `De huidige invoer gaat na het sluiten onherroepelijk verloren. Toch sluiten?`,
+  "pdWizard.close.popup.ok": `Sluiten`,
+  "pdWizard.close.popup.storage.content": `De huidige invoer kan worden opgeslagen voor latere bewerking of worden verwijderd. Welke actie moet worden uitgevoerd?`,
+  "pdWizard.close.popup.title": `Bewerking annuleren`,
+  "pdWizard.reload.popup.cancel": `Verwijderen`,
+  "pdWizard.reload.popup.lastModified": `Laatst bewerkt:`,
+  "pdWizard.reload.popup.ok": `Voortzetten`,
+  "pdWizard.reload.popup.title": `Bewerking voortzetten?`,
+  "pdWizard.storage.close.popup.cancel": `Verwijderen`,
+  "pdWizard.storage.close.popup.ok": `Opslaan`,
+  "pd.steps.aria.label": `Wizard-Schritte`,
+  "pd.steps.aria.passed": str`Schritt ${0}: ${1} - abgeschlossen, klicken um zurückzukehren`,
+  "pd.steps.aria.current": str`Schritt ${0}: ${1} - aktueller Schritt`,
+  "pd.steps.aria.pending": str`Schritt ${0}: ${1} - ausstehend`,
+  "pdWizard.reload.popup.warning": `Bei Neubeginn werden die Daten gelöscht`
 };
 
 export { templates };

package/dist/locales/de.js

@@ -1,7 +1,26 @@
+import { str } from '@lit/localize';
+
 const templates = {
+  "pd.steps.aria.label": `Wizard-Schritte`,
+  "pd.steps.aria.passed": str`Schritt ${0}: ${1} - abgeschlossen, klicken um zurückzukehren`,
+  "pd.steps.aria.current": str`Schritt ${0}: ${1} - aktueller Schritt`,
+  "pd.steps.aria.pending": str`Schritt ${0}: ${1} - ausstehend`,
+  "pd.wizard.close.aria": `Wizard schließen`,
   "pd.wizard.button.back": `Zurück`,
   "pd.wizard.button.next": `Weiter`,
-  "pd.wizard.button.send": `Absenden`
+  "pd.wizard.button.send": `Absenden`,
+  "pdWizard.reload.popup.title": `Gespeicherte Daten gefunden`,
+  "pdWizard.reload.popup.lastModified": `Letzte Bearbeitung:`,
+  "pdWizard.reload.popup.warning": `Bei Neubeginn werden die Daten gelöscht`,
+  "pdWizard.close.popup.title": `Änderungen verwerfen?`,
+  "pdWizard.close.popup.storage.content": `Eingaben für später speichern oder verwerfen?`,
+  "pdWizard.close.popup.noStorage.content": `Nicht gespeicherte Daten gehen verloren.`,
+  "pdWizard.storage.close.popup.ok": `Speichern`,
+  "pdWizard.storage.close.popup.cancel": `Verwerfen`,
+  "pdWizard.close.popup.ok": `Verwerfen`,
+  "pdWizard.close.popup.cancel": `Zurück`,
+  "pdWizard.reload.popup.ok": `Fortsetzen`,
+  "pdWizard.reload.popup.cancel": `Verwerfen`
 };
 
 export { templates };

package/dist/locales/en.js

@@ -1,7 +1,26 @@
+import { str } from '@lit/localize';
+
 const templates = {
   "pd.wizard.button.back": `Back`,
   "pd.wizard.button.next": `Next`,
-  "pd.wizard.button.send": `Submit`
+  "pd.wizard.button.send": `Submit`,
+  "pd.wizard.close.aria": `Close wizard`,
+  "pdWizard.close.popup.cancel": `Cancel`,
+  "pdWizard.close.popup.noStorage.content": `The current entries will be irretrievably lost after closing.`,
+  "pdWizard.close.popup.ok": `Close`,
+  "pdWizard.close.popup.storage.content": `The current entries can be saved for later editing or discarded?`,
+  "pdWizard.close.popup.title": `Cancel editing`,
+  "pdWizard.reload.popup.cancel": `Discard`,
+  "pdWizard.reload.popup.lastModified": `Last modified:`,
+  "pdWizard.reload.popup.ok": `Continue`,
+  "pdWizard.reload.popup.title": `Continue editing?`,
+  "pdWizard.reload.popup.warning": `Starting fresh will delete saved data`,
+  "pdWizard.storage.close.popup.cancel": `Discard`,
+  "pdWizard.storage.close.popup.ok": `Save`,
+  "pd.steps.aria.label": `Wizard-Schritte`,
+  "pd.steps.aria.passed": str`Schritt ${0}: ${1} - abgeschlossen, klicken um zurückzukehren`,
+  "pd.steps.aria.current": str`Schritt ${0}: ${1} - aktueller Schritt`,
+  "pd.steps.aria.pending": str`Schritt ${0}: ${1} - ausstehend`
 };
 
 export { templates };