@progressive-development/pd-dialog 0.6.23 → 0.9.1

package/dist/pd-submit-dialog/pd-submit-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-submit-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-submit-dialog/pd-submit-dialog.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,uBAAuB,CAAC;AAa/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAmCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}

package/dist/pd-submit-dialog.d.ts

@@ -1,30 +1,2 @@
-import { LitElement, PropertyValues } from 'lit';
-/**
- * A submit dialog that shows progress, success or failure state.
- *
- * @fires submit-button-clicked - Triggered when a footer button is clicked, e.g. "Close" or "Back to Start".
- * @slot submit-content - Content shown above the progress area
- */
-export declare class PdSubmitDialog extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Dialog title */
-    title: string;
-    /** Dialog type: `mail`, `editDate`, `order` (default) */
-    type: "mail" | "editDate" | "order";
-    /** Current status */
-    status: number;
-    /** Optional status message shown below the progress */
-    statusMsg: string;
-    /** Confirmation email address shown inside the content */
-    confirmMail: string;
-    /** Optional map with custom progress texts */
-    progressTxtMap: Map<number, string>;
-    /** Internal list of buttons shown in the popup dialog */
-    private _buttons;
-    updated(changedProps: PropertyValues<this>): void;
-    private _updateButtonsBasedOnStatus;
-    render(): import('lit-html').TemplateResult<1>;
-    private _renderProgressRow;
-    private _goToStartpage;
-}
-//# sourceMappingURL=pd-submit-dialog.d.ts.map
+export * from './pd-submit-dialog/pd-submit-dialog'
+export {}

package/dist/pd-submit-dialog.js

@@ -1,200 +1,8 @@
-import { css, LitElement, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-import "@progressive-development/pd-icon/pd-icon";
-import { PdColorStyles } from "@progressive-development/pd-shared-styles";
-import { PdSubmitDialogStatus } from "./types.js";
-import "./pd-popup-dialog.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 PdSubmitDialog = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.title = "Order Submit Title";
-    this.type = "order";
-    this.status = 0;
-    this.statusMsg = "";
-    this.confirmMail = "";
-    this.progressTxtMap = /* @__PURE__ */ new Map();
-    this._buttons = [];
-  }
-  updated(changedProps) {
-    if (changedProps.has("status")) {
-      this._updateButtonsBasedOnStatus();
-    }
-  }
-  _updateButtonsBasedOnStatus() {
-    if (this.status === PdSubmitDialogStatus.SUCCESS) {
-      this._buttons = [{ name: "Close", key: 2 }];
-    } else if (this.status === PdSubmitDialogStatus.FAILED) {
-      if (this.type === "mail") {
-        this._buttons = [{ name: "Close", key: 2 }];
-      } else {
-        this._buttons = [
-          {
-            name: msg("Daten bearbeiten", { id: "pd.submit.dialog.closeStay" }),
-            key: 2
-          },
-          {
-            name: msg("Zur Startseite", { id: "pd.submit.dialog.startPage" }),
-            key: 1
-          }
-        ];
-      }
-    } else {
-      this._buttons = [];
-    }
-  }
-  render() {
-    return html`
-      <pd-popup-dialog
-        class="popup-dialog"
-        .title=${this.title}
-        .buttons=${this._buttons}
-        @submit-button-clicked=${this._goToStartpage}
-      >
-        <div slot="content">
-          <slot name="submit-content"></slot>
-          <div class="progress-container">
-            <div class="progress-row">${this._renderProgressRow()}</div>
-          </div>
-          <p>${this.statusMsg}</p>
-        </div>
-      </pd-popup-dialog>
-    `;
-  }
-  _renderProgressRow() {
-    switch (this.status) {
-      case PdSubmitDialogStatus.SEND:
-        return html`
-          <div class="first-row-tmp"><div class="loader"></div></div>
-          <span class="progress-txt"
-            >${this.progressTxtMap.get(PdSubmitDialogStatus.SEND)}</span
-          >
-        `;
-      case PdSubmitDialogStatus.SUCCESS:
-        return html`
-          <div class="first-row-tmp">
-            <pd-icon class="success-icon" icon="checkBox" activeIcon></pd-icon>
-          </div>
-          <span class="progress-txt"
-            >${this.progressTxtMap.get(PdSubmitDialogStatus.SUCCESS)}</span
-          >
-        `;
-      case PdSubmitDialogStatus.FAILED:
-        return html`
-          <div class="first-row-tmp">
-            <pd-icon class="error-icon" icon="checkBox"></pd-icon>
-          </div>
-          <span class="progress-txt"
-            >${this.progressTxtMap.get(PdSubmitDialogStatus.FAILED)}</span
-          >
-        `;
-      default:
-        console.warn("Unexpected status:", this.status);
-        return "";
-    }
-  }
-  _goToStartpage(e) {
-    var _a, _b;
-    const clickedKey = ((_a = e.detail) == null ? void 0 : _a.button) ?? ((_b = this._buttons[0]) == null ? void 0 : _b.key) ?? 0;
-    this.dispatchEvent(
-      new CustomEvent("submit-button-clicked", {
-        detail: { button: clickedKey },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-};
-PdSubmitDialog.styles = [
-  PdColorStyles,
-  css`
-      :host {
-        display: block;
-      }
+import { PdSubmitDialog } from './pd-submit-dialog/PdSubmitDialog.js';
 
-      .progress-container {
-        padding: 20px;
-      }
+const tag = "pd-submit-dialog";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdSubmitDialog);
+}
 
-      .progress-row {
-        display: flex;
-        justify-content: start;
-        align-items: center;
-      }
-
-      .first-row-tmp {
-        width: 80px;
-        height: 40px;
-      }
-
-      .loader {
-        border: 16px solid var(--pd-default-disabled-light-col);
-        border-top: 16px solid var(--pd-default-col);
-        border-radius: 50%;
-        width: 10px;
-        height: 10px;
-        animation: spin 2s linear infinite;
-      }
-
-      .success-icon {
-        padding-top: 5px;
-        --pd-icon-col-active: var(--pd-default-success-col);
-      }
-
-      .error-icon {
-        padding-top: 5px;
-        --pd-icon-col: var(--pd-default-error-col);
-      }
-
-      .progress-txt {
-        font-size: 1em;
-        color: var(--pd-default-dark-col);
-      }
-
-      @keyframes spin {
-        0% {
-          transform: rotate(0deg);
-        }
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-    `
-];
-__decorateClass([
-  property({ type: String })
-], PdSubmitDialog.prototype, "title", 2);
-__decorateClass([
-  property({ type: String })
-], PdSubmitDialog.prototype, "type", 2);
-__decorateClass([
-  property({ type: Number })
-], PdSubmitDialog.prototype, "status", 2);
-__decorateClass([
-  property({ type: String })
-], PdSubmitDialog.prototype, "statusMsg", 2);
-__decorateClass([
-  property({ type: String })
-], PdSubmitDialog.prototype, "confirmMail", 2);
-__decorateClass([
-  property({ type: Object })
-], PdSubmitDialog.prototype, "progressTxtMap", 2);
-__decorateClass([
-  state()
-], PdSubmitDialog.prototype, "_buttons", 2);
-PdSubmitDialog = __decorateClass([
-  customElement("pd-submit-dialog")
-], PdSubmitDialog);
-export {
-  PdSubmitDialog
-};
+export { PdSubmitDialog };

package/dist/types.js

@@ -4,6 +4,5 @@ var PdSubmitDialogStatus = /* @__PURE__ */ ((PdSubmitDialogStatus2) => {
   PdSubmitDialogStatus2[PdSubmitDialogStatus2["FAILED"] = 3] = "FAILED";
   return PdSubmitDialogStatus2;
 })(PdSubmitDialogStatus || {});
-export {
-  PdSubmitDialogStatus
-};
+
+export { PdSubmitDialogStatus };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@progressive-development/pd-dialog",
-  "version": "0.6.23",
+  "version": "0.9.1",
   "description": "Progressive Development dialog components.",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
@@ -22,53 +23,14 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "analyze": "cem analyze --litelement --exclude dist,demo",
-    "start": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "clean": "rm -rf dist",
-    "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest --watch",
-    "check": "npm run lint && npm run build",
-    "prepublishOnly": "npm run clean && npm run check",
-    "localizeExtract": "lit-localize extract",
-    "localizeBuild": "lit-localize build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
   "dependencies": {
+    "lit": "^3.3.1",
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-forms": "^0.8.6",
-    "@progressive-development/pd-icon": "^0.7.6",
-    "@progressive-development/pd-price": "^0.6.3",
-    "@progressive-development/pd-shared-styles": "^0.2.5",
-    "lit": "^3.3.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@lit/localize-tools": "^0.6.10",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/test": "^8.6.14",
-    "@storybook/web-components": "^8.0.10",
-    "@storybook/web-components-vite": "^8.6.14",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.6.14",
-    "typescript": "^5.8.3",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^2.1.9"
+    "tslib": "^2.8.1",
+    "@progressive-development/pd-shared-styles": "0.3.0",
+    "@progressive-development/pd-icon": "0.9.1",
+    "@progressive-development/pd-forms": "0.9.1",
+    "@progressive-development/pd-price": "0.9.1"
   },
   "customElements": "custom-elements.json",
   "keywords": [
@@ -79,5 +41,23 @@
     "popup",
     "submit",
     "send"
-  ]
-}
+  ],
+  "scripts": {
+    "analyze": "cem analyze --litelement --exclude dist,demo",
+    "start": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",
+    "lint": "eslint --ext .ts,.html src --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --check --ignore-path ../../../.eslintignore",
+    "lint:lit": "lit-analyzer",
+    "format": "eslint --ext .ts,.html src --fix --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --write --ignore-path ../../../.eslintignore",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest --watch",
+    "check": "pnpm run lint && pnpm run lint:lit && pnpm run build",
+    "localizeExtract": "lit-localize extract",
+    "localizeBuild": "lit-localize build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

package/dist/pd-popup-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup-dialog.d.ts","sourceRoot":"","sources":["../src/pd-popup-dialog.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,wDAAwD,CAAC;AAChE,OAAO,0CAA0C,CAAC;AAMlD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,qBACa,aAAc,SAAQ,UAAU;IAC3C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAU;IAEtB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAiB;IAE9B;;OAEG;IAEH,OAAO,EAAE,cAAc,EAAE,CAAM;IAG/B,aAAa,EAAE,OAAO,CAAS;IAE/B,OAAgB,MAAM,EAAE,cAAc,CA+HpC;IAEO,iBAAiB;IAOjB,oBAAoB;IAOpB,MAAM;IA6Bf,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,WAAW;IA0BnB;;OAEG;IACI,SAAS;IAIhB;;OAEG;IACI,SAAS;IAIhB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,cAAc,CAEpB;CACH"}

package/dist/pd-popup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup.d.ts","sourceRoot":"","sources":["../src/pd-popup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;GAQG;AACH,qBACa,OAAQ,SAAQ,UAAU;IAErC,aAAa,EAAE,OAAO,CAAS;IAE/B,OAAgB,MAAM,EAAE,cAAc,CA+CpC;IAEO,iBAAiB;IAOjB,oBAAoB;IAO7B;;OAEG;IACI,SAAS,IAAI,IAAI;IAIxB;;OAEG;IACI,SAAS,IAAI,IAAI;IAIxB,SAAS,CAAC,MAAM;IAqBhB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,cAAc,CAEpB;CACH"}

package/dist/pd-submit-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-submit-dialog.d.ts","sourceRoot":"","sources":["../src/pd-submit-dialog.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,0CAA0C,CAAC;AAKlD,OAAO,sBAAsB,CAAC;AAE9B;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAuDpB;IAEF,mBAAmB;IAEnB,KAAK,SAAwB;IAE7B,yDAAyD;IAEzD,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAW;IAE9C,qBAAqB;IAErB,MAAM,SAAK;IAEX,uDAAuD;IAEvD,SAAS,SAAM;IAEf,0DAA0D;IAE1D,WAAW,SAAM;IAEjB,8CAA8C;IAE9C,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAEhD,yDAAyD;IAChD,OAAO,CAAC,QAAQ,CAAwB;IAExC,OAAO,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC;IAMnD,OAAO,CAAC,2BAA2B;IAuB1B,MAAM;IAmBf,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,cAAc;CAUvB"}

package/dist/stories/pd-popup-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-popup-dialog.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;;;;;;;;;;CAcM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAOtB,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC"}

package/dist/stories/pd-popup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-popup.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,gBAAgB,CAAC;AAGxB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAqBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC"}

package/dist/stories/pd-submit-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-submit-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-submit-dialog.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,wBAAwB,CAAC;AAahC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAmCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}