@progressive-development/pd-spa-helper 0.7.5 → 0.8.0

package/dist/service-provider/service-provider-model.d.ts

@@ -27,7 +27,7 @@ export interface FunctionResult {
  */
 export interface FunctionDefinition {
     name: string;
-    successCodes: Array<Number>;
+    successCodes: Array<number>;
     fadeWindow: boolean;
     successTxt: string | TemplateResult;
     pendingTxt: string | TemplateResult;
@@ -52,9 +52,9 @@ export interface MenuElement {
     name: string;
     sec?: string;
     route?: string;
-    action?: Function;
+    action?: () => void;
     topItem?: boolean;
-    ref?: any;
+    ref?: HTMLElement;
     icon?: string;
 }
 export interface NavigationPage {
@@ -62,6 +62,7 @@ export interface NavigationPage {
     mainClass?: string;
     pattern: Array<string>;
     auth: boolean;
+    authFallback?: string;
     menu?: Array<MenuElement>;
     topMenu?: Array<MenuElement>;
     withTeaser?: boolean;
@@ -79,7 +80,7 @@ export interface LinkObj {
     name: string;
     key: string;
     link?: string;
-    action?: Function;
+    action?: () => void;
 }
 export interface Footer {
     version: string;
@@ -104,7 +105,7 @@ export interface MessagingConfig {
 export interface AppConfiguration {
     serviceProvider?: ServiceProviderConfiguration;
     mock?: {
-        mockResponse?: Map<string, Function>;
+        mockResponse?: Map<string, (functionInput: any) => FunctionResult>;
         mockWaitTime?: number;
     };
     navigationConfigParam: NavigationConfig;
@@ -124,8 +125,6 @@ export interface UploadFile {
     subFolderName?: string;
     readonly?: boolean;
 }
-export interface StorageMetadata {
-}
 export interface StorageDocument {
     storageName: string;
     refKey: string;
@@ -139,7 +138,7 @@ export interface StorageDocument {
     creator?: string;
     size?: number;
     readonly?: boolean;
-    metaData?: StorageMetadata;
+    metaData?: any;
 }
 export interface CollectionContraint {
     type: "where";

package/dist/service-provider/service-provider-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"service-provider-model.d.ts","sourceRoot":"","sources":["../../src/service-provider/service-provider-model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"service-provider-model.d.ts","sourceRoot":"","sources":["../../src/service-provider/service-provider-model.ts"],"names":[],"mappings":"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"}

package/dist/src/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 "../node_modules/@progressive-development/pd-content/dist/pd-panel-viewer.js";
+import "../node_modules/@progressive-development/pd-content/dist/pd-panel.js";
 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,24 +244,27 @@ 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>
     `;
   }
@@ -283,15 +273,19 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
     const redirectRoute = sessionStorage.getItem(POST_LOGIN_REDIRECT_KEY);
     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/src/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 },