@progressive-development/pd-dialog 0.6.23 → 0.9.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { PdPopup } from './pd-popup.js';
-export { PdPopupDialog } from './pd-popup-dialog.js';
-export { PdSubmitDialog } from './pd-submit-dialog.js';
+export { PdPopup } from './pd-popup/pd-popup.js';
+export { PdPopupDialog } from './pd-popup-dialog/pd-popup-dialog.js';
+export { PdSubmitDialog } from './pd-submit-dialog/pd-submit-dialog.js';
 export type { PdDialogButton, PdSubmitDialogProps, PdSubmitDialogStatus, } 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,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAEpB,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":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAEpB,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,14 +1,9 @@
-import { PdPopup } from "./pd-popup.js";
-import { PdPopupDialog } from "./pd-popup-dialog.js";
-import { PdSubmitDialog } from "./pd-submit-dialog.js";
-import { templates } from "./locales/be.js";
-import { templates as templates2 } from "./locales/de.js";
-import { templates as templates3 } from "./locales/en.js";
-export {
-  PdPopup,
-  PdPopupDialog,
-  PdSubmitDialog,
-  templates as beTemplates,
-  templates2 as deTemplates,
-  templates3 as enTemplates
-};
+import './pd-popup.js';
+import './pd-popup-dialog.js';
+import './pd-submit-dialog.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 { PdPopup } from './pd-popup/PdPopup.js';
+export { PdPopupDialog } from './pd-popup-dialog/PdPopupDialog.js';
+export { PdSubmitDialog } from './pd-submit-dialog/PdSubmitDialog.js';

package/dist/locales/be.js

@@ -2,6 +2,5 @@ const templates = {
   "pd.submit.dialog.closeStay": `Bewerk gegevens`,
   "pd.submit.dialog.startPage": `Naar startpagina`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/de.js

@@ -2,6 +2,5 @@ const templates = {
   "pd.submit.dialog.closeStay": `Daten bearbeiten`,
   "pd.submit.dialog.startPage": `Zur Startseite`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/en.js

@@ -2,6 +2,5 @@ const templates = {
   "pd.submit.dialog.closeStay": `Edit data`,
   "pd.submit.dialog.startPage": `Go to homepage`
 };
-export {
-  templates
-};
+
+export { templates };

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

@@ -0,0 +1,31 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * @tagname pd-popup
+ *
+ * Popup-Komponente, die bei Klick auf ein Trigger-Element (Slot `small-view`)
+ * ein modales Fenster (Slot `content`) öffnet.
+ *
+ * @element pd-popup
+ * @slot small-view - Inhalt, der das Popup triggert (z.B. Icon, Text)
+ * @slot content - Inhalt, der im Popup angezeigt wird
+ * @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
+     */
+    showPopup(): void;
+    /**
+     * Schließt das Popup programmatisch
+     */
+    hidePopup(): void;
+    protected render(): import('lit').TemplateResult<1>;
+    private _activatePopup;
+    private _closePopup;
+    private _handleKeyDown;
+}
+//# sourceMappingURL=PdPopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdPopup.d.ts","sourceRoot":"","sources":["../../src/pd-popup/PdPopup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;;;GAUG;AACH,qBAAa,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/PdPopup.js

@@ -0,0 +1,137 @@
+import { LitElement, css, html } from 'lit';
+import { property } 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 __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 PdPopup extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.closeByEscape = false;
+    this._handleKeyDown = (e) => {
+      if (e.key === "Escape") this._closePopup();
+    };
+  }
+  static {
+    this.styles = [
+      PdColorStyles,
+      css`
+      :host {
+        display: block;
+      }
+
+      .modal {
+        position: fixed;
+        z-index: 100;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: var(
+          --pd-popup-modal-bg-rgba,
+          rgba(175, 193, 210, 0.8)
+        );
+        display: var(--pd-popup-default-display, none);
+        padding-top: 100px;
+      }
+
+      .modal-content {
+        background-color: var(--pd-default-bg-col);
+        opacity: 1;
+        margin: auto;
+        padding: var(--pd-popup-modal-padding, 20px);
+        padding-bottom: 130px;
+        border: 2px solid var(--pd-default-col);
+        width: 80%;
+        max-width: 1200px;
+        position: relative;
+      }
+
+      .modal-content-slot {
+        max-width: var(--pd-popup-modal-slot-max-width, 1000px);
+        margin: var(--pd-popup-modal-slot-margin, 0 30px);
+      }
+
+      .close-icon {
+        position: absolute;
+        cursor: pointer;
+        right: 1.2em;
+        top: 1.2em;
+      }
+    `
+    ];
+  }
+  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
+   */
+  showPopup() {
+    this._activatePopup();
+  }
+  /**
+   * Schließt das Popup programmatisch
+   */
+  hidePopup() {
+    this._closePopup();
+  }
+  render() {
+    return html`
+      <span @click=${this._activatePopup} @keypress=${this._activatePopup}>
+        <slot name="small-view"></slot>
+      </span>
+
+      <div id="modalId" class="modal">
+        <div class="modal-content">
+          <pd-icon
+            icon=${pdIcons.ICON_CLOSE}
+            class="close-icon"
+            @click=${this._closePopup}
+          ></pd-icon>
+          <div class="modal-content-slot">
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  _activatePopup() {
+    const modal = this.shadowRoot?.getElementById("modalId");
+    if (modal) modal.style.display = "block";
+  }
+  _closePopup() {
+    const modal = this.shadowRoot?.getElementById("modalId");
+    if (modal) modal.style.display = "none";
+    this.dispatchEvent(
+      new CustomEvent("popup-close", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+}
+__decorateClass([
+  property({ type: Boolean })
+], PdPopup.prototype, "closeByEscape");
+
+export { PdPopup };

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

@@ -0,0 +1,3 @@
+import { PdPopup } from './PdPopup.js';
+export { PdPopup };
+//# sourceMappingURL=pd-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-popup.d.ts","sourceRoot":"","sources":["../../src/pd-popup/pd-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAOvC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/{stories → pd-popup}/pd-popup.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
     component: string;
-    render: ({ smallViewSlot, contentSlot }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ smallViewSlot, contentSlot }: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
     argTypes: {
         smallViewSlot: {
             control: "text";

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-popup.stories.d.ts","sourceRoot":"","sources":["../../src/pd-popup/pd-popup.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,eAAe,CAAC;AAGvB,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/pd-popup-dialog/PdPopupDialog.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdDialogButton } from '../types';
+/**
+ * @tagname pd-popup-dialog
+ */
+export declare class PdPopupDialog extends LitElement {
+    /**
+     * Typ des Popups: info | warn | error | help
+     */
+    type: string;
+    /**
+     * Titel, der im Header angezeigt wird
+     */
+    title: string;
+    /**
+     * Konfigurierbare Buttons mit Text, Key und optionalem Status
+     */
+    buttons: PdDialogButton[];
+    closeByEscape: boolean;
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('lit').TemplateResult<1>;
+    private _onButtonClick;
+    private _renderIcon;
+    /**
+     * Öffnet das Popup-Dialog manuell
+     */
+    showPopup(): void;
+    /**
+     * Schließt das Popup-Dialog manuell
+     */
+    hidePopup(): void;
+    private _setModalDisplay;
+    private _handleKeyDown;
+}
+//# sourceMappingURL=PdPopupDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdPopupDialog.d.ts","sourceRoot":"","sources":["../../src/pd-popup-dialog/PdPopupDialog.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0CAA0C,CAAC;AAMlD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;GAEG;AACH,qBAAa,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-dialog/PdPopupDialog.js

@@ -0,0 +1,264 @@
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '@progressive-development/pd-forms/pd-panel-button';
+import '@progressive-development/pd-icon/pd-icon';
+import { PdColorStyles, PdFontStyles } from '@progressive-development/pd-shared-styles';
+
+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 PdPopupDialog extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.type = "info";
+    this.title = "Popup Title";
+    this.buttons = [];
+    this.closeByEscape = false;
+    this._handleKeyDown = (e) => {
+      if (e.key === "Escape") this.hidePopup();
+    };
+  }
+  static {
+    this.styles = [
+      PdColorStyles,
+      PdFontStyles,
+      css`
+      :host {
+        display: block;
+      }
+
+      .modal {
+        position: fixed;
+        box-sizing: border-box;
+
+        z-index: 100;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: var(
+          --pd-popup-modal-bg-rgba,
+          rgba(175, 193, 210, 0.8)
+        );
+        display: block;
+        padding: 1rem;
+
+        max-width: 100vw;
+        overflow-x: hidden;
+      }
+
+      .modal-content {
+        position: relative;
+        top: 50%;
+        transform: translateY(-50%);
+        margin: 0 auto;
+        padding: 0;
+        width: 100%;
+        max-width: var(--pd-popup-max-width, 700px);
+        border-radius: var(--pd-border-radius, 8px);
+        border: 1px solid var(--pd-default-light-col);
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
+        background: white;
+      }
+
+      .header {
+        display: flex;
+        gap: 0.5em;
+        align-items: center;
+        background-color: var(--pd-popup-header-col, var(--pd-default-col));
+        height: var(--pd-popup-header-height, 45px);
+        padding: 0.5rem;
+
+        border-top-left-radius: var(--pd-border-radius, 8px);
+        border-top-right-radius: var(--pd-border-radius, 8px);
+      }
+
+      .header-txt {
+        font-family: var(--pd-default-font-title-family);
+        font-size: var(--pd-popup-header-font-size, 1.3em);
+        color: var(--pd-popup-header-font-col, var(--pd-default-bg-col));
+      }
+
+      .info-logo {
+        width: 2em;
+      }
+
+      .error {
+        --pd-icon-col: var(--pd-default-error-col);
+      }
+
+      .info,
+      .help {
+        --pd-icon-col: #6b86ff;
+      }
+
+      .warn {
+        --pd-icon-col: #ffbf00;
+      }
+
+      .content {
+        padding: 1em;
+        background-color: var(
+          --pd-popup-header-font-col,
+          var(--pd-default-bg-col)
+        );
+        height: 100%;
+      }
+
+      .footer {
+        display: flex;
+        background: linear-gradient(
+          to right,
+          var(--pd-popup-footer-col, var(--pd-default-light-col)) 0%,
+          var(--pd-default-disabled-light-col) 100%
+        );
+        align-items: center;
+        justify-content: space-around;
+
+        padding: 1em;
+
+        border-bottom-left-radius: var(--pd-border-radius, 8px);
+        border-bottom-right-radius: var(--pd-border-radius, 8px);
+
+        --pd-icon-button-width: 100%;
+      }
+
+      .footer pd-panel-button {
+        width: 38%;
+      }
+
+      @media (max-width: 640px) {
+        .footer {
+          --pd-icon-button-font-size: 100%;
+        }
+      }
+
+      @media (max-width: 500px) {
+        .footer {
+          flex-direction: column;
+          gap: 0.5rem;
+          padding: 1rem;
+        }
+
+        .footer pd-panel-button {
+          width: 90%;
+        }
+      }
+    `
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.closeByEscape) {
+      document.addEventListener("keydown", this._handleKeyDown);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.closeByEscape) {
+      document.removeEventListener("keydown", this._handleKeyDown);
+    }
+  }
+  render() {
+    return html`
+      <div id="modalId" class="modal">
+        <div class="modal-content">
+          <div class="header">
+            ${this._renderIcon()}
+            <span class="header-txt">${this.title}</span>
+          </div>
+          <div class="content">
+            <slot name="content"></slot>
+          </div>
+          <div class="footer">
+            ${this.buttons.map(
+      (bt) => html`
+                <pd-panel-button
+                  data-key=${bt.key}
+                  buttonText=${bt.name}
+                  ?disabled=${bt.disabled}
+                  ?primary=${bt.primary}
+                  @button-clicked=${this._onButtonClick}
+                ></pd-panel-button>
+              `
+    )}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  _onButtonClick(e) {
+    const key = e.target.dataset.key;
+    this.dispatchEvent(
+      new CustomEvent("submit-button-clicked", {
+        detail: { button: key },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  _renderIcon() {
+    switch (this.type) {
+      case "warn":
+        return html`<pd-icon
+          icon="warningIconFld"
+          class="info-logo warn"
+        ></pd-icon>`;
+      case "error":
+        return html`<pd-icon
+          icon="errorIconFld"
+          class="info-logo error"
+        ></pd-icon>`;
+      case "help":
+        return html`<pd-icon
+          icon="helpIconFld"
+          class="info-logo help"
+        ></pd-icon>`;
+      case "info":
+      default:
+        return html`<pd-icon
+          icon="infoIconFld"
+          class="info-logo info"
+        ></pd-icon>`;
+    }
+  }
+  /**
+   * Öffnet das Popup-Dialog manuell
+   */
+  showPopup() {
+    this._setModalDisplay(true);
+  }
+  /**
+   * Schließt das Popup-Dialog manuell
+   */
+  hidePopup() {
+    this._setModalDisplay(false);
+  }
+  _setModalDisplay(visible) {
+    const modal = this.shadowRoot?.getElementById("modalId");
+    if (modal) {
+      modal.style.display = visible ? "block" : "none";
+    }
+  }
+}
+__decorateClass([
+  property({ type: String })
+], PdPopupDialog.prototype, "type");
+__decorateClass([
+  property({ type: String })
+], PdPopupDialog.prototype, "title");
+__decorateClass([
+  property({ type: Array })
+], PdPopupDialog.prototype, "buttons");
+__decorateClass([
+  property({ type: Boolean })
+], PdPopupDialog.prototype, "closeByEscape");
+
+export { PdPopupDialog };

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

@@ -0,0 +1,3 @@
+import { PdPopupDialog } from './PdPopupDialog.js';
+export { PdPopupDialog };
+//# sourceMappingURL=pd-popup-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-popup-dialog.d.ts","sourceRoot":"","sources":["../../src/pd-popup-dialog/pd-popup-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOnD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/{stories → pd-popup-dialog}/pd-popup-dialog.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: ({ title, type, buttons }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ title, type, buttons }: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
     argTypes: {
         title: {
             control: "text";

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-popup-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-popup-dialog/pd-popup-dialog.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,sBAAsB,CAAC;AAE9B,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/pd-popup-dialog.d.ts

@@ -1,34 +1,2 @@
-import { LitElement, CSSResultGroup } from 'lit';
-import { PdDialogButton } from './types';
-export declare class PdPopupDialog extends LitElement {
-    /**
-     * Typ des Popups: info | warn | error | help
-     */
-    type: string;
-    /**
-     * Titel, der im Header angezeigt wird
-     */
-    title: string;
-    /**
-     * Konfigurierbare Buttons mit Text, Key und optionalem Status
-     */
-    buttons: PdDialogButton[];
-    closeByEscape: boolean;
-    static styles: CSSResultGroup;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1>;
-    private _onButtonClick;
-    private _renderIcon;
-    /**
-     * Öffnet das Popup-Dialog manuell
-     */
-    showPopup(): void;
-    /**
-     * Schließt das Popup-Dialog manuell
-     */
-    hidePopup(): void;
-    private _setModalDisplay;
-    private _handleKeyDown;
-}
-//# sourceMappingURL=pd-popup-dialog.d.ts.map
+export * from './pd-popup-dialog/pd-popup-dialog'
+export {}