@progressive-development/pd-spa-helper 0.3.101 → 0.3.103

package/dist/src/PdSpaHelper.js

@@ -1,261 +1,226 @@
-import { __decorate } from "tslib";
-import { html, LitElement, css, unsafeCSS } from 'lit';
-import { router, navigator } from 'lit-element-router';
-import { property } from 'lit/decorators.js';
-import '@progressive-development/pd-page/pd-menu.js';
-import '@progressive-development/pd-page/pd-footer.js';
-import { initializeStore, pdStore } from './store/mini-rx.store.js';
-import { authStateChangedImpl, initAppImpl, isAuthenticatedImpl, setServiceProvider } 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 './tmpown/pd-panel-viewer.js';
-import './tmpown/pd-panel.js';
-// eslint-disable-next-line import/no-duplicates
-import './tmpown/pd-toast.js';
-import './tmpown/pd-loading-state.js';
-// TODO: How to solve this import problem?
-// eslint-disable-next-line import/no-duplicates
-import { PdToast } from './tmpown/pd-toast.js';
-// Footer Text
+var _a;
+import { css, unsafeCSS, html, LitElement } from "lit";
+import { router, navigator } from "../node_modules/lit-element-router/lit-element-router.js";
+import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import "../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../node_modules/@progressive-development/pd-page/pd-menu.js";
+import "../node_modules/@progressive-development/pd-page/pd-footer.js";
+import { pdStore, initializeStore } from "./store/mini-rx.store.js";
+import { authStateChangedImpl, setServiceProvider, initAppImpl, isAuthenticatedImpl } 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";
+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;
+};
 const MADE_BY = {
-    txt: "made by PD Progressive Development",
-    email: "info@progressive-development.com"
+  txt: "made by PD Progressive Development",
+  email: "info@progressive-development.com"
 };
-// Visible time for time-limited toast
-const TOAST_DURATION = 6000;
-/**
- * Transformed routes, generated during startInit.
- */
+const TOAST_DURATION = 6e3;
 let transformedRoutes;
 let navigationConfig;
-/**
- * Internal helper functions to generate route elemets for lit-router.
- */
 const transformRoutes = () => {
-    const transformAuthConfig = (withAuth) => withAuth ?
-        {
-            unauthenticated: {
-                name: 'login',
-            },
-            authenticate: () => new Promise((resolve, reject) => {
-                resolve(isAuthenticatedImpl());
-            }),
-        } : undefined;
-    let generatedRoutes = [];
-    navigationConfig.pages.forEach(cfEntry => {
-        const addAraay = cfEntry.pattern.map(routeMapPattern => ({
-            name: cfEntry.name,
-            pattern: routeMapPattern,
-            authentication: transformAuthConfig(cfEntry.auth),
-        }));
-        generatedRoutes = generatedRoutes.concat(addAraay);
-    });
-    // add not-found route
-    generatedRoutes.push({
-        name: 'not-found',
-        pattern: '*',
-    });
-    return generatedRoutes;
+  const transformAuthConfig = (withAuth) => withAuth ? {
+    unauthenticated: {
+      name: "login"
+    },
+    authenticate: () => new Promise((resolve, reject) => {
+      resolve(isAuthenticatedImpl());
+    })
+  } : void 0;
+  let generatedRoutes = [];
+  navigationConfig.pages.forEach((cfEntry) => {
+    const addAraay = cfEntry.pattern.map((routeMapPattern) => ({
+      name: cfEntry.name,
+      pattern: routeMapPattern,
+      authentication: transformAuthConfig(cfEntry.auth)
+    }));
+    generatedRoutes = generatedRoutes.concat(addAraay);
+  });
+  generatedRoutes.push({
+    name: "not-found",
+    pattern: "*"
+  });
+  return generatedRoutes;
 };
-/**
- * Init the firebase app and application services like
- * functions and firestore. Generate routes from navigationConfig.
- *
- * @param navigationConfig
- * @param firebaseConfig
- * @param functionsConfig
- */
-export const startInit = (config) => {
-    console.log("Start init for config: ", config);
-    // set service provider
-    setServiceProvider(config.serviceProvider);
-    // init mini-rx store
-    if (config.storeConfigParam) {
-        initializeStore(config.storeConfigParam);
-    }
-    // init app
-    initAppImpl(config);
-    // add login route if set in config
-    if (config.navigationConfigParam.includeLogin) {
-        config.navigationConfigParam.pages.push({
-            name: "login",
-            menu: [
-                { key: "login", name: "Login" }
-            ],
-            pattern: ["login"],
-            auth: false
-        });
-    }
-    // generate routes from navigation config
-    navigationConfig = config.navigationConfigParam;
-    transformedRoutes = transformRoutes();
-    // init ready, trigger by even (if getAuth is called before, error is thrown)    
-    document.dispatchEvent(new CustomEvent("init-app-event"));
-    console.log("Init done, Event created");
+const startInit = (config) => {
+  console.log("Start init for config: ", config);
+  setServiceProvider(config.serviceProvider);
+  if (config.storeConfigParam) {
+    initializeStore(config.storeConfigParam);
+  }
+  initAppImpl(config);
+  if (config.navigationConfigParam.includeLogin) {
+    config.navigationConfigParam.pages.push({
+      name: "login",
+      menu: [
+        { key: "login", name: "Login" }
+      ],
+      pattern: ["login"],
+      auth: false
+    });
+  }
+  navigationConfig = config.navigationConfigParam;
+  transformedRoutes = transformRoutes();
+  document.dispatchEvent(new CustomEvent("init-app-event"));
+  console.log("Init done, Event created");
 };
 const TOP_MENU_HEIGHT = 30;
-/**
- * Abstract class for SPAs. Extend within the app main class.
- */
-export class PdSpaHelper extends router(navigator(LitElement)) {
-    constructor() {
-        super();
-        // not used at the moment
-        this.title = 'Hey there';
-        this._loadingState = [];
-        /**
-         * Properties needed for the router.
-         */
-        this.route = "";
-        this.params = {};
-        this.query = {};
-        /**
-         * Indicates if the teaser should closed (depends on scroll position).
-         */
+const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
+  constructor() {
+    super();
+    this.title = "Hey there";
+    this._loadingState = [];
+    this.route = "";
+    this.params = {};
+    this.query = {};
+    this._teaserClosed = false;
+    this._singleLocaleMenu = false;
+    setRouteElement(this);
+    const doSomething = (scrollPos) => {
+      if (scrollPos <= 50) {
         this._teaserClosed = false;
-        this._singleLocaleMenu = false;
-        setRouteElement(this);
-        const doSomething = (scrollPos) => {
-            if (scrollPos <= 50) {
-                this._teaserClosed = false;
-            }
-            else {
-                this._teaserClosed = true;
-            }
-        };
-        let ticking = false;
-        document.addEventListener('scroll', () => {
-            const lastKnownScrollPosition = window.scrollY;
-            if (!ticking) {
-                window.requestAnimationFrame(() => {
-                    doSomething(lastKnownScrollPosition);
-                    ticking = false;
-                });
-                ticking = true;
-            }
-        });
-        // add login handler after init => else error is thrown
-        // document.addEventListener("init-app-event", this.activateLoginHandler.bind(this));
-        document.addEventListener("init-app-event", () => {
-            console.log("Init event catched");
-        });
-        if (navigationConfig.includeLogin) {
-            console.log("Login included, activate login handler");
-            this.activateLoginHandler();
-        }
-        // For common toast messages (not for callfunction toasts => handelt by own controller)
-        this.addEventListener("toast-event", this._createTemporaryToast);
-        this.addEventListener("route-event", this._handleMenuRouteEvent);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);
-        this._subscription = pdStore().select(getLoadingSelector)
-            .subscribe((loadingState) => {
-            console.log("Loading State: ", loadingState);
-            this._loadingState = loadingState;
+      } else {
+        this._teaserClosed = true;
+      }
+    };
+    let ticking = false;
+    document.addEventListener("scroll", () => {
+      const lastKnownScrollPosition = window.scrollY;
+      if (!ticking) {
+        window.requestAnimationFrame(() => {
+          doSomething(lastKnownScrollPosition);
+          ticking = false;
         });
-    }
-    disconnectedCallback() {
-        var _a;
-        this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);
-        (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        super.disconnectedCallback();
-    }
-    _setConfInDetail(event) {
-        const { detail } = event;
-        if (detail) {
-            detail.appConf = {
-                ...this._getAppConfiguration()
-            };
-        }
-    }
-    /**
-     * 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;
-    }
-    /**
-     * Call to activate onAuthState change with profile request callbacks.
-     * Only implemented for firebase provider.
-     */
-    activateLoginHandler() {
-        console.log("Activate Login Handler");
-        const callback = (user) => {
-            console.log("My callback user:", user);
-            this._user = user;
-            if (this._user) {
-                pdStore().dispatch(loginSucess());
-                this._loginSuccess(new CustomEvent("login-success"));
-            }
-            else {
-                pdStore().dispatch(nologin());
-            }
-        };
-        authStateChangedImpl(callback);
-    }
-    render() {
-        const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];
-        const hideTeaser = this._teaserClosed || !(pageConf === null || pageConf === void 0 ? void 0 : pageConf.withTeaser);
-        return html `
+        ticking = true;
+      }
+    });
+    document.addEventListener("init-app-event", () => {
+      console.log("Init event catched");
+    });
+    if (navigationConfig.includeLogin) {
+      console.log("Login included, activate login handler");
+      this.activateLoginHandler();
+    }
+    this.addEventListener("toast-event", this._createTemporaryToast);
+    this.addEventListener("route-event", this._handleMenuRouteEvent);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);
+    this._subscription = pdStore().select(getLoadingSelector).subscribe((loadingState) => {
+      console.log("Loading State: ", loadingState);
+      this._loadingState = loadingState;
+    });
+  }
+  disconnectedCallback() {
+    var _a2;
+    this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);
+    (_a2 = this._subscription) == null ? void 0 : _a2.unsubscribe();
+    super.disconnectedCallback();
+  }
+  _setConfInDetail(event) {
+    const { detail } = event;
+    if (detail) {
+      detail.appConf = {
+        ...this._getAppConfiguration()
+      };
+    }
+  }
+  /**
+   * 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;
+  }
+  /**
+   * Call to activate onAuthState change with profile request callbacks.
+   * Only implemented for firebase provider.
+   */
+  activateLoginHandler() {
+    console.log("Activate Login Handler");
+    const callback = (user) => {
+      console.log("My callback user:", user);
+      this._user = user;
+      if (this._user) {
+        pdStore().dispatch(loginSucess());
+        this._loginSuccess(new CustomEvent("login-success"));
+      } else {
+        pdStore().dispatch(nologin());
+      }
+    };
+    authStateChangedImpl(callback);
+  }
+  render() {
+    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 || pageConf === void 0 ? void 0 : pageConf.hideTopMenu) ? '' : this._renderTopMenu(pageConf, hideTeaser)}
-        ${hideTeaser ? '' : this._renderTeaser()}
-        ${(pageConf === null || pageConf === void 0 ? void 0 : pageConf.hideMenu) ? '' : this._renderMenu(pageConf, hideTeaser)}
+        ${(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)}">
 
-        ${this._loadingState.map(ls => html `<pd-loading-state .loadingState="${ls}"></pd-loading-state>`)}
+        ${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>` : ''}
+          ${navigationConfig.includeLogin ? html`
+            <default-login ?active="${this.route === "login"}" route="login"></default-login>` : ""}
         </app-main>
       </main>      
 
-      ${(pageConf === null || pageConf === void 0 ? void 0 : pageConf.withFooter) ? html `
+      ${(pageConf == null ? void 0 : pageConf.withFooter) ? html`
       <footer class="default-footer">
         ${this._renderFooter()}
-      </footer>` : ''}
+      </footer>` : ""}
     `;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _getMainClass(hideTeaser, pageConf) {
-        if (hideTeaser) {
-            if (!pageConf) {
-                return "default-main";
-            }
-            // eslint-disable-next-line no-nested-ternary
-            return pageConf.mainClass ? pageConf.mainClass : (pageConf.withTeaser ? "default-main-padding" : "default-main");
-        }
-        return "default-main-withteaser";
-    }
-    _renderMenu(pageConfig, hideTeaser) {
-        const menuForPage = pageConfig ? (pageConfig.menu || []) : [];
-        return menuForPage ? html `
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _getMainClass(hideTeaser, pageConf) {
+    if (hideTeaser) {
+      if (!pageConf) {
+        return "default-main";
+      }
+      return pageConf.mainClass ? pageConf.mainClass : pageConf.withTeaser ? "default-main-padding" : "default-main";
+    }
+    return "default-main-withteaser";
+  }
+  _renderMenu(pageConfig, hideTeaser) {
+    const menuForPage = pageConfig ? pageConfig.menu || [] : [];
+    return menuForPage ? html`
       <pd-menu
         id="pdHelperMenuId"
         class="${hideTeaser ? "default-menu" : "default-menu-withteaser"}"
@@ -267,13 +232,13 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
         activeRoute="${this.route}"
         headerSize="${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}"
       >
-        ${hideTeaser ? this._getAppLogo() : ''}
+        ${hideTeaser ? this._getAppLogo() : ""}
       </pd-menu>
-    ` : '';
-    }
-    _renderTopMenu(pageConfig, hideTeaser) {
-        const topMenuForPage = pageConfig ? pageConfig.topMenuItems : undefined;
-        return topMenuForPage ? html `
+    ` : "";
+  }
+  _renderTopMenu(pageConfig, hideTeaser) {
+    const topMenuForPage = pageConfig ? pageConfig.topMenuItems : void 0;
+    return topMenuForPage ? html`
       <pd-menu      
         id="pdHelperTopMenuId"
         noBurgerMenu
@@ -285,112 +250,105 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
         activeRoute="${this.route}"
       >
       </pd-menu>
-    ` : '';
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _renderTeaser() {
-        const teaserContent = this._getTeaserContent();
-        if (!teaserContent || teaserContent.length <= 0) {
-            return '';
-        }
-        return html `
+    ` : "";
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _renderTeaser() {
+    const teaserContent = this._getTeaserContent();
+    if (!teaserContent || teaserContent.length <= 0) {
+      return "";
+    }
+    return html`
       <pd-panel-viewer class="default-teaser" id="teaserPanelViewerId" deltaCalc="4">
-        ${teaserContent.map(content => html `
+        ${teaserContent.map((content) => html`
           <pd-panel>
             ${content}
           </pd-panel>
         `)}
       </pd-panel-viewer>
       `;
-    }
-    _renderFooter() {
-        const footer = this._getFooter();
-        return html `
+  }
+  _renderFooter() {
+    const footer = this._getFooter();
+    return html`
       <pd-footer 
           class="default-footer"
           .footerLinks="${footer.links}"
           version="${footer.version}" 
-          copyright="PD Progressive Developent UG" 
+          copyright="${footer.copyright || "PD Progressive Developent UG"}" 
           .madeBy="${MADE_BY}" 
           @footer-link="${this._handleFooterRouteEvent}">
       </pd-footer>
     `;
-    }
-    _localeChange(e) {
-        this._setLocale(e.detail);
-        this._selectedLocale = e.detail;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _handleMenuRouteEvent(e) {
-        // test with el, to handel jumps also here, not used at the moment, same postion link problems...
-        if (e.detail.el) {
-            this._scrollToContent(e.detail.el);
-        }
-        else {
-            PdSpaHelper._scrollToTop();
-            this.navigate(e.detail.route);
-        }
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _handleFooterRouteEvent(e) {
-        const { linkObj } = e.detail;
-        if (linkObj.link) {
-            PdSpaHelper._scrollToTop();
-            this.navigate(linkObj.link);
-        }
-        if (linkObj.action) {
-            linkObj.action();
-        }
-    }
-    // eslint-disable-next-line class-methods-use-this
-    _initMenuSections(e) {
-        var _a;
-        // add link to configuration object
-        const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.name)[0];
-        if (menRefConf) {
-            menRefConf.menu = (_a = menRefConf.menu) === null || _a === void 0 ? void 0 : _a.map((menuElement, index) => ({
-                ...menuElement,
-                ref: e.detail.menuRefs[index]
-            }));
-        }
-    }
-    _createTemporaryToast(e) {
-        // hide existing call function toast (old one still is visible for directly incoming errors)
-        // this.functionsController.clear();
-        var _a;
-        const tmpToast = new PdToast();
-        tmpToast.isError = e.detail.isError;
-        tmpToast.isSuccess = e.detail.isSuccess;
-        const slotContent = document.createTextNode(e.detail.txt);
-        tmpToast.appendChild(slotContent);
-        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(tmpToast);
-        tmpToast.duration = e.detail.duration || TOAST_DURATION;
-    }
-    static _scrollToTop() {
-        window.scrollTo({
-            top: 0,
-            left: 0,
-            behavior: 'smooth',
-        });
-    }
-    // Test, not used at the moment, jump/menu problem...
-    // eslint-disable-next-line class-methods-use-this
-    _scrollToContent(el) {
-        if (el) {
-            const rect = el.getBoundingClientRect();
-            console.log("Rect: ", rect);
-            console.log("Offset Top/Height: ", el.offsetTop, el.offsetHeight);
-            window.scrollBy({
-                top: rect.top - (this._teaserClosed ? 80 : 450),
-                left: 0,
-                behavior: 'smooth',
-            });
-        }
-    }
-}
-PdSpaHelper.styles = 
-// Ref: Additional use classmap to add custom classes in concrete impl
-css `
+  }
+  _localeChange(e) {
+    this._setLocale(e.detail);
+    this._selectedLocale = e.detail;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _handleMenuRouteEvent(e) {
+    if (e.detail.el) {
+      this._scrollToContent(e.detail.el);
+    } else {
+      _a._scrollToTop();
+      this.navigate(e.detail.route);
+    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _handleFooterRouteEvent(e) {
+    const { linkObj } = e.detail;
+    if (linkObj.link) {
+      _a._scrollToTop();
+      this.navigate(linkObj.link);
+    }
+    if (linkObj.action) {
+      linkObj.action();
+    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _initMenuSections(e) {
+    var _a2;
+    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]
+      }));
+    }
+  }
+  _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);
+    tmpToast.duration = e.detail.duration || TOAST_DURATION;
+  }
+  static _scrollToTop() {
+    window.scrollTo({
+      top: 0,
+      left: 0,
+      behavior: "smooth"
+    });
+  }
+  // Test, not used at the moment, jump/menu problem...
+  // eslint-disable-next-line class-methods-use-this
+  _scrollToContent(el) {
+    if (el) {
+      const rect = el.getBoundingClientRect();
+      console.log("Rect: ", rect);
+      console.log("Offset Top/Height: ", el.offsetTop, el.offsetHeight);
+      window.scrollBy({
+        top: rect.top - (this._teaserClosed ? 80 : 450),
+        left: 0,
+        behavior: "smooth"
+      });
+    }
+  }
+}, _a.styles = // Ref: Additional use classmap to add custom classes in concrete impl
+css`
 
     :host {
       display: flex;
@@ -464,77 +422,36 @@ css `
       transition: padding-top 2s;
     }
 
-  `;
-__decorate([
-    property({ type: String })
-], PdSpaHelper.prototype, "title", void 0);
-__decorate([
-    property({ type: Object, state: true })
-], PdSpaHelper.prototype, "_user", void 0);
-__decorate([
-    property({ type: Object, state: true })
-], PdSpaHelper.prototype, "_profile", void 0);
-__decorate([
-    property({ type: Object, state: true })
-], PdSpaHelper.prototype, "_loadingState", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], PdSpaHelper.prototype, "route", void 0);
-__decorate([
-    property({ type: Object })
-], PdSpaHelper.prototype, "params", void 0);
-__decorate([
-    property({ type: Object })
-], PdSpaHelper.prototype, "query", void 0);
-__decorate([
-    property({ type: Boolean })
-], PdSpaHelper.prototype, "_teaserClosed", void 0);
-__decorate([
-    property({ type: String, state: true })
-], PdSpaHelper.prototype, "_selectedLocale", void 0);
-// Refactor: deactivate functions controller unwanted with new loader
-/*
-protected functionsController = new ServiceCallController(this);
-
-// from render
-${this.functionsController.render({
-      complete: (result: FunctionResult) => this._renderSuccessResultInfo(result),
-      initial: () => '',
-      pending: () => this._renderPendingInfo(),
-      error: (e: any) => this._renderErrorInfo(e),
-    })}
-      /**
- * Called when (any) cloud function call was finished.
- 
-// eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
-_renderSuccessResultInfo(result: FunctionResult) {
-  return html`
-  <pd-toast isSuccess duration="${TOAST_DURATION}">
-    ${this.functionsController.callDataPromise?.func.successTxt}
-  </pd-toast>`;
-}
-
-/**
- * Called when (any) cloud function is currently running.
- 
-_renderPendingInfo() {
-  return this.functionsController.callDataPromise?.func.fadeWindow ? html`
-  <p>Überblende und lade ${this.functionsController.callDataPromise?.func.name}...</p>`
-    : html`
-    <pd-toast duration="-1">
-      ${this.functionsController.callDataPromise?.func.pendingTxt}
-    </pd-toast>`;
-}
-
-/**
- * Called when (any) cloud function stopped with errors.
- 
- // eslint-disable-next-line class-methods-use-this
- _renderErrorInfo(error:any) {
-  return html`
-  <pd-toast isError duration="-1">
-    ${error}
-  </pd-toast>`;
-}
-*/ 
-//# sourceMappingURL=PdSpaHelper.js.map
+  `, _a);
+__decorateClass([
+  n({ type: String })
+], _PdSpaHelper.prototype, "title");
+__decorateClass([
+  n({ type: Object, state: true })
+], _PdSpaHelper.prototype, "_user");
+__decorateClass([
+  n({ type: Object, state: true })
+], _PdSpaHelper.prototype, "_profile");
+__decorateClass([
+  n({ type: Object, state: true })
+], _PdSpaHelper.prototype, "_loadingState");
+__decorateClass([
+  n({ type: String, reflect: true })
+], _PdSpaHelper.prototype, "route");
+__decorateClass([
+  n({ type: Object })
+], _PdSpaHelper.prototype, "params");
+__decorateClass([
+  n({ type: Object })
+], _PdSpaHelper.prototype, "query");
+__decorateClass([
+  n({ type: Boolean })
+], _PdSpaHelper.prototype, "_teaserClosed");
+__decorateClass([
+  n({ type: String, state: true })
+], _PdSpaHelper.prototype, "_selectedLocale");
+let PdSpaHelper = _PdSpaHelper;
+export {
+  PdSpaHelper,
+  startInit
+};