@progressive-development/pd-spa-helper 0.7.6 → 0.8.1-a

package/dist/PdSpaHelper.d.ts

@@ -12,11 +12,10 @@ export declare const POST_LOGIN_REDIRECT_KEY = "postLoginRedirect";
  * @param functionsConfig
  */
 export declare const startInit: (config: AppConfiguration) => void;
-declare const PdSpaHelper_base: import('lit-element-router').Constructor<import('lit-element-router').Router> & import('lit-element-router').Constructor<import('lit-element-router').Navigator> & typeof LitElement;
 /**
  * Abstract class for SPAs. Extend within the app main class.
  */
-export declare abstract class PdSpaHelper extends PdSpaHelper_base {
+export declare abstract class PdSpaHelper extends LitElement {
     title: string;
     /**
      * Properties needed for login/profile data.
@@ -25,15 +24,22 @@ export declare abstract class PdSpaHelper extends PdSpaHelper_base {
     _profile: any | undefined;
     _loadingState: LoadingState[];
     /**
-     * Properties needed for the router.
+     * Der aktuelle Routenname (z.B. 'home', 'profile', 'not-found')
+     * Wird bei jeder Navigation automatisch aktualisiert.
      */
-    route: string;
-    params: {};
-    query: {};
+    protected _route: string;
+    /**
+     * Extrahierte Parameter aus der aktuellen Route (z.B. :id → { id: '123' })
+     */
+    protected _params: Record<string, string>;
+    /**
+     * Extrahierte Query-Parameter aus der URL (z.B. ?edit=true → { edit: 'true' })
+     */
+    protected _query: Record<string, string>;
     /**
      * Indicates if the teaser should closed (depends on scroll position).
      */
-    _teaserClosed: boolean;
+    private _teaserClosed;
     abstract _selectedLocale: string;
     abstract _availableLocales: string[];
     protected _singleLocaleMenu: boolean;
@@ -46,16 +52,6 @@ export declare abstract class PdSpaHelper extends PdSpaHelper_base {
     /**
      * Non reactive private property for the index db class.
      */
-    /**
-     * Needed for the router.
-     * Return all configured routes.
-     */
-    static get routes(): any[];
-    /**
-     * Needed for the router.
-     * Set route params to internal members.
-     */
-    router(route: string, params: Object, query: Object): void;
     /**
      * Call to activate onAuthState change with profile request callbacks.
      * Only implemented for firebase provider.
@@ -83,5 +79,4 @@ export declare abstract class PdSpaHelper extends PdSpaHelper_base {
     static _scrollToTop(): void;
     _scrollToContent(el: HTMLElement): void;
 }
-export {};
 //# sourceMappingURL=PdSpaHelper.d.ts.map

package/dist/PdSpaHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAIvF,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AAKpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAiC,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAIvI,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sBAAsB,CAAC;AAE9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAMtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAsD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,WAAY,gBAAgB,SAmCjD,CAAC;;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,gBAA6B;IAIrE,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,SAAM;IAGX,MAAM,KAAM;IAGZ,KAAK,KAAM;IAEX;;OAEG;IAEH,aAAa,UAAS;IAItB,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,iBA4EO;;IA2CpB,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,MAAM,KAAK,MAAM,UAEhB;IAED;;;OAGG;IACH,MAAM,CAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM;IAOhD;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IA+BN,OAAO,CAAC,aAAa;IAWrB,WAAW,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAmBzD,cAAc,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAkB5D,aAAa,IAAI,cAAc,GAAG,MAAM;IAgBxC,aAAa;IAab,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAC,MAAM,GAAG,IAAI;IAElD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAG9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAiB7C,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAMnC,qBAAqB,CAAC,CAAC,EAAC,GAAG;IAW3B,uBAAuB,CAAC,CAAC,EAAE,WAAW;IAYtC,iBAAiB,CAAC,CAAC,EAAC,GAAG;IAWvB,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAiB5B,MAAM,CAAC,YAAY;IAUnB,gBAAgB,CAAC,EAAE,EAAC,WAAW;CAahC"}
+{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,cAAc,EACd,cAAc,EAEf,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AACpD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,8CAA8C,CAAC;AAUtD,OAAO,EACL,gBAAgB,EAChB,MAAM,EAGN,cAAc,EACf,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,gCAAgC,CAAC;AAExC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAOtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAgD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,QAAQ,gBAAgB,SAmCjD,CAAC;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,UAAU;IAGlD,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;;OAGG;IAEH,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IAEH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE/C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE9C;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAS;IAG9B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,EA+EN,cAAc,CAAC;;IA0CtB,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IAsCN,OAAO,CAAC,aAAa;IAerB,WAAW,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAqB3D,cAAc,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAsB9D,aAAa,IAAI,cAAc,GAAG,MAAM;IAkBxC,aAAa;IAcb,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAEnD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAE9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAoB7C,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IASnC,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAW5B,uBAAuB,CAAC,CAAC,EAAE,WAAW;IAYtC,iBAAiB,CAAC,CAAC,EAAE,GAAG;IAexB,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAgB5B,MAAM,CAAC,YAAY;IAUnB,gBAAgB,CAAC,EAAE,EAAE,WAAW;CAYjC"}

package/dist/{src/PdSpaHelper.js → PdSpaHelper.js}

@@ -1,21 +1,21 @@
 var _a;
 import { LitElement, unsafeCSS, css, html } from "lit";
-import { router, navigator } from "lit-element-router";
-import { property } from "lit/decorators.js";
+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, isAuthenticatedWithSessionRedirect } 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 "./router/AppMain.js";
 import "./defaultpage/default-login.js";
-import "../pd-panel-viewer.js";
-import "../pd-panel.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";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = void 0;
@@ -34,26 +34,24 @@ const TOAST_DURATION = 6e3;
 let transformedRoutes;
 let navigationConfig;
 const transformRoutes = () => {
-  const transformAuthConfig = (route, withAuth) => withAuth ? {
-    unauthenticated: {
-      name: "login"
-    },
-    authenticate: () => isAuthenticatedWithSessionRedirect(route)
-  } : void 0;
-  let generatedRoutes = [];
-  navigationConfig.pages.forEach((cfEntry) => {
-    const addAraay = cfEntry.pattern.map((routeMapPattern) => ({
-      name: cfEntry.name,
-      pattern: routeMapPattern,
-      authentication: transformAuthConfig(routeMapPattern, cfEntry.auth)
-    }));
-    generatedRoutes = generatedRoutes.concat(addAraay);
+  const routeDefs = [];
+  navigationConfig.pages.forEach((page) => {
+    const patterns = page.pattern;
+    const routeDef = {
+      name: page.name,
+      pattern: patterns,
+      auth: page.auth,
+      authFallback: page.authFallback ?? "login"
+      // optional: du kannst hier später eine `action` mit Lazy Loading ergänzen
+    };
+    routeDefs.push(routeDef);
   });
-  generatedRoutes.push({
+  routeDefs.push({
     name: "not-found",
-    pattern: "*"
+    pattern: "/:path(.*)",
+    auth: false
   });
-  return generatedRoutes;
+  return routeDefs;
 };
 const startInit = (config) => {
   console.log("Start init for config: ", config);
@@ -65,27 +63,27 @@ const startInit = (config) => {
   if (config.navigationConfigParam.includeLogin) {
     config.navigationConfigParam.pages.push({
       name: "login",
-      menu: [
-        { key: "login", name: "Login" }
-      ],
+      menu: [{ key: "login", name: "Login" }],
       pattern: ["login"],
       auth: false
     });
   }
   navigationConfig = config.navigationConfigParam;
   transformedRoutes = transformRoutes();
+  pdRouterService.isAuthenticatedWithSessionRedirect = isAuthenticatedWithSessionRedirect;
+  pdRouterService.configureRoutes(transformedRoutes);
   document.dispatchEvent(new CustomEvent("init-app-event"));
   console.log("Init done, Event created");
 };
 const TOP_MENU_HEIGHT = 30;
-const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
+const _PdSpaHelper = (_a = class extends LitElement {
   constructor() {
     super();
     this.title = "Hey there";
     this._loadingState = [];
-    this.route = "";
-    this.params = {};
-    this.query = {};
+    this._route = "";
+    this._params = {};
+    this._query = {};
     this._teaserClosed = false;
     this._singleLocaleMenu = false;
     setRouteElement(this);
@@ -119,6 +117,11 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   }
   connectedCallback() {
     super.connectedCallback();
+    pdRouterService.onRouteChange(({ route, params, query }) => {
+      this._route = route;
+      this._params = params;
+      this._query = query;
+    });
     this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);
     this._subscription = pdStore().select(getLoadingSelector).subscribe((loadingState) => {
       console.log("Loading State: ", loadingState);
@@ -142,23 +145,7 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   /**
    * Non reactive private property for the index db class.
    */
-  // private _indexDBClient?: YoIndexDBClient|null;  
-  /**
-   * Needed for the router.
-   * Return all configured routes.
-   */
-  static get routes() {
-    return transformedRoutes;
-  }
-  /**
-   * Needed for the router.
-   * Set route params to internal members.
-   */
-  router(route, params, query) {
-    this.route = route;
-    this.params = params;
-    this.query = query;
-  }
+  // private _indexDBClient?: YoIndexDBClient|null;
   /**
    * Call to activate onAuthState change with profile request callbacks.
    * Only implemented for firebase provider.
@@ -178,32 +165,32 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
     authStateChangedImpl(callback);
   }
   render() {
-    const pageConf = navigationConfig.pages.filter((p) => p.name === this.route)[0];
+    const pageConf = navigationConfig.pages.filter(
+      (p) => p.name === this._route
+    )[0];
     const hideTeaser = this._teaserClosed || !(pageConf == null ? void 0 : pageConf.withTeaser);
     return html`
       <header id="headerElementId" class="default-header">
         ${(pageConf == null ? void 0 : pageConf.hideTopMenu) ? "" : this._renderTopMenu(pageConf, hideTeaser)}
         ${hideTeaser ? "" : this._renderTeaser()}
         ${(pageConf == null ? void 0 : pageConf.hideMenu) ? "" : this._renderMenu(pageConf, hideTeaser)}
-      </header>      
-
-      <main class="${this._getMainClass(hideTeaser, pageConf)}">
+      </header>
 
-        ${this._loadingState.map((ls) => html`<pd-loading-state .loadingState="${ls}"></pd-loading-state>`)}
-
-        <app-main active-route=${this.route}
-            @init-menu-sections="${this._initMenuSections}"
-            @login-success="${this._loginSuccess}">
-          ${this._renderRoutePages()}
-          ${navigationConfig.includeLogin ? html`
-            <default-login ?active="${this.route === "login"}" route="login"></default-login>` : ""}
-        </app-main>
-      </main>      
+      <main
+        class="${this._getMainClass(hideTeaser, pageConf)}"
+        @init-menu-sections="${this._initMenuSections}"
+        @login-success="${this._loginSuccess}"
+      >
+        ${this._loadingState.map(
+      (ls) => html`<pd-loading-state .loadingState="${ls}"></pd-loading-state>`
+    )}
+        ${this._renderRoutePages()}
+        ${navigationConfig.includeLogin ? html`<default-login
+              ?active="${this._route === "login"}"
+            ></default-login>` : ""}
+      </main>
 
-      ${(pageConf == null ? void 0 : pageConf.withFooter) ? html`
-      <footer class="default-footer">
-        ${this._renderFooter()}
-      </footer>` : ""}
+      ${(pageConf == null ? void 0 : pageConf.withFooter) ? html` <footer class="default-footer">${this._renderFooter()}</footer>` : ""}
     `;
   }
   // eslint-disable-next-line class-methods-use-this
@@ -219,36 +206,36 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   _renderMenu(pageConfig, hideTeaser) {
     const menuForPage = pageConfig ? pageConfig.menu || [] : [];
     return menuForPage ? html`
-      <pd-menu
-        id="pdHelperMenuId"
-        class="${hideTeaser ? "default-menu" : "default-menu-withteaser"}"
-        @locale-change="${this._localeChange}"
-        selectedLocale="${this._selectedLocale}"
-        .locales=${this._singleLocaleMenu ? this._availableLocales : []}
-        .menuItems=${menuForPage}
-        .topMenuItems=${[]}
-        activeRoute="${this.route}"
-        headerSize="${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}"
-      >
-        ${hideTeaser ? this._getAppLogo() : ""}
-      </pd-menu>
-    ` : "";
+          <pd-menu
+            id="pdHelperMenuId"
+            class="${hideTeaser ? "default-menu" : "default-menu-withteaser"}"
+            @locale-change="${this._localeChange}"
+            selectedLocale="${this._selectedLocale}"
+            .locales=${this._singleLocaleMenu ? this._availableLocales : []}
+            .menuItems=${menuForPage}
+            .topMenuItems=${[]}
+            activeRoute="${this._route}"
+            headerSize="${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}"
+          >
+            ${hideTeaser ? this._getAppLogo() : ""}
+          </pd-menu>
+        ` : "";
   }
   _renderTopMenu(pageConfig, hideTeaser) {
     const topMenuForPage = pageConfig ? pageConfig.topMenuItems : void 0;
     return topMenuForPage ? html`
-      <pd-menu      
-        id="pdHelperTopMenuId"
-        noBurgerMenu
-        @locale-change="${this._localeChange}"
-        class="${hideTeaser ? "default-top-menu" : "default-top-menu-withteaser"}"        
-        .locales=${this._availableLocales}
-        selectedLocale="${this._selectedLocale}"
-        .topMenuItems=${topMenuForPage}
-        activeRoute="${this.route}"
-      >
-      </pd-menu>
-    ` : "";
+          <pd-menu
+            id="pdHelperTopMenuId"
+            noBurgerMenu
+            @locale-change="${this._localeChange}"
+            class="${hideTeaser ? "default-top-menu" : "default-top-menu-withteaser"}"
+            .locales=${this._availableLocales}
+            selectedLocale="${this._selectedLocale}"
+            .topMenuItems=${topMenuForPage}
+            activeRoute="${this._route}"
+          >
+          </pd-menu>
+        ` : "";
   }
   // eslint-disable-next-line class-methods-use-this
   _renderTeaser() {
@@ -257,41 +244,48 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
       return "";
     }
     return html`
-      <pd-panel-viewer class="default-teaser" id="teaserPanelViewerId" deltaCalc="4">
-        ${teaserContent.map((content) => html`
-          <pd-panel>
-            ${content}
-          </pd-panel>
-        `)}
+      <pd-panel-viewer
+        class="default-teaser"
+        id="teaserPanelViewerId"
+        deltaCalc="4"
+      >
+        ${teaserContent.map(
+      (content) => html` <pd-panel> ${content} </pd-panel> `
+    )}
       </pd-panel-viewer>
-      `;
+    `;
   }
   _renderFooter() {
     const footer = this._getFooter();
     return html`
       <pd-footer
-          .footerLinks="${footer.links}"
-          version="${footer.version}" 
-          copyright="${footer.copyright || "PD Progressive Developent UG"}" 
-          .madeBy="${MADE_BY}" 
-          @footer-link="${this._handleFooterRouteEvent}">
+        .footerLinks="${footer.links}"
+        version="${footer.version}"
+        copyright="${footer.copyright || "PD Progressive Developent UG"}"
+        .madeBy="${MADE_BY}"
+        @footer-link="${this._handleFooterRouteEvent}"
+      >
       </pd-footer>
     `;
   }
   _loginSuccess(e) {
-    console.debug("Login Event: ", e, window.location.href);
     const redirectRoute = sessionStorage.getItem(POST_LOGIN_REDIRECT_KEY);
+    console.debug("Login Event: ", e, window.location.href, redirectRoute);
     const routeToNavigate = redirectRoute && redirectRoute !== "/login" ? redirectRoute : navigationConfig.defaultPostLoginRoute || "";
     sessionStorage.removeItem(POST_LOGIN_REDIRECT_KEY);
-    this.dispatchEvent(new CustomEvent("route-event", {
-      detail: { route: routeToNavigate },
-      bubbles: true,
-      composed: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("route-event", {
+        detail: { route: routeToNavigate },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
   _localeChange(e) {
-    this._setLocale(e.detail);
-    this._selectedLocale = e.detail;
+    const newLocale = e.detail;
+    this._setLocale(newLocale);
+    this._selectedLocale = newLocale;
+    setCurrentFormatLocale(newLocale);
   }
   // eslint-disable-next-line class-methods-use-this
   _handleMenuRouteEvent(e) {
@@ -299,7 +293,7 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
       this._scrollToContent(e.detail.el);
     } else {
       _a._scrollToTop();
-      this.navigate(e.detail.route);
+      pdRouterService.navigate(e.detail.route);
     }
   }
   // eslint-disable-next-line class-methods-use-this
@@ -307,7 +301,7 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
     const { linkObj } = e.detail;
     if (linkObj.link) {
       _a._scrollToTop();
-      this.navigate(linkObj.link);
+      pdRouterService.navigate(linkObj.link);
     }
     if (linkObj.action) {
       linkObj.action();
@@ -316,12 +310,16 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   // eslint-disable-next-line class-methods-use-this
   _initMenuSections(e) {
     var _a2;
-    const menRefConf = navigationConfig.pages.filter((p) => p.name === e.detail.name)[0];
+    const menRefConf = navigationConfig.pages.filter(
+      (p) => p.name === e.detail.name
+    )[0];
     if (menRefConf) {
-      menRefConf.menu = (_a2 = menRefConf.menu) == null ? void 0 : _a2.map((menuElement, index) => ({
-        ...menuElement,
-        ref: e.detail.menuRefs[index]
-      }));
+      menRefConf.menu = (_a2 = menRefConf.menu) == null ? void 0 : _a2.map(
+        (menuElement, index) => ({
+          ...menuElement,
+          ref: e.detail.menuRefs[index]
+        })
+      );
     }
   }
   _createTemporaryToast(e) {
@@ -357,106 +355,109 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   }
 }, _a.styles = // Ref: Additional use classmap to add custom classes in concrete impl
 css`
+      :host {
+        display: flex;
+        flex-flow: column;
+        height: 100%;
+      }
 
-    :host {
-      display: flex;
-      flex-flow: column;
-      height: 100%;
-    }
-
-    header {
-      flex-grow: 0;
-    }
-
-    main {
-      flex-grow: 1;
-      flex-basis: max-content;
-    }
+      header {
+        flex-grow: 0;
+      }
 
-    footer {
-      flex-grow: 0;
-    }
+      main {
+        flex-grow: 1;
+        flex-basis: max-content;
+      }
 
-    .default-header {
-      width: 100%;
-      position: fixed;
-      top: 0;
-      display: block;
-      z-index: 99;
-    }
+      footer {
+        flex-grow: 0;
+      }
 
-    .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-header {
+        width: 100%;
+        position: fixed;
+        top: 0;
+        display: block;
+        z-index: 99;
+      }
 
-    .default-menu {      
-      transition: background-color 2s;
-    }
+      .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-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-menu {
+        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-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-withteaser {      
-      --pd-menu-bg-col: var(--pd-teaser-bg-col);
-    }
+      .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;
+      }
 
-    /* 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-top-menu-withteaser {
+        --pd-menu-bg-col: var(--pd-teaser-bg-col);
+      }
 
-    .default-main {
-      padding-top: calc(var(--pd-menu-height));
-      transition: padding-top 2s;
-    }    
+      /* 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-withteaser {
-      padding-top: calc(var(--pd-menu-height) + var(--pd-teaser-height, 380px));
-      transition: padding-top 2s;
-    }
+      .default-main {
+        padding-top: calc(var(--pd-menu-height));
+        transition: padding-top 2s;
+      }
 
-  `, _a);
+      .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");
 __decorateClass([
-  property({ type: Object, state: true })
+  state()
 ], _PdSpaHelper.prototype, "_user");
 __decorateClass([
-  property({ type: Object, state: true })
+  state()
 ], _PdSpaHelper.prototype, "_profile");
 __decorateClass([
-  property({ type: Object, state: true })
+  state()
 ], _PdSpaHelper.prototype, "_loadingState");
 __decorateClass([
-  property({ type: String, reflect: true })
-], _PdSpaHelper.prototype, "route");
+  state()
+], _PdSpaHelper.prototype, "_route");
 __decorateClass([
-  property({ type: Object })
-], _PdSpaHelper.prototype, "params");
+  state()
+], _PdSpaHelper.prototype, "_params");
 __decorateClass([
-  property({ type: Object })
-], _PdSpaHelper.prototype, "query");
+  state()
+], _PdSpaHelper.prototype, "_query");
 __decorateClass([
-  property({ type: Boolean })
+  state()
 ], _PdSpaHelper.prototype, "_teaserClosed");
 __decorateClass([
-  property({ type: String, state: true })
+  state()
 ], _PdSpaHelper.prototype, "_selectedLocale");
 let PdSpaHelper = _PdSpaHelper;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"default-confirm-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAE5D,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,8BAAsB,mBAAoB,SAAQ,UAAU;IAE1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAGhC,YAAY,EAAE,MAAM,CAAQ;IAG5B,gBAAgB,EAAE,MAAM,CAAY;IAGpC,MAAM,CAAC,MAAM,iBAaO;IAEpB,MAAM;IAYN,OAAO,CAAC,gBAAgB;IAYxB,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAQ3C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAE9C"}
+{"version":3,"file":"default-confirm-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAE5D,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,8BAAsB,mBAAoB,SAAQ,UAAU;IAC1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAGhC,YAAY,EAAE,MAAM,CAAQ;IAG5B,gBAAgB,EAAE,MAAM,CAAY;IAEpC,MAAM,CAAC,MAAM,EAaR,cAAc,CAAC;IAEpB,MAAM;IAcN,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAQ3C,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}

package/dist/{src/defaultpage → defaultpage}/default-confirm-popup.js

@@ -23,19 +23,19 @@ const _DefaultConfirmPopup = class _DefaultConfirmPopup extends LitElement {
   render() {
     const buttons = this._generateButtons();
     return html`
-      <pd-popup-dialog @submit-button-clicked="${this._handleButtonClick}"
-        title="${this._popupTitle}" .buttons="${buttons}" type="${this._type}">
-                
+      <pd-popup-dialog
+        @submit-button-clicked="${this._handleButtonClick}"
+        title="${this._popupTitle}"
+        .buttons="${buttons}"
+        type="${this._type || "info"}"
+      >
         ${this._renderContent()}
-
       </pd-popup-dialog>
     `;
   }
   _generateButtons() {
     if (this._singleButton) {
-      return [
-        { key: KEY_STORE, name: this.okButtonText, primary: true }
-      ];
+      return [{ key: KEY_STORE, name: this.okButtonText, primary: true }];
     }
     return [
       { key: KEY_ABORT, name: this.cancelButtonText },

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

@@ -1 +1 @@
-{"version":3,"file":"default-dialog-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-dialog-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAK7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU;IAG5D,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAGlC;IAGF,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAQ;IAE7C,QAAQ,CAAC,SAAS,EAAC,CAAC,CAAC;IAErB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,MAAM,CAAC,MAAM,iBAaO;IAGpB,MAAM;IAiBN,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAqB3C,SAAS,CAAC,cAAc;IAUxB,SAAS,CAAC,oBAAoB;IAc9B,QAAQ,CAAC,gBAAgB,IAAI,OAAO;IAEpC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAE9C"}
+{"version":3,"file":"default-dialog-popup.d.ts","sourceRoot":"","sources":["../../src/defaultpage/default-dialog-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAS7D,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU;IAE5D,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAGlC;IAGF,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAQ;IAE7C,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAEtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B,MAAM,CAAC,MAAM,EAaR,cAAc,CAAC;IAEpB,MAAM;IAoBN,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW;IAmB3C,SAAS,CAAC,cAAc;IAUxB,SAAS,CAAC,oBAAoB;IAa9B,QAAQ,CAAC,gBAAgB,IAAI,OAAO;IAEpC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}