@progressive-development/pd-spa-helper 0.8.22 → 0.9.0

package/LICENSE

@@ -1,21 +1,2 @@
-MIT License
-
-Copyright (c) 2022 pd-spa-helper
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+No License, all rights reserved
+@2021 - PD Progressive Development UG

package/dist/PdSpaHelper.js

@@ -1,29 +1,29 @@
-var _a;
-import { LitElement, unsafeCSS, css, html } from "lit";
-import { property, state } from "lit/decorators.js";
-import "@progressive-development/pd-page/pd-menu";
-import "@progressive-development/pd-page/pd-footer";
-import "@progressive-development/pd-content/pd-panel-viewer";
-import "@progressive-development/pd-content/pd-panel";
-import { pdStore, initializeStore } from "./store/mini-rx.store.js";
-import { authStateChangedImpl, setServiceProvider, initAppImpl } from "./service-provider/service-provider-impl.js";
-import { getLoadingSelector } from "./store/spa-app-selector.js";
-import { setRouteElement } from "./store/spa-app-effects.js";
-import { APP_CONF_EVENT } from "./model/spa-model.js";
-import { loginSucess, nologin } from "./store/spa-app-actions.js";
-import "./defaultpage/default-login.js";
-import "./defaultpage/default-not-found.js";
-import { PdToast } from "./tmpown/pd-toast.js";
-import "./tmpown/pd-loading-state.js";
-import { setCurrentFormatLocale } from "./helper/locale-format.js";
-import { pdRouterService } from "./router/PdRouterService.js";
-import { createLogger } from "./helper/logger.js";
+import { LitElement, unsafeCSS, css, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import '@progressive-development/pd-page/pd-menu';
+import '@progressive-development/pd-page/pd-footer';
+import '@progressive-development/pd-content/pd-panel-viewer';
+import '@progressive-development/pd-content/pd-panel';
+import { pdStore, initializeStore } from './store/mini-rx.store.js';
+import { authStateChangedImpl, setServiceProvider, initAppImpl } from './service-provider/service-provider-impl.js';
+import { getLoadingSelector } from './store/spa-app-selector.js';
+import { setRouteElement } from './store/spa-app-effects.js';
+import { APP_CONF_EVENT } from './model/spa-model.js';
+import { loginSucess, nologin } from './store/spa-app-actions.js';
+import './defaultpage/default-login.js';
+import './defaultpage/default-not-found.js';
+import { PdToast } from './tmpown/pd-toast.js';
+import './tmpown/pd-loading-state.js';
+import { setCurrentFormatLocale } from './helper/locale-format.js';
+import { pdRouterService } from './router/PdRouterService.js';
+import { createLogger } from './helper/logger.js';
+
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
+      result = (decorator(target, key, result) ) || result;
   if (result) __defProp(target, key, result);
   return result;
 };
@@ -92,7 +92,7 @@ const startInit = (config) => {
   spaLogger.debug("Init done, init-app-event created");
 };
 const TOP_MENU_HEIGHT = 30;
-const _PdSpaHelper = (_a = class extends LitElement {
+const _PdSpaHelper = class _PdSpaHelper extends LitElement {
   constructor() {
     super();
     this.title = "Hey there";
@@ -131,6 +131,87 @@ const _PdSpaHelper = (_a = class extends LitElement {
     this.addEventListener("toast-event", this._createTemporaryToast);
     this.addEventListener("route-event", this._handleMenuRouteEvent);
   }
+  static {
+    this.styles = // Ref: Additional use classmap to add custom classes in concrete impl
+    css`
+      :host {
+        display: flex;
+        flex-flow: column;
+        height: 100%;
+      }
+
+      header {
+        flex-grow: 0;
+      }
+
+      main {
+        flex-grow: 1;
+        flex-basis: max-content;
+      }
+
+      footer {
+        flex-grow: 0;
+      }
+
+      .default-header {
+        width: 100%;
+        position: fixed;
+        top: 0;
+        display: block;
+        z-index: 99;
+      }
+
+      .default-teaser {
+        --pd-panel-overflow: hidden;
+        --pd-panel-height: var(--pd-teaser-height, 380px);
+        --pd-panel-width: 100%;
+        --pd-panel-border-radius: 0;
+        --pd-panel-bg: var(--pd-default-col);
+        --pd-panel-viewer-bg-col: var(--pd-default-col);
+      }
+
+      .default-menu {
+        transition: background-color 2s;
+      }
+
+      .default-menu-withteaser {
+        --pd-menu-bg-col: var(--pd-spa-menu-change-col, #afc1d2);
+        --pd-menu-font-col: var(--pd-spa-menu-change-font-col, #0a3a48);
+        transition: background-color 2s;
+      }
+
+      .default-top-menu,
+      .default-top-menu-withteaser {
+        --pd-menu-height: ${unsafeCSS(TOP_MENU_HEIGHT)}px;
+        --pd-menu-font-size: 0.8em;
+        --pd-menu-shadow: 0;
+      }
+
+      .default-top-menu-withteaser {
+        --pd-menu-bg-col: var(--pd-teaser-bg-col);
+      }
+
+      /* needed for pd-spa-padding-top, only for pages with teaser, check if refactor possible... */
+      .default-main-padding {
+        padding-top: calc(
+          var(--pd-menu-height) + var(--pd-spa-padding-top, 120px)
+        );
+        transition: padding-top 2s;
+      }
+
+      .default-main {
+        padding-top: calc(var(--pd-menu-height));
+        transition: padding-top 2s;
+      }
+
+      .default-main-withteaser {
+        padding-top: calc(
+          var(--pd-menu-height) + var(--pd-teaser-height, 380px)
+        );
+        transition: padding-top 2s;
+      }
+    `;
+  }
   connectedCallback() {
     super.connectedCallback();
     pdRouterService.onRouteChange(({ route, params, query }) => {
@@ -145,9 +226,8 @@ const _PdSpaHelper = (_a = class extends LitElement {
     });
   }
   disconnectedCallback() {
-    var _a2;
     this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);
-    (_a2 = this._subscription) == null ? void 0 : _a2.unsubscribe();
+    this._subscription?.unsubscribe();
     super.disconnectedCallback();
   }
   _setConfInDetail(event) {
@@ -169,10 +249,9 @@ const _PdSpaHelper = (_a = class extends LitElement {
   activateLoginHandler() {
     spaLogger.debug("Activate Login Handler");
     const callback = async (user) => {
-      var _a2;
       spaLogger.debug(
         "Activate Login Handler => callback called for user:",
-        user == null ? void 0 : user.email
+        user?.email
       );
       if (user) {
         const tokenResult = await user.getIdTokenResult();
@@ -183,7 +262,7 @@ const _PdSpaHelper = (_a = class extends LitElement {
             email: user.email,
             emailVerified: user.emailVerified,
             claims,
-            providerId: ((_a2 = user.providerData[0]) == null ? void 0 : _a2.providerId) ?? "firebase"
+            providerId: user.providerData[0]?.providerId ?? "firebase"
           })
         );
       } else {
@@ -197,12 +276,12 @@ const _PdSpaHelper = (_a = class extends LitElement {
       return html`<p>Routing page...</p>`;
     }
     const pageConf = getNavigationPage(this._route);
-    const hideTeaser = this._teaserClosed || !(pageConf == null ? void 0 : pageConf.withTeaser);
+    const hideTeaser = this._teaserClosed || !pageConf?.withTeaser;
     return html`
       <header id="headerElementId" class="default-header">
-        ${(pageConf == null ? void 0 : pageConf.hideTopMenu) ? "" : this._renderTopMenu(pageConf, hideTeaser)}
+        ${pageConf?.hideTopMenu ? "" : this._renderTopMenu(pageConf, hideTeaser)}
         ${hideTeaser ? "" : this._renderTeaser()}
-        ${(pageConf == null ? void 0 : pageConf.hideMenu) ? "" : this._renderMenu(pageConf, hideTeaser)}
+        ${pageConf?.hideMenu ? "" : this._renderMenu(pageConf, hideTeaser)}
       </header>
 
       <main
@@ -218,7 +297,7 @@ const _PdSpaHelper = (_a = class extends LitElement {
         ${this._route === "not-found" ? html`<default-not-found active=""></default-not-found>` : ""}
       </main>
 
-      ${(pageConf == null ? void 0 : pageConf.withFooter) ? html` <footer class="default-footer">${this._renderFooter()}</footer>` : ""}
+      ${pageConf?.withFooter ? html` <footer class="default-footer">${this._renderFooter()}</footer>` : ""}
     `;
   }
   // eslint-disable-next-line class-methods-use-this
@@ -243,7 +322,7 @@ const _PdSpaHelper = (_a = class extends LitElement {
             .menuItems=${menuForPage}
             .topMenuItems=${[]}
             activeRoute="${this._route}"
-            logoRoute="${(pageConfig == null ? void 0 : pageConfig.menuLogoRoute) || ""}"
+            logoRoute="${pageConfig?.menuLogoRoute || ""}"
             headerSize="${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}"
           >
             ${hideTeaser ? this._getAppLogo() : ""}
@@ -338,10 +417,9 @@ const _PdSpaHelper = (_a = class extends LitElement {
   }
   // eslint-disable-next-line class-methods-use-this
   _initMenuSections(e) {
-    var _a2;
     const pageConf = getNavigationPage(this._route);
     if (pageConf) {
-      pageConf.menu = (_a2 = pageConf.menu) == null ? void 0 : _a2.map(
+      pageConf.menu = pageConf.menu?.map(
         (menuElement, index) => ({
           ...menuElement,
           ref: e.detail.menuRefs[index]
@@ -350,13 +428,12 @@ const _PdSpaHelper = (_a = class extends LitElement {
     }
   }
   _createTemporaryToast(e) {
-    var _a2;
     const tmpToast = new PdToast();
     tmpToast.isError = e.detail.isError;
     tmpToast.isSuccess = e.detail.isSuccess;
     const slotContent = document.createTextNode(e.detail.txt);
     tmpToast.appendChild(slotContent);
-    (_a2 = this.shadowRoot) == null ? void 0 : _a2.appendChild(tmpToast);
+    this.shadowRoot?.appendChild(tmpToast);
     tmpToast.duration = e.detail.duration || TOAST_DURATION;
   }
   static _scrollToTop() {
@@ -379,88 +456,10 @@ const _PdSpaHelper = (_a = class extends LitElement {
     }
   }
   _navigateToPage(routeURL) {
-    _a._scrollToTop();
+    _PdSpaHelper._scrollToTop();
     pdRouterService.navigate(routeURL);
   }
-}, _a.styles = // Ref: Additional use classmap to add custom classes in concrete impl
-css`
-      :host {
-        display: flex;
-        flex-flow: column;
-        height: 100%;
-      }
-
-      header {
-        flex-grow: 0;
-      }
-
-      main {
-        flex-grow: 1;
-        flex-basis: max-content;
-      }
-
-      footer {
-        flex-grow: 0;
-      }
-
-      .default-header {
-        width: 100%;
-        position: fixed;
-        top: 0;
-        display: block;
-        z-index: 99;
-      }
-
-      .default-teaser {
-        --pd-panel-overflow: hidden;
-        --pd-panel-height: var(--pd-teaser-height, 380px);
-        --pd-panel-width: 100%;
-        --pd-panel-border-radius: 0;
-        --pd-panel-bg: var(--pd-default-col);
-        --pd-panel-viewer-bg-col: var(--pd-default-col);
-      }
-
-      .default-menu {
-        transition: background-color 2s;
-      }
-
-      .default-menu-withteaser {
-        --pd-menu-bg-col: var(--pd-spa-menu-change-col, #afc1d2);
-        --pd-menu-font-col: var(--pd-spa-menu-change-font-col, #0a3a48);
-        transition: background-color 2s;
-      }
-
-      .default-top-menu,
-      .default-top-menu-withteaser {
-        --pd-menu-height: ${unsafeCSS(TOP_MENU_HEIGHT)}px;
-        --pd-menu-font-size: 0.8em;
-        --pd-menu-shadow: 0;
-      }
-
-      .default-top-menu-withteaser {
-        --pd-menu-bg-col: var(--pd-teaser-bg-col);
-      }
-
-      /* needed for pd-spa-padding-top, only for pages with teaser, check if refactor possible... */
-      .default-main-padding {
-        padding-top: calc(
-          var(--pd-menu-height) + var(--pd-spa-padding-top, 120px)
-        );
-        transition: padding-top 2s;
-      }
-
-      .default-main {
-        padding-top: calc(var(--pd-menu-height));
-        transition: padding-top 2s;
-      }
-
-      .default-main-withteaser {
-        padding-top: calc(
-          var(--pd-menu-height) + var(--pd-teaser-height, 380px)
-        );
-        transition: padding-top 2s;
-      }
-    `, _a);
+};
 __decorateClass([
   property({ type: String })
 ], _PdSpaHelper.prototype, "title");
@@ -489,8 +488,5 @@ __decorateClass([
   state()
 ], _PdSpaHelper.prototype, "_selectedLocale");
 let PdSpaHelper = _PdSpaHelper;
-export {
-  POST_LOGIN_REDIRECT_KEY,
-  PdSpaHelper,
-  startInit
-};
+
+export { POST_LOGIN_REDIRECT_KEY, PdSpaHelper, startInit };

package/dist/defaultpage/default-confirm-popup.d.ts

@@ -11,7 +11,7 @@ export declare abstract class DefaultConfirmPopup extends LitElement {
     okButtonText: string;
     cancelButtonText: string;
     static styles: CSSResultGroup;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     private _generateButtons;
     protected _handleButtonClick(e: CustomEvent): void;
     abstract _renderContent(): HTMLTemplateResult;

package/dist/defaultpage/default-confirm-popup.js

@@ -1,12 +1,13 @@
-import { LitElement, css, html } from "lit";
-import { property } from "lit/decorators.js";
-import "@progressive-development/pd-dialog/pd-popup-dialog";
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '@progressive-development/pd-dialog/pd-popup-dialog';
+
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
+      result = (decorator(target, key, result) ) || result;
   if (result) __defProp(target, key, result);
   return result;
 };
@@ -14,12 +15,21 @@ const KEY_ABORT = "1";
 const ABORT_EVENT_NAME = "close-popup";
 const KEY_STORE = "2";
 const STORE_EVENT_NAME = "store";
-const _DefaultConfirmPopup = class _DefaultConfirmPopup extends LitElement {
+class DefaultConfirmPopup extends LitElement {
   constructor() {
     super(...arguments);
     this.okButtonText = "Ok";
     this.cancelButtonText = "Cancel";
   }
+  static {
+    this.styles = [
+      css`
+      :host {
+        --pd-popup-max-width: 600px;
+      }
+    `
+    ];
+  }
   render() {
     const buttons = this._generateButtons();
     return html`
@@ -49,25 +59,12 @@ const _DefaultConfirmPopup = class _DefaultConfirmPopup extends LitElement {
       )
     );
   }
-};
-_DefaultConfirmPopup.styles = [
-  css`
-      :host {
-        --pd-popup-max-width: 600px;
-      }
-    `
-];
-let DefaultConfirmPopup = _DefaultConfirmPopup;
+}
 __decorateClass([
   property({ type: String })
 ], DefaultConfirmPopup.prototype, "okButtonText");
 __decorateClass([
   property({ type: String })
 ], DefaultConfirmPopup.prototype, "cancelButtonText");
-export {
-  ABORT_EVENT_NAME,
-  DefaultConfirmPopup,
-  KEY_ABORT,
-  KEY_STORE,
-  STORE_EVENT_NAME
-};
+
+export { ABORT_EVENT_NAME, DefaultConfirmPopup, KEY_ABORT, KEY_STORE, STORE_EVENT_NAME };

package/dist/defaultpage/default-dialog-popup.d.ts

@@ -8,7 +8,7 @@ export declare abstract class DefaultDialogPopup<T> extends LitElement {
     protected _validForm: boolean;
     private _formElement;
     static styles: CSSResultGroup;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     private _generateButtons;
     protected _handleButtonClick(e: CustomEvent): void;
     abstract _isValidFormData(): boolean;

package/dist/defaultpage/default-dialog-popup.js

@@ -1,19 +1,20 @@
-import { LitElement, css, html } from "lit";
-import { state, query } from "lit/decorators.js";
-import "@progressive-development/pd-dialog/pd-popup-dialog";
-import "@progressive-development/pd-forms/pd-form-container";
-import { KEY_ABORT, KEY_STORE, STORE_EVENT_NAME, ABORT_EVENT_NAME } from "./default-confirm-popup.js";
+import { LitElement, css, html } from 'lit';
+import { state, query } from 'lit/decorators.js';
+import '@progressive-development/pd-dialog/pd-popup-dialog';
+import '@progressive-development/pd-forms/pd-form-container';
+import { KEY_ABORT, KEY_STORE, STORE_EVENT_NAME, ABORT_EVENT_NAME } from './default-confirm-popup.js';
+
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
+      result = (decorator(target, key, result) ) || result;
   if (result) __defProp(target, key, result);
   return result;
 };
 const DISABLED_TIMEOUT = 5e3;
-const _DefaultDialogPopup = class _DefaultDialogPopup extends LitElement {
+class DefaultDialogPopup extends LitElement {
   constructor() {
     super(...arguments);
     this._requiredFieldInfo = true;
@@ -23,6 +24,15 @@ const _DefaultDialogPopup = class _DefaultDialogPopup extends LitElement {
     ];
     this._validForm = false;
   }
+  static {
+    this.styles = [
+      css`
+      :host {
+        --pd-form-row-base-width: 650px;
+      }
+    `
+    ];
+  }
   render() {
     const buttons = this._generateButtons();
     return html`
@@ -74,18 +84,9 @@ const _DefaultDialogPopup = class _DefaultDialogPopup extends LitElement {
     }, DISABLED_TIMEOUT);
   }
   reset() {
-    var _a;
-    (_a = this._formElement) == null ? void 0 : _a.reset();
+    this._formElement?.reset();
   }
-};
-_DefaultDialogPopup.styles = [
-  css`
-      :host {
-        --pd-form-row-base-width: 650px;
-      }
-    `
-];
-let DefaultDialogPopup = _DefaultDialogPopup;
+}
 __decorateClass([
   state()
 ], DefaultDialogPopup.prototype, "_dialogButtons");
@@ -98,6 +99,5 @@ __decorateClass([
 __decorateClass([
   query("#formContainerId")
 ], DefaultDialogPopup.prototype, "_formElement");
-export {
-  DefaultDialogPopup
-};
+
+export { DefaultDialogPopup };

package/dist/defaultpage/default-login.d.ts

@@ -1,6 +1,6 @@
 import { DefaultViewPage } from './default-view-page.js';
 export declare class DefaultLogin extends DefaultViewPage {
     static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 //# sourceMappingURL=default-login.d.ts.map

package/dist/defaultpage/default-login.js

@@ -1,13 +1,14 @@
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { DefaultViewPage } from "./default-view-page.js";
-import "../tmpown/pd-login.js";
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { DefaultViewPage } from './default-view-page.js';
+import '../tmpown/pd-login.js';
+
 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 = (decorator(result)) || result;
   return result;
 };
 let DefaultLogin = class extends DefaultViewPage {
@@ -28,6 +29,5 @@ DefaultLogin.styles = [
 DefaultLogin = __decorateClass([
   customElement("default-login")
 ], DefaultLogin);
-export {
-  DefaultLogin
-};
+
+export { DefaultLogin };

package/dist/defaultpage/default-not-found.d.ts

@@ -1,6 +1,6 @@
 import { DefaultViewPage } from './default-view-page.js';
 export declare class DefaultNotFound extends DefaultViewPage {
     static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 //# sourceMappingURL=default-not-found.d.ts.map

package/dist/defaultpage/default-not-found.js

@@ -1,12 +1,13 @@
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { DefaultViewPage } from "./default-view-page.js";
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { DefaultViewPage } from './default-view-page.js';
+
 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 = (decorator(result)) || result;
   return result;
 };
 let DefaultNotFound = class extends DefaultViewPage {
@@ -28,6 +29,5 @@ DefaultNotFound.styles = [
 DefaultNotFound = __decorateClass([
   customElement("default-not-found")
 ], DefaultNotFound);
-export {
-  DefaultNotFound
-};
+
+export { DefaultNotFound };

package/dist/defaultpage/default-popup.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, CSSResultGroup, HTMLTemplateResult } from 'lit';
 export declare abstract class DefaultPopup extends LitElement {
     static styles: CSSResultGroup;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     abstract _renderContent(): HTMLTemplateResult;
 }
 //# sourceMappingURL=default-popup.d.ts.map

package/dist/defaultpage/default-popup.js

@@ -1,6 +1,17 @@
-import { LitElement, css, html } from "lit";
-import "@progressive-development/pd-dialog/pd-popup";
-const _DefaultPopup = class _DefaultPopup extends LitElement {
+import { LitElement, css, html } from 'lit';
+import '@progressive-development/pd-dialog/pd-popup';
+
+class DefaultPopup extends LitElement {
+  static {
+    this.styles = [
+      css`
+      :host {
+        --pd-popup-default-display: block;
+        /* --pd-popup-modal-bg-rgba */
+      }
+    `
+    ];
+  }
   render() {
     return html`
       <pd-popup id="pdPopupId">
@@ -8,16 +19,6 @@ const _DefaultPopup = class _DefaultPopup extends LitElement {
       </pd-popup>
     `;
   }
-};
-_DefaultPopup.styles = [
-  css`
-      :host {
-        --pd-popup-default-display: block;
-        /* --pd-popup-modal-bg-rgba */
-      }
-    `
-];
-let DefaultPopup = _DefaultPopup;
-export {
-  DefaultPopup
-};
+}
+
+export { DefaultPopup };

package/dist/defaultpage/default-step-address.d.ts

@@ -8,7 +8,7 @@ export declare abstract class DefaultStepAddress<T> extends PdDefaultWizardStep<
     withPropertyDate: boolean;
     requiredFields: string[];
     abstract _addressInfo?: string;
-    render(): import('lit-html').TemplateResult<1>;
-    _renderFormContent(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
+    _renderFormContent(): import('lit').TemplateResult<1>;
 }
 //# sourceMappingURL=default-step-address.d.ts.map