@progressive-development/pd-wizard 0.9.1 → 1.0.0

package/dist/wizard-reload-popup/WizardReloadPopup.js

@@ -0,0 +1,88 @@
+import { css, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
+import '@progressive-development/pd-icon/pd-icon';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '../pd-components/pd-content/dist/pd-notice-box/pd-notice-box.js';
+import { PdConfirmDialog } from '@progressive-development/pd-dialog';
+import { formatShortDate, formatToTime } from '../pd-utils/dist/date-helper.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 WizardReloadPopup = class extends PdConfirmDialog {
+  constructor() {
+    super(...arguments);
+    this._singleButton = false;
+    this._dialogType = "info";
+    this._dialogTitle = msg("Gespeicherte Daten gefunden", {
+      id: "pdWizard.reload.popup.title"
+    });
+  }
+  _renderContent() {
+    const timestamp = this.reloadItem?.timestamp ? new Date(this.reloadItem.timestamp) : void 0;
+    const dateStr = formatShortDate(timestamp);
+    const timeStr = formatToTime(timestamp);
+    return html`
+      <div class="popup-content">
+        <div class="last-modified">
+          <pd-icon icon="${pdIcons.ICON_DATE_TIME}"></pd-icon>
+          <span>
+            ${msg("Letzte Bearbeitung:", {
+      id: "pdWizard.reload.popup.lastModified"
+    })}
+            <span class="last-modified-value">${dateStr}, ${timeStr}</span>
+          </span>
+        </div>
+
+        <pd-notice-box type="warning" variant="sidebar">
+          ${msg("Bei Neubeginn werden die Daten gelöscht", {
+      id: "pdWizard.reload.popup.warning"
+    })}
+        </pd-notice-box>
+      </div>
+    `;
+  }
+};
+WizardReloadPopup.styles = [
+  PdConfirmDialog.styles,
+  css`
+      .popup-content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--pd-spacing-md, 1rem);
+      }
+
+      .last-modified {
+        display: flex;
+        align-items: center;
+        gap: var(--pd-spacing-xs, 0.25rem);
+        color: var(--pd-default-muted-col, #555);
+      }
+
+      .last-modified pd-icon {
+        --pd-icon-size: 1.2rem;
+        flex-shrink: 0;
+      }
+
+      .last-modified-value {
+        font-weight: bold;
+        color: var(--pd-default-dark-col, #000);
+      }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], WizardReloadPopup.prototype, "reloadItem", 2);
+WizardReloadPopup = __decorateClass([
+  customElement("wizard-reload-popup")
+], WizardReloadPopup);
+
+export { WizardReloadPopup };

package/dist/wizard-reload-popup/wizard-reload-popup.d.ts

@@ -0,0 +1,3 @@
+export { WizardReloadPopup } from './WizardReloadPopup.js';
+export type { WizardReloadItem } from './WizardReloadPopup.js';
+//# sourceMappingURL=wizard-reload-popup.d.ts.map

package/dist/wizard-reload-popup/wizard-reload-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-reload-popup.d.ts","sourceRoot":"","sources":["../../src/wizard-reload-popup/wizard-reload-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/wizard-reload-popup/wizard-reload-popup.stories.d.ts

@@ -0,0 +1,42 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { WizardReloadItem } from './WizardReloadPopup.js';
+/**
+ * Story arguments interface for wizard-reload-popup component.
+ * Maps to the component's public API.
+ */
+interface WizardReloadPopupArgs {
+    /** Saved wizard state to display */
+    reloadItem: WizardReloadItem;
+    /** Text for the confirm button */
+    confirmButtonText: string;
+    /** Text for the cancel button */
+    cancelButtonText: string;
+}
+/**
+ * ## wizard-reload-popup
+ *
+ * A confirmation dialog shown when saved wizard progress is found in localStorage.
+ * Extends PdConfirmDialog with info-style presentation, timestamp display, and
+ * a warning notice about data deletion on restart.
+ *
+ * ### Features
+ * - Info dialog type for non-destructive action context
+ * - Formatted date and time display from saved timestamp
+ * - Warning notice box clearly stating that restart deletes saved data
+ * - Continue/Restart options for the user
+ * - Inherits full PdConfirmDialog behavior and styling
+ *
+ * ### Usage
+ * This component is typically used internally by DefaultWizard.
+ * It is instantiated programmatically when saved progress is detected on initialization.
+ */
+declare const meta: Meta<WizardReloadPopupArgs>;
+export default meta;
+type Story = StoryObj<WizardReloadPopupArgs>;
+/** Default reload popup with a recent timestamp — offers to continue or restart. */
+export declare const Default: Story;
+/** Reload popup showing data saved a week ago, at a later wizard step. */
+export declare const OldSavedData: Story;
+/** Side-by-side comparison: recent vs. older saved data. */
+export declare const TimestampComparison: Story;
+//# sourceMappingURL=wizard-reload-popup.stories.d.ts.map

package/dist/wizard-reload-popup/wizard-reload-popup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-reload-popup.stories.d.ts","sourceRoot":"","sources":["../../src/wizard-reload-popup/wizard-reload-popup.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,wBAAwB,CAAC;AAMhC;;;GAGG;AACH,UAAU,qBAAqB;IAC7B,oCAAoC;IACpC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAoBD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAwErC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAM7C,oFAAoF;AACpF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,0EAA0E;AAC1E,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAMF,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC"}

package/dist/wizard-reload-popup.d.ts

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

package/dist/wizard-reload-popup.js

@@ -0,0 +1 @@
+export { WizardReloadPopup } from './wizard-reload-popup/WizardReloadPopup.js';

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@progressive-development/pd-wizard",
-  "version": "0.9.1",
+  "version": "1.0.0",
   "description": "Webcomponent pd-wizard following open-wc recommendations",
   "author": "PD Progressive Development",
-  "license": "SEE LICENSE IN LICENSE",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",
@@ -11,6 +14,12 @@
   "exports": {
     ".": "./dist/index.js",
     "./pd-wizard": "./dist/pd-wizard.js",
+    "./default-wizard": "./dist/default-wizard.js",
+    "./pd-default-wizard-step": "./dist/pd-default-wizard-step.js",
+    "./default-step-address": "./dist/default-step-address.js",
+    "./default-step-summary": "./dist/default-step-summary.js",
+    "./wizard-close-popup": "./dist/wizard-close-popup.js",
+    "./wizard-reload-popup": "./dist/wizard-reload-popup.js",
     "./locales/be": "./dist/locales/be.js",
     "./locales/de": "./dist/locales/de.js",
     "./locales/en": "./dist/locales/en.js"
@@ -25,9 +34,13 @@
     "lit": "^3.3.1",
     "@lit/localize": "^0.12.2",
     "tslib": "^2.8.1",
-    "@progressive-development/pd-icon": "0.9.1",
-    "@progressive-development/pd-shared-styles": "0.3.0",
-    "@progressive-development/pd-forms": "0.9.1"
+    "@progressive-development/pd-content": "1.0.0",
+    "@progressive-development/pd-dialog": "1.0.0",
+    "@progressive-development/pd-forms": "1.0.0",
+    "@progressive-development/pd-icon": "1.0.0",
+    "@progressive-development/pd-order": "1.0.0",
+    "@progressive-development/pd-utils": "1.0.0",
+    "@progressive-development/pd-shared-styles": "0.3.1"
   },
   "customElements": "custom-elements.json",
   "keywords": [
@@ -41,7 +54,7 @@
   "scripts": {
     "analyze": "cem analyze --litelement --exclude dist,demo",
     "start": "vite",
-    "build": "vite build",
+    "build": "pnpm run analyze && vite build",
     "preview": "vite preview",
     "clean": "rm -rf dist",
     "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",