@progressive-development/pd-dialog 0.6.8 → 0.6.10

package/dist/pd-popup.d.ts

@@ -9,7 +9,10 @@ import { LitElement, CSSResultGroup } from 'lit';
  * @event popup-close - Wird ausgelöst, wenn das Popup geschlossen wurde
  */
 export declare class PdPopup extends LitElement {
+    closeByEscape: boolean;
     static styles: CSSResultGroup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Öffnet das Popup programmatisch
      */
@@ -21,5 +24,6 @@ export declare class PdPopup extends LitElement {
     protected render(): import('lit-html').TemplateResult<1>;
     private _activatePopup;
     private _closePopup;
+    private _handleKeyDown;
 }
 //# sourceMappingURL=pd-popup.d.ts.map

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

@@ -1 +1 @@
-{"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;IACrC,OAAgB,MAAM,EAAE,cAAc,CA+CpC;IAEF;;OAEG;IACI,SAAS,IAAI,IAAI;IAIxB;;OAEG;IACI,SAAS,IAAI,IAAI;IAIxB,SAAS,CAAC,MAAM;IAqBhB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;CAWpB"}
+{"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-popup.js

@@ -1,17 +1,38 @@
 import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
+import { property, customElement } from "lit/decorators.js";
 import { pdIcons } from "@progressive-development/pd-icon";
 import { PdColorStyles } from "@progressive-development/pd-shared-styles";
 import "@progressive-development/pd-icon/pd-icon";
+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 = decorator(result) || result;
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let PdPopup = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.closeByEscape = false;
+    this._handleKeyDown = (e) => {
+      if (e.key === "Escape") this._closePopup();
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.closeByEscape) {
+      document.addEventListener("keydown", this._handleKeyDown);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.closeByEscape) {
+      document.removeEventListener("keydown", this._handleKeyDown);
+    }
+  }
   /**
    * Öffnet das Popup programmatisch
    */
@@ -109,6 +130,9 @@ PdPopup.styles = [
       }
     `
 ];
+__decorateClass([
+  property({ type: Boolean })
+], PdPopup.prototype, "closeByEscape", 2);
 PdPopup = __decorateClass([
   customElement("pd-popup")
 ], PdPopup);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-dialog",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "description": "Progressive Development dialog components.",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-forms": "^0.7.2",
+    "@progressive-development/pd-forms": "^0.7.3",
     "@progressive-development/pd-icon": "^0.7.4",
     "@progressive-development/pd-price": "^0.6.3",
     "@progressive-development/pd-shared-styles": "^0.2.5",