@progressive-development/pd-spa-helper 0.2.4 → 0.2.6

package/dist/src/PdSpaHelper.d.ts

@@ -2,8 +2,7 @@ import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 import { Subscription } from 'rxjs';
 import '@progressive-development/pd-page/pd-menu.js';
 import '@progressive-development/pd-page/pd-footer.js';
-import { ServiceCallController } from './service-call-controller2.js';
-import { AppConfiguration, Footer, FunctionResult, NavigationPage } from './service-provider/service-provider-model.js';
+import { AppConfiguration, Footer, NavigationPage } from './service-provider/service-provider-model.js';
 import { LoadingState } from './model/spa-model.js';
 import './router/AppMain.js';
 import './defaultpage/default-login.js';
@@ -25,7 +24,6 @@ declare const PdSpaHelper_base: import("lit-element-router").Constructor<import(
  * Abstract class for SPAs. Extend within the app main class.
  */
 export declare abstract class PdSpaHelper extends PdSpaHelper_base {
-    protected functionsController: ServiceCallController;
     protected abstract _appConfiguration: any;
     title: string;
     /**
@@ -77,18 +75,6 @@ export declare abstract class PdSpaHelper extends PdSpaHelper_base {
     _renderTopMenu(pageConfig: NavigationPage, hideTeaser: boolean): "" | TemplateResult<1>;
     _renderTeaser(): TemplateResult | string;
     _renderFooter(): TemplateResult<1>;
-    /**
-     * Called when (any) cloud function call was finished.
-     */
-    _renderSuccessResultInfo(result: FunctionResult): TemplateResult<1>;
-    /**
-     * Called when (any) cloud function is currently running.
-     */
-    _renderPendingInfo(): TemplateResult<1>;
-    /**
-     * Called when (any) cloud function stopped with errors.
-     */
-    _renderErrorInfo(error: any): TemplateResult<1>;
     protected abstract _getTeaserContent(): Array<TemplateResult>;
     protected abstract _getFooter(): Footer;
     protected abstract _getAppLogo(): TemplateResult;

package/dist/src/PdSpaHelper.js

@@ -4,7 +4,6 @@ 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 { ServiceCallController } from './service-call-controller2.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';
@@ -106,7 +105,6 @@ const TOP_MENU_HEIGHT = 50;
 export class PdSpaHelper extends router(navigator(LitElement)) {
     constructor() {
         super();
-        this.functionsController = new ServiceCallController(this);
         // not used at the moment
         this.title = 'Hey there';
         this._loadingState = [];
@@ -159,7 +157,7 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
         this._subscription = pdStore().select(getLoadingSelector)
             .subscribe((loadingState) => {
             console.log("Loading State: ", loadingState);
-            this._loadingState = loadingState || [];
+            this._loadingState = loadingState;
         });
     }
     disconnectedCallback() {
@@ -233,14 +231,7 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
           ${navigationConfig.includeLogin ? html `
             <default-login ?active="${this.route === "login"}" route="login"></default-login>` : ''}
         </app-main>
-      </main>
-
-      ${this.functionsController.render({
-            complete: (result) => this._renderSuccessResultInfo(result),
-            initial: () => '',
-            pending: () => this._renderPendingInfo(),
-            error: (e) => this._renderErrorInfo(e),
-        })}
+      </main>      
 
       ${(pageConf === null || pageConf === void 0 ? void 0 : pageConf.withFooter) ? html `
       <footer class="default-footer">
@@ -322,39 +313,6 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
       </pd-footer>
     `;
     }
-    /**
-     * Called when (any) cloud function call was finished.
-     */
-    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
-    _renderSuccessResultInfo(result) {
-        var _a;
-        return html `
-    <pd-toast isSuccess duration="${TOAST_DURATION}">
-      ${(_a = this.functionsController.callDataPromise) === null || _a === void 0 ? void 0 : _a.func.successTxt}
-    </pd-toast>`;
-    }
-    /**
-     * Called when (any) cloud function is currently running.
-     */
-    _renderPendingInfo() {
-        var _a, _b, _c;
-        return ((_a = this.functionsController.callDataPromise) === null || _a === void 0 ? void 0 : _a.func.fadeWindow) ? html `
-    <p>Überblende und lade ${(_b = this.functionsController.callDataPromise) === null || _b === void 0 ? void 0 : _b.func.name}...</p>`
-            : html `
-      <pd-toast duration="-1">
-        ${(_c = this.functionsController.callDataPromise) === null || _c === void 0 ? void 0 : _c.func.pendingTxt}
-      </pd-toast>`;
-    }
-    /**
-     * Called when (any) cloud function stopped with errors.
-     */
-    // eslint-disable-next-line class-methods-use-this
-    _renderErrorInfo(error) {
-        return html `
-    <pd-toast isError duration="-1">
-      ${error}
-    </pd-toast>`;
-    }
     _localeChange(e) {
         this._setLocale(e.detail);
         this._selectedLocale = e.detail;
@@ -394,9 +352,9 @@ export class PdSpaHelper extends router(navigator(LitElement)) {
         }
     }
     _createTemporaryToast(e) {
-        var _a;
         // hide existing call function toast (old one still is visible for directly incoming errors)
-        this.functionsController.clear();
+        // this.functionsController.clear();
+        var _a;
         const tmpToast = new PdToast();
         tmpToast.isError = e.detail.isError;
         tmpToast.isSuccess = e.detail.isSuccess;
@@ -536,4 +494,49 @@ __decorate([
 __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

package/dist/src/PdSpaHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdSpaHelper.js","sourceRoot":"","sources":["../../src/PdSpaHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, css, CSSResultGroup, TemplateResult, unsafeCSS } from 'lit';\nimport { router, navigator } from 'lit-element-router';\nimport { property } from 'lit/decorators.js';\n\nimport { Subscription } from 'rxjs';\n\nimport { FirebaseApp } from 'firebase/app';\n\nimport '@progressive-development/pd-page/pd-menu.js';\nimport '@progressive-development/pd-page/pd-footer.js';\n\nimport { ServiceCallController } from './service-call-controller2.js';\nimport { initializeStore, pdStore } from './store/mini-rx.store.js';\n\nimport { authStateChangedImpl, initAppImpl, isAuthenticatedImpl, setServiceProvider } from './service-provider/service-provider-impl.js';\nimport { AppConfiguration, Footer, FunctionResult, MenuElement, NavigationConfig, NavigationPage } from './service-provider/service-provider-model.js';\n\nimport { getLoadingSelector } from './store/spa-app-selector.js';\nimport { setRouteElement } from './store/spa-app-effects.js';\nimport { APP_CONF_EVENT, LoadingState } from './model/spa-model.js';\nimport { loginSucess } from './store/spa-app-actions.js';\n\nimport './router/AppMain.js';\nimport './defaultpage/default-login.js';\nimport './tmpown/pd-panel-viewer.js';\nimport './tmpown/pd-panel.js';\n// eslint-disable-next-line import/no-duplicates\nimport './tmpown/pd-toast.js';\nimport './tmpown/pd-loading-state.js';\n\n// TODO: How to solve this import problem?\n// eslint-disable-next-line import/no-duplicates\nimport { PdToast } from './tmpown/pd-toast.js';\n\n\n// Footer Text\nconst MADE_BY = {\n  txt: \"made by PD Progressive Development\",\n  email: \"info@progressive-development.com\"};\n\n// Visible time for time-limited toast\nconst TOAST_DURATION = 6000;\n\n\n/**\n * Transformed routes, generated during startInit.\n */\nlet app:FirebaseApp | undefined;\nlet transformedRoutes:Array<any>;\nlet navigationConfig:NavigationConfig;\n\n/**\n * Internal helper functions to generate route elemets for lit-router. \n */\nconst transformRoutes = () => {\n\n  const transformAuthConfig = (withAuth:boolean) => \n    withAuth ? \n    {\n      unauthenticated: {\n        name: 'login',\n      },\n      authenticate: () => new Promise((resolve, reject) => {\n        resolve(isAuthenticatedImpl());\n      }),\n    } : undefined;\n\n  let generatedRoutes:Array<any> = [];\n  navigationConfig.pages.forEach(cfEntry => {\n    const addAraay = cfEntry.pattern.map(routeMapPattern => (\n      {\n        name: cfEntry.name,\n        pattern: routeMapPattern,\n        authentication: transformAuthConfig(cfEntry.auth),\n      }\n    ));    \n    generatedRoutes = generatedRoutes.concat(addAraay);\n  });\n  \n  // add not-found route\n  generatedRoutes.push({\n    name: 'not-found',\n    pattern: '*',\n  });\n\n  return generatedRoutes;\n}\n\n\n/**\n * Init the firebase app and application services like\n * functions and firestore. Generate routes from navigationConfig.\n * \n * @param navigationConfig\n * @param firebaseConfig\n * @param functionsConfig\n */\nexport const startInit = (config: AppConfiguration) => {\n\n  console.log(\"Start init for config: \", config);\n\n  // set service provider\n  setServiceProvider(config.serviceProvider);\n  \n  // init mini-rx store\n  if (config.storeConfigParam) {\n    initializeStore(config.storeConfigParam);\n  }\n\n  // init app\n  initAppImpl(config);\n\n  // add login route if set in config\n  if (config.navigationConfigParam.includeLogin) {\n    config.navigationConfigParam.pages.push({\n      name: \"login\",\n      menu: [\n        {key: \"login\", name: \"Login\"}\n      ],\n      pattern: [\"login\"],\n      auth: false\n    });\n  }\n\n  // generate routes from navigation config\n  navigationConfig = config.navigationConfigParam;\n  transformedRoutes = transformRoutes();    \n\n  // init ready, trigger by even (if getAuth is called before, error is thrown)    \n  document.dispatchEvent(new CustomEvent(\"init-app-event\"));\n  console.log(\"Init done, Event created\");\n\n};\n\nconst TOP_MENU_HEIGHT = 50;\n\n/**\n * Abstract class for SPAs. Extend within the app main class.\n */\nexport abstract class PdSpaHelper extends router(navigator(LitElement)) {\n\n  protected functionsController = new ServiceCallController(this);\n\n  protected abstract _appConfiguration: any;\n\n  // not used at the moment\n  @property({ type: String }) \n  title = 'Hey there';\n\n  /**\n   * Properties needed for login/profile data.\n   */\n  @property({ type: Object, state: true }) \n  _user: unknown | undefined;\n\n  @property({ type: Object, state: true }) \n  _profile: any | undefined;\n\n  @property({ type: Object, state: true }) \n  _loadingState: LoadingState[] = [];\n \n  /**\n   * Properties needed for the router.\n   */\n  @property({ type: String, reflect: true }) \n  route = \"\";\n\n  @property({ type: Object }) \n  params = {};\n\n  @property({ type: Object }) \n  query = {};\n\n  /**\n   * Indicates if the teaser should closed (depends on scroll position).\n   */\n  @property({ type: Boolean })\n  _teaserClosed = false;  \n\n\n  @property({ type: String, state: true })\n  abstract _selectedLocale: string;\n\n  abstract _availableLocales: string[];\n\n  protected _singleLocaleMenu: boolean = false;\n\n    // subscription for loading-state selector\n    _subscription?: Subscription; \n\n  static styles = \n    // Ref: Additional use classmap to add custom classes in concrete impl\n    css`\n\n    :host {\n      display: flex;\n      flex-flow: column;\n      height: 100%;\n    }\n\n    header {\n      flex-grow: 0;\n    }\n\n    main {\n      flex-grow: 1;\n      flex-basis: max-content;\n    }\n\n    footer {\n      flex-grow: 0;\n    }\n\n    .default-header {\n      width: 100%;\n      position: fixed;\n      top: 0;\n      display: block;\n      z-index: 99;\n    }\n\n    .default-teaser {\n      --pd-panel-overflow: hidden;\n      --pd-panel-height: var(--pd-teaser-height, 380px);\n      --pd-panel-width: 100%;      \n      --pd-panel-border-radius: 0;\n      --pd-panel-bg: var(--pd-default-col);\n      --pd-panel-viewer-bg-col: var(--pd-default-col);\n    }\n\n    .default-menu {      \n      transition: background-color 2s;\n    }\n\n    .default-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-spa-menu-change-col, #AFC1D2);\n      --pd-menu-font-col: var(--pd-spa-menu-change-font-col, #0A3A48);\n      transition: background-color 2s;\n    }\n\n    .default-top-menu, .default-top-menu-withteaser {      \n      --pd-menu-height: ${unsafeCSS(TOP_MENU_HEIGHT)}px;\n      --pd-menu-font-size: 0.8em;      \n      --pd-menu-shadow: 0;\n    }\n\n    .default-top-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-teaser-bg-col);\n    }\n\n    /* needed for pd-spa-padding-top, only for pages with teaser, check if refactor possible... */\n    .default-main-padding {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-spa-padding-top, 120px)) ;\n      transition: padding-top 2s;\n    }\n\n    .default-main {\n      padding-top: calc(var(--pd-menu-height));\n      transition: padding-top 2s;\n    }    \n\n    .default-main-withteaser {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-teaser-height, 380px));\n      transition: padding-top 2s;\n    }\n\n  ` as CSSResultGroup;  \n\n  constructor() {\n\n    super();    \n\n    setRouteElement(this);\n\n    const doSomething = (scrollPos:number) => {\n      if (scrollPos <= 50) {\n        this._teaserClosed = false;\n      } else {\n        this._teaserClosed = true;\n      }\n    };\n\n    let ticking = false;\n    document.addEventListener('scroll', () => {\n      const lastKnownScrollPosition = window.scrollY;\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          doSomething(lastKnownScrollPosition);\n          ticking = false;\n        });\n        ticking = true;\n      }\n    });\n\n    // add login handler after init => else error is thrown\n    // document.addEventListener(\"init-app-event\", this.activateLoginHandler.bind(this));\n    document.addEventListener(\"init-app-event\", () => {\n      console.log(\"Init event catched\");\n    });\n    if (navigationConfig.includeLogin) {\n      this.activateLoginHandler();\n    }\n\n    // For common toast messages (not for callfunction toasts => handelt by own controller)\n    this.addEventListener(\"toast-event\", this._createTemporaryToast);\n    this.addEventListener(\"route-event\", this._handleMenuRouteEvent);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription = pdStore().select(getLoadingSelector)\n      .subscribe((loadingState) => {\n        console.log(\"Loading State: \", loadingState);\n        this._loadingState = loadingState || [];\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription?.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  _setConfInDetail(event: Event) {\n    const {detail} = event as CustomEvent;\n    if (detail) {\n      detail.appConf = {\n        ...this._appConfiguration\n      };\n    }    \n  }\n\n  /**\n   * Non reactive private property for the index db class.\n   */\n  // private _indexDBClient?: YoIndexDBClient|null;  \n\n  /**\n   * Needed for the router.\n   * Return all configured routes.\n   */\n  static get routes() {\n    return transformedRoutes;  \n  }\n\n  /**\n   * Needed for the router.\n   * Set route params to internal members.\n   */\n  router(route:string, params:Object, query:Object) {\n    this.route = route;\n    this.params = params;\n    this.query = query;\n  }  \n\n\n  /**\n   * Call to activate onAuthState change with profile request callbacks.\n   * Only implemented for firebase provider.\n   */\n  activateLoginHandler() {\n    console.log(\"Activate Login Handler\");    \n    const callback = (user: unknown) => {\n      console.log(\"My callback user:\", user);\n      this._user = user;\n      if (this._user) {\n        pdStore().dispatch(loginSucess());\n        this._loginSuccess(new CustomEvent(\"login-success\"));\n      }\n    };\n    authStateChangedImpl(callback);\n  }\n\n  render() {    \n    const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];\n    const hideTeaser = this._teaserClosed || !pageConf?.withTeaser;\n    return html`\n      <header id=\"headerElementId\" class=\"default-header\">\n        ${pageConf?.hideTopMenu ? '' : this._renderTopMenu(pageConf, hideTeaser)}\n        ${hideTeaser ? '' : this._renderTeaser()}\n        ${pageConf?.hideMenu ? '' : this._renderMenu(pageConf, hideTeaser)}\n      </header>      \n\n      <main class=\"${this._getMainClass(hideTeaser, pageConf)}\">\n\n        ${this._loadingState.map(ls => html`<pd-loading-state .loadingState=\"${ls}\"></pd-loading-state>`)}\n\n        <app-main active-route=${this.route}\n            @init-menu-sections=\"${this._initMenuSections}\"\n            @login-success=\"${this._loginSuccess}\">\n          ${this._renderRoutePages()}\n          ${navigationConfig.includeLogin ? html`\n            <default-login ?active=\"${this.route === \"login\"}\" route=\"login\"></default-login>` : ''}\n        </app-main>\n      </main>\n\n      ${this.functionsController.render({\n        complete: (result: FunctionResult) => this._renderSuccessResultInfo(result),\n        initial: () => '',\n        pending: () => this._renderPendingInfo(),\n        error: (e: any) => this._renderErrorInfo(e),\n      })}\n\n      ${pageConf?.withFooter ? html`\n      <footer class=\"default-footer\">\n        ${this._renderFooter()}\n      </footer>` : ''}\n    `;\n  }  \n  \n  // eslint-disable-next-line class-methods-use-this\n  private _getMainClass(hideTeaser: boolean, pageConf: NavigationPage): string {\n    if (hideTeaser) {      \n      if (!pageConf) {\n        return \"default-main\";\n      }\n      // eslint-disable-next-line no-nested-ternary\n      return pageConf.mainClass ? pageConf.mainClass : (pageConf.withTeaser ? \"default-main-padding\" : \"default-main\");\n    }\n    return \"default-main-withteaser\";\n  }\n\n  _renderMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const menuForPage = pageConfig ? (pageConfig.menu || []) : [];\n    return menuForPage ? html`\n      <pd-menu\n        id=\"pdHelperMenuId\"\n        class=\"${hideTeaser ? \"default-menu\" : \"default-menu-withteaser\"}\"\n        @locale-change=\"${this._localeChange}\"\n        selectedLocale=\"${this._selectedLocale}\"\n        .locales=${this._singleLocaleMenu ? this._availableLocales : []}\n        .menuItems=${menuForPage}\n        .topMenuItems=${[]}\n        activeRoute=\"${this.route}\"\n        headerSize=\"${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}\"\n      >\n        ${hideTeaser ? this._getAppLogo() : ''}\n      </pd-menu>\n    ` : '';\n  } \n\n  _renderTopMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const topMenuForPage = pageConfig ? pageConfig.topMenuItems : undefined;\n    return topMenuForPage ? html`\n      <pd-menu      \n        id=\"pdHelperTopMenuId\"\n        noBurgerMenu\n        @locale-change=\"${this._localeChange}\"\n        class=\"${hideTeaser ? \"default-top-menu\" : \"default-top-menu-withteaser\"}\"        \n        .locales=${this._availableLocales}\n        selectedLocale=\"${this._selectedLocale}\"\n        .topMenuItems=${topMenuForPage}\n        activeRoute=\"${this.route}\"\n      >\n      </pd-menu>\n    ` : '';\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _renderTeaser(): TemplateResult | string {\n    const teaserContent = this._getTeaserContent();\n    if (!teaserContent || teaserContent.length <= 0) {\n      return '';\n    }\n    return html`\n      <pd-panel-viewer class=\"default-teaser\" id=\"teaserPanelViewerId\" deltaCalc=\"4\">\n        ${teaserContent.map(content => html`\n          <pd-panel>\n            ${content}\n          </pd-panel>\n        `)}\n      </pd-panel-viewer>\n      `;\n  }\n\n  _renderFooter() {\n    const footer = this._getFooter();\n    return html`\n      <pd-footer \n          class=\"default-footer\"\n          .footerLinks=\"${footer.links}\"\n          version=\"${footer.version}\" \n          copyright=\"PD Progressive Developent UG\" \n          .madeBy=\"${MADE_BY}\" \n          @footer-link=\"${this._handleFooterRouteEvent}\">\n      </pd-footer>\n    `;\n  }\n\n  /**\n   * Called when (any) cloud function call was finished.   \n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  _renderSuccessResultInfo(result: FunctionResult) {\n    return html`\n    <pd-toast isSuccess duration=\"${TOAST_DURATION}\">\n      ${this.functionsController.callDataPromise?.func.successTxt}\n    </pd-toast>`;\n  }\n\n  /**\n   * Called when (any) cloud function is currently running.   \n   */\n  _renderPendingInfo() {\n    return this.functionsController.callDataPromise?.func.fadeWindow ? html`\n    <p>Überblende und lade ${this.functionsController.callDataPromise?.func.name}...</p>` \n      : html`\n      <pd-toast duration=\"-1\">\n        ${this.functionsController.callDataPromise?.func.pendingTxt}\n      </pd-toast>`;        \n  }\n\n  /**\n   * Called when (any) cloud function stopped with errors.\n   */\n   // eslint-disable-next-line class-methods-use-this\n   _renderErrorInfo(error:any) {\n    return html`\n    <pd-toast isError duration=\"-1\">\n      ${error}\n    </pd-toast>`;\n  }\n\n  protected abstract _getTeaserContent(): Array<TemplateResult>;\n\n  protected abstract _getFooter(): Footer;\n\n  protected abstract _getAppLogo(): TemplateResult;\n\n  protected abstract _renderRoutePages(): any;  \n\n  protected abstract _loginSuccess(e: CustomEvent): void;\n\n  protected abstract _setLocale(locale:string): void;\n\n  protected abstract _getHeaderSize(hideTeaser: boolean): number;\n\n  _localeChange(e: CustomEvent): void {\n    this._setLocale(e.detail)\n    this._selectedLocale = e.detail;    \n  } \n  \n  // eslint-disable-next-line class-methods-use-this\n  _handleMenuRouteEvent(e:any) {\n    // test with el, to handel jumps also here, not used at the moment, same postion link problems...\n    if (e.detail.el) {\n      this._scrollToContent(e.detail.el);\n    } else {\n      PdSpaHelper._scrollToTop();\n      this.navigate(e.detail.route);\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _handleFooterRouteEvent(e: CustomEvent) {    \n    const {linkObj} = e.detail;    \n    if (linkObj.link) {\n      PdSpaHelper._scrollToTop();\n      this.navigate(linkObj.link);    \n    }\n    if (linkObj.action ) {      \n      linkObj.action();\n    }\n  }\n  \n  // eslint-disable-next-line class-methods-use-this\n  _initMenuSections(e:any) {\n    // add link to configuration object\n    const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.name)[0];\n    if (menRefConf) {      \n      menRefConf.menu = menRefConf.menu?.map((menuElement:MenuElement, index:number) => ({\n        ...menuElement,\n        ref: e.detail.menuRefs[index]\n      }));\n    }\n  }\n\n  _createTemporaryToast(e: any) {\n    \n    // hide existing call function toast (old one still is visible for directly incoming errors)\n    this.functionsController.clear();\n    \n    const tmpToast = new PdToast();    \n    tmpToast.isError = e.detail.isError;\n    tmpToast.isSuccess = e.detail.isSuccess;\n    const slotContent = document.createTextNode(e.detail.txt);\n    tmpToast.appendChild(slotContent)    \n\n    this.shadowRoot?.appendChild(tmpToast);\n    tmpToast.duration = TOAST_DURATION;\n\n    // set timeout to remove toast (one second later)\n    setTimeout(() => {\n      this.shadowRoot?.removeChild(tmpToast);\n    }, TOAST_DURATION + 1000);\n  }\n\n  static _scrollToTop() {\n    window.scrollTo({\n      top: 0,\n      left: 0,\n      behavior: 'smooth',\n    });\n  }\n\n  // Test, not used at the moment, jump/menu problem...\n  // eslint-disable-next-line class-methods-use-this\n  _scrollToContent(el:HTMLElement) {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      console.log(\"Rect: \", rect);\n      console.log(\"Offset Top/Height: \", el.offsetTop, el.offsetHeight);\n      window.scrollBy({\n        top: rect.top - (this._teaserClosed ? 80 : 450),\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n}"]}
+{"version":3,"file":"PdSpaHelper.js","sourceRoot":"","sources":["../../src/PdSpaHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, css, CSSResultGroup, TemplateResult, unsafeCSS } from 'lit';\nimport { router, navigator } from 'lit-element-router';\nimport { property } from 'lit/decorators.js';\n\nimport { Subscription } from 'rxjs';\n\nimport { FirebaseApp } from 'firebase/app';\n\nimport '@progressive-development/pd-page/pd-menu.js';\nimport '@progressive-development/pd-page/pd-footer.js';\n\nimport { initializeStore, pdStore } from './store/mini-rx.store.js';\n\nimport { authStateChangedImpl, initAppImpl, isAuthenticatedImpl, setServiceProvider } from './service-provider/service-provider-impl.js';\nimport { AppConfiguration, Footer, MenuElement, NavigationConfig, NavigationPage } from './service-provider/service-provider-model.js';\n\nimport { getLoadingSelector } from './store/spa-app-selector.js';\nimport { setRouteElement } from './store/spa-app-effects.js';\nimport { APP_CONF_EVENT, LoadingState } from './model/spa-model.js';\nimport { loginSucess } from './store/spa-app-actions.js';\n\nimport './router/AppMain.js';\nimport './defaultpage/default-login.js';\nimport './tmpown/pd-panel-viewer.js';\nimport './tmpown/pd-panel.js';\n// eslint-disable-next-line import/no-duplicates\nimport './tmpown/pd-toast.js';\nimport './tmpown/pd-loading-state.js';\n\n// TODO: How to solve this import problem?\n// eslint-disable-next-line import/no-duplicates\nimport { PdToast } from './tmpown/pd-toast.js';\n\n\n// Footer Text\nconst MADE_BY = {\n  txt: \"made by PD Progressive Development\",\n  email: \"info@progressive-development.com\"};\n\n// Visible time for time-limited toast\nconst TOAST_DURATION = 6000;\n\n\n/**\n * Transformed routes, generated during startInit.\n */\nlet app:FirebaseApp | undefined;\nlet transformedRoutes:Array<any>;\nlet navigationConfig:NavigationConfig;\n\n/**\n * Internal helper functions to generate route elemets for lit-router. \n */\nconst transformRoutes = () => {\n\n  const transformAuthConfig = (withAuth:boolean) => \n    withAuth ? \n    {\n      unauthenticated: {\n        name: 'login',\n      },\n      authenticate: () => new Promise((resolve, reject) => {\n        resolve(isAuthenticatedImpl());\n      }),\n    } : undefined;\n\n  let generatedRoutes:Array<any> = [];\n  navigationConfig.pages.forEach(cfEntry => {\n    const addAraay = cfEntry.pattern.map(routeMapPattern => (\n      {\n        name: cfEntry.name,\n        pattern: routeMapPattern,\n        authentication: transformAuthConfig(cfEntry.auth),\n      }\n    ));    \n    generatedRoutes = generatedRoutes.concat(addAraay);\n  });\n  \n  // add not-found route\n  generatedRoutes.push({\n    name: 'not-found',\n    pattern: '*',\n  });\n\n  return generatedRoutes;\n}\n\n\n/**\n * Init the firebase app and application services like\n * functions and firestore. Generate routes from navigationConfig.\n * \n * @param navigationConfig\n * @param firebaseConfig\n * @param functionsConfig\n */\nexport const startInit = (config: AppConfiguration) => {\n\n  console.log(\"Start init for config: \", config);\n\n  // set service provider\n  setServiceProvider(config.serviceProvider);\n  \n  // init mini-rx store\n  if (config.storeConfigParam) {\n    initializeStore(config.storeConfigParam);\n  }\n\n  // init app\n  initAppImpl(config);\n\n  // add login route if set in config\n  if (config.navigationConfigParam.includeLogin) {\n    config.navigationConfigParam.pages.push({\n      name: \"login\",\n      menu: [\n        {key: \"login\", name: \"Login\"}\n      ],\n      pattern: [\"login\"],\n      auth: false\n    });\n  }\n\n  // generate routes from navigation config\n  navigationConfig = config.navigationConfigParam;\n  transformedRoutes = transformRoutes();    \n\n  // init ready, trigger by even (if getAuth is called before, error is thrown)    \n  document.dispatchEvent(new CustomEvent(\"init-app-event\"));\n  console.log(\"Init done, Event created\");\n\n};\n\nconst TOP_MENU_HEIGHT = 50;\n\n/**\n * Abstract class for SPAs. Extend within the app main class.\n */\nexport abstract class PdSpaHelper extends router(navigator(LitElement)) {\n\n  protected abstract _appConfiguration: any;\n\n  // not used at the moment\n  @property({ type: String }) \n  title = 'Hey there';\n\n  /**\n   * Properties needed for login/profile data.\n   */\n  @property({ type: Object, state: true }) \n  _user: unknown | undefined;\n\n  @property({ type: Object, state: true }) \n  _profile: any | undefined;\n\n  @property({ type: Object, state: true }) \n  _loadingState: LoadingState[] = [];\n \n  /**\n   * Properties needed for the router.\n   */\n  @property({ type: String, reflect: true }) \n  route = \"\";\n\n  @property({ type: Object }) \n  params = {};\n\n  @property({ type: Object }) \n  query = {};\n\n  /**\n   * Indicates if the teaser should closed (depends on scroll position).\n   */\n  @property({ type: Boolean })\n  _teaserClosed = false;  \n\n\n  @property({ type: String, state: true })\n  abstract _selectedLocale: string;\n\n  abstract _availableLocales: string[];\n\n  protected _singleLocaleMenu: boolean = false;\n\n    // subscription for loading-state selector\n    _subscription?: Subscription; \n\n  static styles = \n    // Ref: Additional use classmap to add custom classes in concrete impl\n    css`\n\n    :host {\n      display: flex;\n      flex-flow: column;\n      height: 100%;\n    }\n\n    header {\n      flex-grow: 0;\n    }\n\n    main {\n      flex-grow: 1;\n      flex-basis: max-content;\n    }\n\n    footer {\n      flex-grow: 0;\n    }\n\n    .default-header {\n      width: 100%;\n      position: fixed;\n      top: 0;\n      display: block;\n      z-index: 99;\n    }\n\n    .default-teaser {\n      --pd-panel-overflow: hidden;\n      --pd-panel-height: var(--pd-teaser-height, 380px);\n      --pd-panel-width: 100%;      \n      --pd-panel-border-radius: 0;\n      --pd-panel-bg: var(--pd-default-col);\n      --pd-panel-viewer-bg-col: var(--pd-default-col);\n    }\n\n    .default-menu {      \n      transition: background-color 2s;\n    }\n\n    .default-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-spa-menu-change-col, #AFC1D2);\n      --pd-menu-font-col: var(--pd-spa-menu-change-font-col, #0A3A48);\n      transition: background-color 2s;\n    }\n\n    .default-top-menu, .default-top-menu-withteaser {      \n      --pd-menu-height: ${unsafeCSS(TOP_MENU_HEIGHT)}px;\n      --pd-menu-font-size: 0.8em;      \n      --pd-menu-shadow: 0;\n    }\n\n    .default-top-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-teaser-bg-col);\n    }\n\n    /* needed for pd-spa-padding-top, only for pages with teaser, check if refactor possible... */\n    .default-main-padding {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-spa-padding-top, 120px)) ;\n      transition: padding-top 2s;\n    }\n\n    .default-main {\n      padding-top: calc(var(--pd-menu-height));\n      transition: padding-top 2s;\n    }    \n\n    .default-main-withteaser {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-teaser-height, 380px));\n      transition: padding-top 2s;\n    }\n\n  ` as CSSResultGroup;  \n\n  constructor() {\n\n    super();    \n\n    setRouteElement(this);\n\n    const doSomething = (scrollPos:number) => {\n      if (scrollPos <= 50) {\n        this._teaserClosed = false;\n      } else {\n        this._teaserClosed = true;\n      }\n    };\n\n    let ticking = false;\n    document.addEventListener('scroll', () => {\n      const lastKnownScrollPosition = window.scrollY;\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          doSomething(lastKnownScrollPosition);\n          ticking = false;\n        });\n        ticking = true;\n      }\n    });\n\n    // add login handler after init => else error is thrown\n    // document.addEventListener(\"init-app-event\", this.activateLoginHandler.bind(this));\n    document.addEventListener(\"init-app-event\", () => {\n      console.log(\"Init event catched\");\n    });\n    if (navigationConfig.includeLogin) {\n      this.activateLoginHandler();\n    }\n\n    // For common toast messages (not for callfunction toasts => handelt by own controller)\n    this.addEventListener(\"toast-event\", this._createTemporaryToast);\n    this.addEventListener(\"route-event\", this._handleMenuRouteEvent);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription = pdStore().select(getLoadingSelector)\n      .subscribe((loadingState) => {\n        console.log(\"Loading State: \", loadingState);\n        this._loadingState = loadingState;\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription?.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  _setConfInDetail(event: Event) {\n    const {detail} = event as CustomEvent;\n    if (detail) {\n      detail.appConf = {\n        ...this._appConfiguration\n      };\n    }    \n  }\n\n  /**\n   * Non reactive private property for the index db class.\n   */\n  // private _indexDBClient?: YoIndexDBClient|null;  \n\n  /**\n   * Needed for the router.\n   * Return all configured routes.\n   */\n  static get routes() {\n    return transformedRoutes;  \n  }\n\n  /**\n   * Needed for the router.\n   * Set route params to internal members.\n   */\n  router(route:string, params:Object, query:Object) {\n    this.route = route;\n    this.params = params;\n    this.query = query;\n  }  \n\n\n  /**\n   * Call to activate onAuthState change with profile request callbacks.\n   * Only implemented for firebase provider.\n   */\n  activateLoginHandler() {\n    console.log(\"Activate Login Handler\");    \n    const callback = (user: unknown) => {\n      console.log(\"My callback user:\", user);\n      this._user = user;\n      if (this._user) {\n        pdStore().dispatch(loginSucess());\n        this._loginSuccess(new CustomEvent(\"login-success\"));\n      }\n    };\n    authStateChangedImpl(callback);\n  }\n\n  render() {    \n    const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];\n    const hideTeaser = this._teaserClosed || !pageConf?.withTeaser;\n    return html`\n      <header id=\"headerElementId\" class=\"default-header\">\n        ${pageConf?.hideTopMenu ? '' : this._renderTopMenu(pageConf, hideTeaser)}\n        ${hideTeaser ? '' : this._renderTeaser()}\n        ${pageConf?.hideMenu ? '' : this._renderMenu(pageConf, hideTeaser)}\n      </header>      \n\n      <main class=\"${this._getMainClass(hideTeaser, pageConf)}\">\n\n        ${this._loadingState.map(ls => html`<pd-loading-state .loadingState=\"${ls}\"></pd-loading-state>`)}\n\n        <app-main active-route=${this.route}\n            @init-menu-sections=\"${this._initMenuSections}\"\n            @login-success=\"${this._loginSuccess}\">\n          ${this._renderRoutePages()}\n          ${navigationConfig.includeLogin ? html`\n            <default-login ?active=\"${this.route === \"login\"}\" route=\"login\"></default-login>` : ''}\n        </app-main>\n      </main>      \n\n      ${pageConf?.withFooter ? html`\n      <footer class=\"default-footer\">\n        ${this._renderFooter()}\n      </footer>` : ''}\n    `;\n  }  \n  \n  // eslint-disable-next-line class-methods-use-this\n  private _getMainClass(hideTeaser: boolean, pageConf: NavigationPage): string {\n    if (hideTeaser) {      \n      if (!pageConf) {\n        return \"default-main\";\n      }\n      // eslint-disable-next-line no-nested-ternary\n      return pageConf.mainClass ? pageConf.mainClass : (pageConf.withTeaser ? \"default-main-padding\" : \"default-main\");\n    }\n    return \"default-main-withteaser\";\n  }\n\n  _renderMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const menuForPage = pageConfig ? (pageConfig.menu || []) : [];\n    return menuForPage ? html`\n      <pd-menu\n        id=\"pdHelperMenuId\"\n        class=\"${hideTeaser ? \"default-menu\" : \"default-menu-withteaser\"}\"\n        @locale-change=\"${this._localeChange}\"\n        selectedLocale=\"${this._selectedLocale}\"\n        .locales=${this._singleLocaleMenu ? this._availableLocales : []}\n        .menuItems=${menuForPage}\n        .topMenuItems=${[]}\n        activeRoute=\"${this.route}\"\n        headerSize=\"${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}\"\n      >\n        ${hideTeaser ? this._getAppLogo() : ''}\n      </pd-menu>\n    ` : '';\n  } \n\n  _renderTopMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const topMenuForPage = pageConfig ? pageConfig.topMenuItems : undefined;\n    return topMenuForPage ? html`\n      <pd-menu      \n        id=\"pdHelperTopMenuId\"\n        noBurgerMenu\n        @locale-change=\"${this._localeChange}\"\n        class=\"${hideTeaser ? \"default-top-menu\" : \"default-top-menu-withteaser\"}\"        \n        .locales=${this._availableLocales}\n        selectedLocale=\"${this._selectedLocale}\"\n        .topMenuItems=${topMenuForPage}\n        activeRoute=\"${this.route}\"\n      >\n      </pd-menu>\n    ` : '';\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _renderTeaser(): TemplateResult | string {\n    const teaserContent = this._getTeaserContent();\n    if (!teaserContent || teaserContent.length <= 0) {\n      return '';\n    }\n    return html`\n      <pd-panel-viewer class=\"default-teaser\" id=\"teaserPanelViewerId\" deltaCalc=\"4\">\n        ${teaserContent.map(content => html`\n          <pd-panel>\n            ${content}\n          </pd-panel>\n        `)}\n      </pd-panel-viewer>\n      `;\n  }\n\n  _renderFooter() {\n    const footer = this._getFooter();\n    return html`\n      <pd-footer \n          class=\"default-footer\"\n          .footerLinks=\"${footer.links}\"\n          version=\"${footer.version}\" \n          copyright=\"PD Progressive Developent UG\" \n          .madeBy=\"${MADE_BY}\" \n          @footer-link=\"${this._handleFooterRouteEvent}\">\n      </pd-footer>\n    `;\n  }\n\n  protected abstract _getTeaserContent(): Array<TemplateResult>;\n\n  protected abstract _getFooter(): Footer;\n\n  protected abstract _getAppLogo(): TemplateResult;\n\n  protected abstract _renderRoutePages(): any;  \n\n  protected abstract _loginSuccess(e: CustomEvent): void;\n\n  protected abstract _setLocale(locale:string): void;\n\n  protected abstract _getHeaderSize(hideTeaser: boolean): number;\n\n  _localeChange(e: CustomEvent): void {\n    this._setLocale(e.detail)\n    this._selectedLocale = e.detail;    \n  } \n  \n  // eslint-disable-next-line class-methods-use-this\n  _handleMenuRouteEvent(e:any) {\n    // test with el, to handel jumps also here, not used at the moment, same postion link problems...\n    if (e.detail.el) {\n      this._scrollToContent(e.detail.el);\n    } else {\n      PdSpaHelper._scrollToTop();\n      this.navigate(e.detail.route);\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _handleFooterRouteEvent(e: CustomEvent) {    \n    const {linkObj} = e.detail;    \n    if (linkObj.link) {\n      PdSpaHelper._scrollToTop();\n      this.navigate(linkObj.link);    \n    }\n    if (linkObj.action ) {      \n      linkObj.action();\n    }\n  }\n  \n  // eslint-disable-next-line class-methods-use-this\n  _initMenuSections(e:any) {\n    // add link to configuration object\n    const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.name)[0];\n    if (menRefConf) {      \n      menRefConf.menu = menRefConf.menu?.map((menuElement:MenuElement, index:number) => ({\n        ...menuElement,\n        ref: e.detail.menuRefs[index]\n      }));\n    }\n  }\n\n  _createTemporaryToast(e: any) {\n    \n    // hide existing call function toast (old one still is visible for directly incoming errors)\n    // this.functionsController.clear();\n    \n    const tmpToast = new PdToast();    \n    tmpToast.isError = e.detail.isError;\n    tmpToast.isSuccess = e.detail.isSuccess;\n    const slotContent = document.createTextNode(e.detail.txt);\n    tmpToast.appendChild(slotContent)    \n\n    this.shadowRoot?.appendChild(tmpToast);\n    tmpToast.duration = TOAST_DURATION;\n\n    // set timeout to remove toast (one second later)\n    setTimeout(() => {\n      this.shadowRoot?.removeChild(tmpToast);\n    }, TOAST_DURATION + 1000);\n  }\n\n  static _scrollToTop() {\n    window.scrollTo({\n      top: 0,\n      left: 0,\n      behavior: 'smooth',\n    });\n  }\n\n  // Test, not used at the moment, jump/menu problem...\n  // eslint-disable-next-line class-methods-use-this\n  _scrollToContent(el:HTMLElement) {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      console.log(\"Rect: \", rect);\n      console.log(\"Offset Top/Height: \", el.offsetTop, el.offsetHeight);\n      window.scrollBy({\n        top: rect.top - (this._teaserClosed ? 80 : 450),\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n}\n\n  // Refactor: deactivate functions controller unwanted with new loader\n  /* \n  protected functionsController = new ServiceCallController(this);\n  \n  // from render\n  ${this.functionsController.render({\n        complete: (result: FunctionResult) => this._renderSuccessResultInfo(result),\n        initial: () => '',\n        pending: () => this._renderPendingInfo(),\n        error: (e: any) => this._renderErrorInfo(e),\n      })}\n        /**\n   * Called when (any) cloud function call was finished.   \n   \n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  _renderSuccessResultInfo(result: FunctionResult) {\n    return html`\n    <pd-toast isSuccess duration=\"${TOAST_DURATION}\">\n      ${this.functionsController.callDataPromise?.func.successTxt}\n    </pd-toast>`;\n  }\n\n  /**\n   * Called when (any) cloud function is currently running.   \n   \n  _renderPendingInfo() {\n    return this.functionsController.callDataPromise?.func.fadeWindow ? html`\n    <p>Überblende und lade ${this.functionsController.callDataPromise?.func.name}...</p>` \n      : html`\n      <pd-toast duration=\"-1\">\n        ${this.functionsController.callDataPromise?.func.pendingTxt}\n      </pd-toast>`;        \n  }\n\n  /**\n   * Called when (any) cloud function stopped with errors.\n   \n   // eslint-disable-next-line class-methods-use-this\n   _renderErrorInfo(error:any) {\n    return html`\n    <pd-toast isError duration=\"-1\">\n      ${error}\n    </pd-toast>`;\n  }\n  */"]}

package/dist/src/model/spa-model.d.ts

@@ -1,8 +1,14 @@
 export declare const APP_CONF_EVENT = "get-app-conf";
+export interface LoadingSubTask {
+    actionKey: string;
+    completed: boolean;
+    loadingTxt: string;
+}
 export interface LoadingState {
     isLoading: boolean;
     actionKey: string;
     modal?: boolean;
     smallBackground?: boolean;
     loadingTxt?: string;
+    subTask?: LoadingSubTask[];
 }

package/dist/src/model/spa-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"spa-model.js","sourceRoot":"","sources":["../../../src/model/spa-model.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAAC","sourcesContent":["export const APP_CONF_EVENT = \"get-app-conf\";\n\nexport interface LoadingState {\n  isLoading: boolean,\n  actionKey: string\n  modal?: boolean,\n  smallBackground?: boolean,\n  loadingTxt?: string,\n}"]}
+{"version":3,"file":"spa-model.js","sourceRoot":"","sources":["../../../src/model/spa-model.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAAC","sourcesContent":["export const APP_CONF_EVENT = \"get-app-conf\";\n\nexport interface LoadingSubTask {\n  actionKey: string\n  completed: boolean,\n  loadingTxt: string,  \n}\n\nexport interface LoadingState {\n  isLoading: boolean,\n  actionKey: string\n  modal?: boolean,\n  smallBackground?: boolean,\n  loadingTxt?: string,\n  subTask?: LoadingSubTask[],\n}\n\n"]}

package/dist/src/store/spa-app-actions.d.ts

@@ -1,4 +1,4 @@
-import { LoadingState } from '../model/spa-model.js';
+import { LoadingState, LoadingSubTask } from '../model/spa-model.js';
 export declare const initIndexDBSucess: (() => {
     type: "SPA_INIT_INDEX_DB_SUCCESS";
 }) & {
@@ -30,6 +30,19 @@ export declare const addLoadingState: ((payload: LoadingState) => {
 }) & {
     type: "SPA_APP_ADD_LOADING";
 };
+export declare const changeSubTask: ((payload: {
+    loadingActionId: string;
+    newTaskState: LoadingSubTask;
+}) => {
+    payload: {
+        loadingActionId: string;
+        newTaskState: LoadingSubTask;
+    };
+} & {
+    type: "SPA_APP_CHANGE_SUB_LOADING";
+}) & {
+    type: "SPA_APP_CHANGE_SUB_LOADING";
+};
 export declare const removeLoadingState: ((payload: string) => {
     payload: string;
 } & {

package/dist/src/store/spa-app-actions.js

@@ -4,5 +4,6 @@ export const loginSucess = action('SPA_LOGIN_SUCCESS');
 export const routeAction = action('SPA_APP_ROUTE', payload());
 export const updateInternetOffline = action('SPA_APP_UPDATE_INTERNET_OFFLINE', payload());
 export const addLoadingState = action('SPA_APP_ADD_LOADING', payload());
+export const changeSubTask = action('SPA_APP_CHANGE_SUB_LOADING', payload());
 export const removeLoadingState = action('SPA_APP_REMOVE_LOADING', payload());
 //# sourceMappingURL=spa-app-actions.js.map

package/dist/src/store/spa-app-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-actions.js","sourceRoot":"","sources":["../../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,eAAe,EAAE,OAAO,EAAU,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,iCAAiC,EAAE,OAAO,EAAW,CAAC,CAAC;AAEnG,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,qBAAqB,EAAE,OAAO,EAAgB,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,EAAE,OAAO,EAAU,CAAC,CAAC","sourcesContent":["import { action, payload } from 'ts-action';\nimport { LoadingState } from '../model/spa-model.js';\n\nexport const initIndexDBSucess = action('SPA_INIT_INDEX_DB_SUCCESS');\nexport const loginSucess = action('SPA_LOGIN_SUCCESS');\n\nexport const routeAction = action('SPA_APP_ROUTE', payload<string>());\n\nexport const updateInternetOffline = action('SPA_APP_UPDATE_INTERNET_OFFLINE', payload<boolean>());\n\nexport const addLoadingState = action('SPA_APP_ADD_LOADING', payload<LoadingState>());\nexport const removeLoadingState = action('SPA_APP_REMOVE_LOADING', payload<string>());"]}
+{"version":3,"file":"spa-app-actions.js","sourceRoot":"","sources":["../../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,eAAe,EAAE,OAAO,EAAU,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,iCAAiC,EAAE,OAAO,EAAW,CAAC,CAAC;AAEnG,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,qBAAqB,EAAE,OAAO,EAAgB,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,4BAA4B,EAAE,OAAO,EAGrE,CAAC,CAAC;AACN,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,EAAE,OAAO,EAAU,CAAC,CAAC","sourcesContent":["import { action, payload } from 'ts-action';\nimport { LoadingState, LoadingSubTask } from '../model/spa-model.js';\n\nexport const initIndexDBSucess = action('SPA_INIT_INDEX_DB_SUCCESS');\nexport const loginSucess = action('SPA_LOGIN_SUCCESS');\n\nexport const routeAction = action('SPA_APP_ROUTE', payload<string>());\n\nexport const updateInternetOffline = action('SPA_APP_UPDATE_INTERNET_OFFLINE', payload<boolean>());\n\nexport const addLoadingState = action('SPA_APP_ADD_LOADING', payload<LoadingState>());\nexport const changeSubTask = action('SPA_APP_CHANGE_SUB_LOADING', payload<{\n  loadingActionId: string,\n  newTaskState: LoadingSubTask\n}>());\nexport const removeLoadingState = action('SPA_APP_REMOVE_LOADING', payload<string>());"]}

package/dist/src/store/spa-app-effects.js

@@ -6,6 +6,7 @@ let routeElement;
 export const setRouteElement = (param) => {
     routeElement = param;
 };
+// remove loading task if all sub tasks done
 export const appRouteEffect = createEffect(actions$.pipe(ofType(routeAction), tap((action) => {
     if (!routeElement) {
         console.error("No route element set for appRouteEffect");

package/dist/src/store/spa-app-effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-effects.js","sourceRoot":"","sources":["../../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,IAAI,YAAyB,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CACxC,QAAQ,CAAC,IAAI,CACX,MAAM,CAAC,WAAW,CAAC,EACnB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;IACb,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;KAC1D;SAAM;QACL,YAAY,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YACxD,MAAM,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAC;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;KACL;AACH,CAAC,CAAC,CACH,EAAE;IACD,QAAQ,EAAE,KAAK;CAChB,CACF,CAAC","sourcesContent":["import { actions$, createEffect } from 'mini-rx-store';\n\nimport { tap } from 'rxjs/operators';\n\nimport { ofType } from 'ts-action-operators';\n\nimport { routeAction } from './spa-app-actions.js';\n\n\nlet routeElement: HTMLElement;\n\nexport const setRouteElement = (param: HTMLElement) => {\n  routeElement = param;\n}\n\nexport const appRouteEffect = createEffect(\n  actions$.pipe(\n    ofType(routeAction),\n    tap((action) => {\n      if (!routeElement) {\n        console.error(\"No route element set for appRouteEffect\");\n      } else {        \n        routeElement.dispatchEvent(new CustomEvent('route-event', {\n          detail: {route: action.payload},\n          bubbles: true,\n          composed: true\n        }));        \n      }\n    })\n  ), {\n    dispatch: false\n  }\n);\n"]}
+{"version":3,"file":"spa-app-effects.js","sourceRoot":"","sources":["../../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,IAAI,YAAyB,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC,CAAA;AAED,4CAA4C;AAG5C,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CACxC,QAAQ,CAAC,IAAI,CACX,MAAM,CAAC,WAAW,CAAC,EACnB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;IACb,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;KAC1D;SAAM;QACL,YAAY,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YACxD,MAAM,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAC;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;KACL;AACH,CAAC,CAAC,CACH,EAAE;IACD,QAAQ,EAAE,KAAK;CAChB,CACF,CAAC","sourcesContent":["import { actions$, createEffect } from 'mini-rx-store';\n\nimport { tap } from 'rxjs/operators';\n\nimport { ofType } from 'ts-action-operators';\n\nimport { routeAction } from './spa-app-actions.js';\n\n\nlet routeElement: HTMLElement;\n\nexport const setRouteElement = (param: HTMLElement) => {\n  routeElement = param;\n}\n\n// remove loading task if all sub tasks done\n\n\nexport const appRouteEffect = createEffect(\n  actions$.pipe(\n    ofType(routeAction),\n    tap((action) => {\n      if (!routeElement) {\n        console.error(\"No route element set for appRouteEffect\");\n      } else {        \n        routeElement.dispatchEvent(new CustomEvent('route-event', {\n          detail: {route: action.payload},\n          bubbles: true,\n          composed: true\n        }));        \n      }\n    })\n  ), {\n    dispatch: false\n  }\n);\n"]}

package/dist/src/store/spa-app-reducer.js

@@ -1,5 +1,5 @@
 import { on, reducer } from 'ts-action';
-import { initIndexDBSucess, addLoadingState, loginSucess, routeAction, updateInternetOffline, removeLoadingState } from './spa-app-actions.js';
+import { initIndexDBSucess, addLoadingState, loginSucess, routeAction, updateInternetOffline, removeLoadingState, changeSubTask } from './spa-app-actions.js';
 const initialState = {
     loadingState: [],
 };
@@ -12,6 +12,20 @@ export const spaAppReducer = reducer(initialState, on(updateInternetOffline, (st
         ...(state.loadingState),
         payload
     ]
+})), on(changeSubTask, (state, { payload }) => ({
+    ...state,
+    loadingState: state.loadingState.map(ls => {
+        var _a;
+        if (ls.actionKey === payload.loadingActionId) {
+            // change new sub task in sub task list
+            return {
+                ...ls,
+                subTask: (_a = ls.subTask) === null || _a === void 0 ? void 0 : _a.map(subLs => subLs.actionKey
+                    === payload.newTaskState.actionKey ? payload.newTaskState : subLs),
+            };
+        }
+        return ls;
+    })
 })), on(removeLoadingState, (state, { payload }) => {
     var _a;
     return ({

package/dist/src/store/spa-app-reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-reducer.js","sourceRoot":"","sources":["../../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/I,MAAM,YAAY,GAAgB;IAChC,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAClC,YAAY,EAEZ,EAAE,CAAE,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAE,CAChD;IACE,GAAG,KAAK;IACR,OAAO,EAAE,OAAO;CACjB,CACF,CAAC,EAEF,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CACxC;IACE,GAAG,KAAK;IACR,YAAY,EAAE;QACZ,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC;QACvB,OAAO;KACR;CACF,CACF,CAAC,EAEF,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE;;IAAC,OAAA,CAC3C;QACE,GAAG,KAAK;QACR,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,OAAO,CAAC;KACvE,CACF,CAAA;CAAA,CAAC,EAEF,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CACpC;IACE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3B,OAAO;KACR;CACF,CACF,CAAC,EAEF,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/B;IACE,GAAG,KAAK;IACR,WAAW,EAAE,IAAI;CAClB,CACF,CAAC,EAEF,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB;IACE,GAAG,KAAK;IACR,SAAS,EAAE,IAAI;CAChB,CACF,CAAC,CAEH,CAAC","sourcesContent":["import { on, reducer } from 'ts-action';\n\nimport { initIndexDBSucess, addLoadingState, loginSucess, routeAction, updateInternetOffline, removeLoadingState } from './spa-app-actions.js';\nimport { LoadingState } from '../model/spa-model.js';\n\nexport interface SpaAppState {\n  offline?: boolean,\n  loadingState: LoadingState[];\n  lastRoutes?: any[];\n  initIndexDB?: boolean;\n  userLogin?: boolean;\n}\n\nconst initialState: SpaAppState = {  \n  loadingState: [],\n};\n\nexport const spaAppReducer = reducer(\n  initialState,\n\n  on (updateInternetOffline, (state, {payload}) =>  (\n    {\n      ...state,\n      offline: payload\n    }\n  )),  \n    \n  on(addLoadingState, (state, {payload}) => (\n    {\n      ...state,\n      loadingState: [\n        ...(state.loadingState),\n        payload\n      ]\n    }\n  )),\n\n  on(removeLoadingState, (state, {payload}) => (\n    {\n      ...state,\n      loadingState: state.loadingState?.filter(a => a.actionKey !== payload)\n    }\n  )),\n\n  on(routeAction, (state, {payload}) => (\n    {\n      ...state,\n      lastRoutes: [\n        ...(state.lastRoutes || []),\n        payload\n      ]\n    }\n  )),\n\n  on(initIndexDBSucess, (state) => (\n    {\n      ...state,\n      initIndexDB: true,\n    }\n  )),\n\n  on(loginSucess, (state) => (\n    {\n      ...state,\n      userLogin: true,\n    }\n  )),\n\n);"]}
+{"version":3,"file":"spa-app-reducer.js","sourceRoot":"","sources":["../../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAW9J,MAAM,YAAY,GAAgB;IAChC,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAClC,YAAY,EAEZ,EAAE,CAAE,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAE,CAChD;IACE,GAAG,KAAK;IACR,OAAO,EAAE,OAAO;CACjB,CACF,CAAC,EAEF,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CACxC;IACE,GAAG,KAAK;IACR,YAAY,EAAE;QACZ,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC;QACvB,OAAO;KACR;CACF,CACF,CAAC,EAEF,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CACtC;IACE,GAAG,KAAK;IACR,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;;QACxC,IAAI,EAAE,CAAC,SAAS,KAAK,OAAO,CAAC,eAAe,EAAE;YAC5C,uCAAuC;YACvC,OAAO;gBACL,GAAG,EAAE;gBACL,OAAO,EAAE,MAAA,EAAE,CAAC,OAAO,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS;wBAC3C,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;aACrE,CAAA;SACF;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;CACH,CACF,CAAC,EAEF,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE;;IAAC,OAAA,CAC3C;QACE,GAAG,KAAK;QACR,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,OAAO,CAAC;KACvE,CACF,CAAA;CAAA,CAAC,EAEF,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CACpC;IACE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3B,OAAO;KACR;CACF,CACF,CAAC,EAEF,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/B;IACE,GAAG,KAAK;IACR,WAAW,EAAE,IAAI;CAClB,CACF,CAAC,EAEF,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB;IACE,GAAG,KAAK;IACR,SAAS,EAAE,IAAI;CAChB,CACF,CAAC,CAEH,CAAC","sourcesContent":["import { on, reducer } from 'ts-action';\n\nimport { initIndexDBSucess, addLoadingState, loginSucess, routeAction, updateInternetOffline, removeLoadingState, changeSubTask } from './spa-app-actions.js';\nimport { LoadingState } from '../model/spa-model.js';\n\nexport interface SpaAppState {\n  offline?: boolean,\n  loadingState: LoadingState[];\n  lastRoutes?: any[];\n  initIndexDB?: boolean;\n  userLogin?: boolean;\n}\n\nconst initialState: SpaAppState = {  \n  loadingState: [],\n};\n\nexport const spaAppReducer = reducer(\n  initialState,\n\n  on (updateInternetOffline, (state, {payload}) =>  (\n    {\n      ...state,\n      offline: payload\n    }\n  )),  \n    \n  on(addLoadingState, (state, {payload}) => (\n    {\n      ...state,\n      loadingState: [\n        ...(state.loadingState),\n        payload\n      ]\n    }\n  )),\n\n  on(changeSubTask, (state, {payload}) => (\n    {\n      ...state,\n      loadingState: state.loadingState.map(ls => {\n        if (ls.actionKey === payload.loadingActionId) {\n          // change new sub task in sub task list\n          return {\n            ...ls,\n            subTask: ls.subTask?.map(subLs => subLs.actionKey \n              === payload.newTaskState.actionKey ? payload.newTaskState : subLs),\n          }\n        }\n        return ls;\n      })\n    }\n  )),\n\n  on(removeLoadingState, (state, {payload}) => (\n    {\n      ...state,\n      loadingState: state.loadingState?.filter(a => a.actionKey !== payload)\n    }\n  )),\n\n  on(routeAction, (state, {payload}) => (\n    {\n      ...state,\n      lastRoutes: [\n        ...(state.lastRoutes || []),\n        payload\n      ]\n    }\n  )),\n\n  on(initIndexDBSucess, (state) => (\n    {\n      ...state,\n      initIndexDB: true,\n    }\n  )),\n\n  on(loginSucess, (state) => (\n    {\n      ...state,\n      userLogin: true,\n    }\n  )),\n\n);"]}

package/dist/src/stories/pd-loading-state.stories.d.ts

@@ -26,3 +26,4 @@ export declare const CustomTxtState: Story;
 export declare const BackgroundState: Story;
 export declare const ModalBackgroundState: Story;
 export declare const ModalWithBackgroundState: Story;
+export declare const ModalStateWithSubTasks: Story;

package/dist/src/stories/pd-loading-state.stories.js

@@ -97,4 +97,30 @@ export const ModalWithBackgroundState = {
         doubleState: true
     },
 };
+export const ModalStateWithSubTasks = {
+    args: {
+        loadingState: {
+            isLoading: true,
+            modal: true,
+            loadingTxt: "Sammelaufgabe wird erledigt",
+            subTask: [
+                {
+                    actionKey: "",
+                    completed: true,
+                    loadingTxt: "SubTask 1"
+                },
+                {
+                    actionKey: "",
+                    completed: false,
+                    loadingTxt: "SubTask 2"
+                },
+                {
+                    actionKey: "",
+                    completed: false,
+                    loadingTxt: "SubTask 3"
+                },
+            ]
+        }
+    },
+};
 //# sourceMappingURL=pd-loading-state.stories.js.map

package/dist/src/stories/pd-loading-state.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"pd-loading-state.stories.js","sourceRoot":"","sources":["../../../src/stories/pd-loading-state.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,+BAA+B,CAAC;AAGvC,8GAA8G;AAC9G,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;uBAED,IAAI,CAAC,YAAY;;;MAGlC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAEN;QACf,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,EAAE;KACd;;OAEA,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACrC,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAC9B,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;SACtC;KACF;CACa,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,uGAAuG;AACvG,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;SAChB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,IAAI;SACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,2BAA2B;SACxC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;SACtB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,IAAI;SACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;SACtB;QACD,WAAW,EAAE,IAAI;KAClB;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../tmpown/pd-loading-state.js';\n\n\n// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction\nconst meta = {\n  title: 'PD Components/LoadingState',  \n  render: (args) => html`\n    <pd-loading-state\n      .loadingState=\"${args.loadingState}\"\n    ></pd-loading-state>    \n\n    ${args.doubleState ? html`\n      <pd-loading-state\n      .loadingState=\"${{\n        isLoading: true,\n        modal: true,\n        actionKey: \"\"\n      }}\"\n    ></pd-loading-state>    \n      ` : ''}    \n\n    <p>\n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n    </p>\n    <p>\n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n    </p>\n  `,\n  argTypes: {\n    backgroundColor: { control: 'color' },\n    onClick: { action: 'onClick' },\n    size: {\n      control: { type: 'select' },\n      options: ['small', 'medium', 'large'],\n    },\n  },\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj;\n\n\n// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args\nexport const NoModalState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true\n    }\n  },\n};\n\nexport const ModalState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      modal: true\n    }\n  },\n};\n\nexport const CustomTxtState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      loadingTxt: \"Hier steht was anderes...\"\n    }\n  },\n};\n\nexport const BackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,\n    }\n  },\n};\n\nexport const ModalBackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,\n      modal: true,\n    }\n  },\n};\n\nexport const ModalWithBackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,      \n    },\n    doubleState: true\n  },\n};\n\n"]}
+{"version":3,"file":"pd-loading-state.stories.js","sourceRoot":"","sources":["../../../src/stories/pd-loading-state.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,+BAA+B,CAAC;AAGvC,8GAA8G;AAC9G,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;uBAED,IAAI,CAAC,YAAY;;;MAGlC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAEN;QACf,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,EAAE;KACd;;OAEA,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACrC,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAC9B,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;SACtC;KACF;CACa,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,uGAAuG;AACvG,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;SAChB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,IAAI;SACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,2BAA2B;SACxC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;SACtB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,IAAI;SACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI;SACtB;QACD,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,6BAA6B;YACzC,OAAO,EAAE;gBACP;oBACE,SAAS,EAAE,EAAE;oBACb,SAAS,EAAE,IAAI;oBACf,UAAU,EAAE,WAAW;iBACxB;gBACD;oBACE,SAAS,EAAE,EAAE;oBACb,SAAS,EAAE,KAAK;oBAChB,UAAU,EAAE,WAAW;iBACxB;gBACD;oBACE,SAAS,EAAE,EAAE;oBACb,SAAS,EAAE,KAAK;oBAChB,UAAU,EAAE,WAAW;iBACxB;aACF;SACF;KACF;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../tmpown/pd-loading-state.js';\n\n\n// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction\nconst meta = {\n  title: 'PD Components/LoadingState',  \n  render: (args) => html`\n    <pd-loading-state\n      .loadingState=\"${args.loadingState}\"\n    ></pd-loading-state>    \n\n    ${args.doubleState ? html`\n      <pd-loading-state\n      .loadingState=\"${{\n        isLoading: true,\n        modal: true,\n        actionKey: \"\"\n      }}\"\n    ></pd-loading-state>    \n      ` : ''}    \n\n    <p>\n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n    </p>\n    <p>\n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n      Hier steht noch sonst was an text. \n    </p>\n  `,\n  argTypes: {\n    backgroundColor: { control: 'color' },\n    onClick: { action: 'onClick' },\n    size: {\n      control: { type: 'select' },\n      options: ['small', 'medium', 'large'],\n    },\n  },\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj;\n\n\n// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args\nexport const NoModalState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true\n    }\n  },\n};\n\nexport const ModalState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      modal: true\n    }\n  },\n};\n\nexport const CustomTxtState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      loadingTxt: \"Hier steht was anderes...\"\n    }\n  },\n};\n\nexport const BackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,\n    }\n  },\n};\n\nexport const ModalBackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,\n      modal: true,\n    }\n  },\n};\n\nexport const ModalWithBackgroundState: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      smallBackground: true,      \n    },\n    doubleState: true\n  },\n};\n\nexport const ModalStateWithSubTasks: Story = {\n  args: {\n    loadingState: {\n      isLoading: true,\n      modal: true,\n      loadingTxt: \"Sammelaufgabe wird erledigt\",\n      subTask: [\n        {\n          actionKey: \"\",\n          completed: true,\n          loadingTxt: \"SubTask 1\"\n        },\n        {\n          actionKey: \"\",\n          completed: false,\n          loadingTxt: \"SubTask 2\"\n        },\n        {\n          actionKey: \"\",\n          completed: false,\n          loadingTxt: \"SubTask 3\"\n        },\n      ]\n    }\n  },\n};\n\n"]}

package/dist/src/tmpown/pd-loading-state.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, CSSResultGroup } from 'lit';
+import '@progressive-development/pd-icon/pd-icon.js';
 import { LoadingState } from '../model/spa-model.js';
 export declare class PdLoadingState extends LitElement {
     loadingState?: LoadingState;

package/dist/src/tmpown/pd-loading-state.js

@@ -3,6 +3,7 @@ import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { msg } from '@lit/localize';
 import { classMap } from 'lit/directives/class-map.js';
+import '@progressive-development/pd-icon/pd-icon.js';
 let PdLoadingState = class PdLoadingState extends LitElement {
     render() {
         if (!this.loadingState) {
@@ -26,7 +27,21 @@ let PdLoadingState = class PdLoadingState extends LitElement {
         })}">
         <div class="${this.loadingState.smallBackground ? "background-loader" : "loader"}"></div>
         <p>${this.loadingState.loadingTxt || (this.loadingState.smallBackground ?
-            msg("Daten werden synchronisiert", { id: "spaH.loadingstate.syncState" }) : msg("Bitte warten, Daten werden geladen", { id: "spaH.loadingstate.pleaseWait" }))}</p>
+            msg("Daten werden synchronisiert", { id: "spaH.loadingstate.syncState" }) : msg("Bitte warten, Daten werden geladen", { id: "spaH.loadingstate.pleaseWait" }))}
+        </p>
+        ${this.loadingState.subTask && this.loadingState.subTask.length > 0 ? html `
+        <ul class="sub-ul">
+            ${this.loadingState.subTask.map(task => html `
+            <li>
+              <div class="sub-row">
+                ${task.loadingTxt}
+                ${task.completed ? html `<pd-icon class="sub-icon completed" icon="checkBox" activeIcon></pd-icon>`
+            : html `<pd-icon class="sub-icon loading" icon="syncIcon" activeIcon></pd-icon>`}
+              </div>
+            </li>
+            `)}
+        </ul>
+        ` : ''}
       </div>
     `;
     }
@@ -108,6 +123,34 @@ PdLoadingState.styles = [
         animation: spin 2s linear infinite;
       }
 
+      .sub-ul {
+        text-align: start;
+      }
+
+      .sub-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-right: 10px;
+      }
+
+      .sub-icon {
+        --pd-icon-size: 1rem;
+        padding: 0;
+        vertical-align: baseline;
+        margin: 0 .25rem 0 0;
+      }
+
+      .completed {
+        --pd-icon-stroke-col-active: green;
+        --pd-icon-col-active: green;
+      }
+
+      .loading {
+        --pd-icon-stroke-col-active: orange;
+        --pd-icon-col-active: orange;
+      }
+
       @keyframes spin {
         0% {
           transform: rotate(0deg);