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

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

@@ -11,10 +11,7 @@ const spaAppReducer = reducer(
   })),
   on(addLoadingState, (state, { payload }) => ({
     ...state,
-    loadingState: [
-      ...state.loadingState,
-      payload
-    ]
+    loadingState: [...state.loadingState, payload]
   })),
   on(changeSubTask, (state, { payload }) => ({
     ...state,
@@ -23,7 +20,9 @@ const spaAppReducer = reducer(
       if (ls.actionKey === payload.loadingActionId) {
         return {
           ...ls,
-          subTask: (_a = ls.subTask) == null ? void 0 : _a.map((subLs) => subLs.actionKey === payload.newTaskState.actionKey ? payload.newTaskState : subLs)
+          subTask: (_a = ls.subTask) == null ? void 0 : _a.map(
+            (subLs) => subLs.actionKey === payload.newTaskState.actionKey ? payload.newTaskState : subLs
+          )
         };
       }
       return ls;
@@ -38,10 +37,7 @@ const spaAppReducer = reducer(
   }),
   on(routeAction, (state, { payload }) => ({
     ...state,
-    lastRoutes: [
-      ...state.lastRoutes || [],
-      payload
-    ]
+    lastRoutes: [...state.lastRoutes || [], payload]
   })),
   on(initIndexDBSucess, (state) => ({
     ...state,

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

@@ -18,37 +18,52 @@ let PdLoadingState = class extends LitElement {
     if (!this.loadingState) {
       return "";
     }
-    return this.loadingState.modal ? html`
-        <div id="modalId" class="modal">
-          ${this._renderContent()}
-        </div>
-      ` : this._renderContent();
+    return this.loadingState.modal ? html` <div id="modalId" class="modal">${this._renderContent()}</div> ` : this._renderContent();
   }
   _renderContent() {
     if (!this.loadingState) {
       return "";
     }
     return html`
-      <div class="${classMap({
+      <div
+        class="${classMap({
       content: !this.loadingState.smallBackground,
       "no-modal-content": this.loadingState.modal !== true && this.loadingState.smallBackground !== true,
       "background-content": this.loadingState.smallBackground === true
-    })}">
-        <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" }))}
+    })}"
+      >
+        <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>
         ${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>
-        ` : ""}
+              <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>
     `;
   }
@@ -60,8 +75,8 @@ PdLoadingState.styles = [
       }
 
       /* The Modal (background) */
-      .modal {        
-        position: fixed; /* Stay in place */      
+      .modal {
+        position: fixed; /* Stay in place */
         left: 0;
         top: 0;
         z-index: 500; /* Sit on top */
@@ -69,37 +84,40 @@ PdLoadingState.styles = [
         display: flex;
         align-items: center;
         justify-content: center;
-                
+
         width: 100%; /* Full width */
-        height: 100%; /* Full height */        
+        height: 100%; /* Full height */
         overflow: auto; /* Enable scroll if needed */
         /* RGBA Wert muss hier verwendet werden #AFC1D2 to rgba for opacity */
-        background-color: var(--pd-popup-modal-bg-rgba, rgba(175, 193, 210, 0.8));        
+        background-color: var(
+          --pd-popup-modal-bg-rgba,
+          rgba(175, 193, 210, 0.8)
+        );
       }
 
       /* Modal Content */
-      .no-modal-content {         
-        position: fixed; /* Stay in place */ 
-        left: 50%;   
-        top: 50%;   
-        transform: translate(-50%, -50%);        
+      .no-modal-content {
+        position: fixed; /* Stay in place */
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
       }
 
       .content {
         padding: 1em;
         text-align: center;
         background-color: var(--pd-loading-state-bg-col, #edf7fd);
-        border: 2px solid var(--pd-loading-state-bg-col, var(--pd-default-col, #067394));
+        border: 2px solid
+          var(--pd-loading-state-bg-col, var(--pd-default-col, #067394));
         z-index: 101; /* Sit on top */
       }
 
       .background-content {
+        position: fixed; /* Stay in place */
+        right: 0em;
+        bottom: 0em;
 
-        position: fixed; /* Stay in place */ 
-        right: 0em;   
-        bottom: 0em;   
-
-        padding: 1em;        
+        padding: 1em;
         z-index: 600; /* Sit on top */
 
         display: flex;
@@ -109,20 +127,20 @@ PdLoadingState.styles = [
         background-color: white;
       }
 
-      .loader {        
-        border: 16px solid var(--pd-heating-service-loader, #0A3A48);
+      .loader {
+        border: 16px solid var(--pd-heating-service-loader, #0a3a48);
         border-top: 16px solid var(--pd-heating-service-loader-run, #067394);
         border-radius: 50%;
         width: 30px;
         height: 30px;
         animation: spin 2s linear infinite;
-        
+
         margin-left: auto;
         margin-right: auto;
       }
 
-      .background-loader {        
-        border: 10px solid var(--pd-heating-service-loader, #0A3A48);
+      .background-loader {
+        border: 10px solid var(--pd-heating-service-loader, #0a3a48);
         border-top: 10px solid var(--pd-heating-service-loader-run, #067394);
         border-radius: 50%;
         width: 10px;
@@ -145,7 +163,7 @@ PdLoadingState.styles = [
         --pd-icon-size: 1rem;
         padding: 0;
         vertical-align: baseline;
-        margin: 0 .25rem 0 0;
+        margin: 0 0.25rem 0 0;
       }
 
       .completed {
@@ -166,7 +184,6 @@ PdLoadingState.styles = [
           transform: rotate(360deg);
         }
       }
-
     `
 ];
 __decorateClass([

package/dist/src/tmpown/pd-login.js

@@ -21,31 +21,29 @@ let PdLogin = class extends LitElement {
     return [
       css`
         :host {
-            display: flex;
-            justify-content: center;
-            /*min-height: 100vh;
-            min-width: 100vh;*/            
+          display: flex;
+          justify-content: center;
+          /*min-height: 100vh;
+            min-width: 100vh;*/
         }
 
         .login-form {
-            display: flex;            
-            flex-flow: column;
-            justify-content: center;                        
-            --pd-form-row-allign: center;
+          display: flex;
+          flex-flow: column;
+          justify-content: center;
+          --pd-form-row-allign: center;
 
-            background-color: var(--pd-login-bg-color);
-            padding: 1rem;
-            border-radius: var(--pd-login-border-radius);
+          background-color: var(--pd-login-bg-color);
+          padding: 1rem;
+          border-radius: var(--pd-login-border-radius);
         }
-        
       `
     ];
   }
   render() {
     return html`
-    <div class="login-form">
+      <div class="login-form">
         <pd-form-container id="loginFormId">
-          
           <pd-form-row>
             <pd-input
               id="eMail"
@@ -53,7 +51,7 @@ let PdLogin = class extends LitElement {
               maxlength="250"
               field-type="mail"
               valueName="email"
-              label="E-mail"    
+              label="E-mail"
               autoCompleteName="email"
               required
               @enter-pressed="${this._accessLogin}"
@@ -64,21 +62,24 @@ let PdLogin = class extends LitElement {
             <pd-input
               id="pWord"
               class="quarter3"
-              secret        
+              secret
               maxlength="30"
-              label="Password"   
-              required         
+              label="Password"
+              required
               @enter-pressed="${this._accessLogin}"
             ></pd-input>
           </pd-form-row>
-          
+
           <pd-form-row>
-            <pd-button class="quarter3" primary text="Login" @click="${this._accessLogin}"></pd-button>          
+            <pd-button
+              class="quarter3"
+              primary
+              text="Login"
+              @click="${this._accessLogin}"
+            ></pd-button>
           </pd-form-row>
-
-        </pd-form-container>        
-    </div>
-
+        </pd-form-container>
+      </div>
     `;
   }
   _accessLogin() {
@@ -86,42 +87,54 @@ let PdLogin = class extends LitElement {
     const detail = {
       errorMap: /* @__PURE__ */ new Map()
     };
-    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("loginFormId")) == null ? void 0 : _b.dispatchEvent(
-      new CustomEvent("validate-form", { detail })
-    );
+    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("loginFormId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
     if (detail.errorMap.size === 0) {
-      const elMail = (_c = this.shadowRoot) == null ? void 0 : _c.getElementById("eMail");
-      const elSec = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById("pWord");
+      const elMail = (_c = this.shadowRoot) == null ? void 0 : _c.getElementById(
+        "eMail"
+      );
+      const elSec = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById(
+        "pWord"
+      );
       loginImpl(elMail == null ? void 0 : elMail.value, elSec == null ? void 0 : elSec.value).then((user) => {
-        this.dispatchEvent(new CustomEvent("login-success", {
-          detail: user,
-          bubbles: true,
-          composed: true
-        }));
+        this.dispatchEvent(
+          new CustomEvent("login-success", {
+            detail: user,
+            bubbles: true,
+            composed: true
+          })
+        );
       }).catch((error) => {
         switch (error.code) {
           case "auth/invalid-email":
-            this._dispatchToastEvent("E-Mail Format für Benutzer ist ungültig.");
+            this._dispatchToastEvent(
+              "E-Mail Format für Benutzer ist ungültig."
+            );
             break;
           case "auth/wrong-password":
           case "auth/user-not-found":
-            this._dispatchToastEvent("Anmeldung fehlgeschlagen, ungültige Benutzerdaten.");
+            this._dispatchToastEvent(
+              "Anmeldung fehlgeschlagen, ungültige Benutzerdaten."
+            );
             break;
           default:
-            this._dispatchToastEvent("Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden.");
+            this._dispatchToastEvent(
+              "Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden."
+            );
         }
       });
     }
   }
   _dispatchToastEvent(txt) {
-    this.dispatchEvent(new CustomEvent("toast-event", {
-      detail: {
-        txt,
-        isError: true
-      },
-      bubbles: true,
-      composed: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("toast-event", {
+        detail: {
+          txt,
+          isError: true
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
 };
 PdLogin = __decorateClass([

package/dist/src/tmpown/pd-toast.js

@@ -20,7 +20,11 @@ let PdToast = class extends LitElement {
   render() {
     return html`
       <slot></slot>
-      <pd-icon @click="${this._close}" icon="closeLink" class="close-link"></pd-icon>
+      <pd-icon
+        @click="${this._close}"
+        icon="closeLink"
+        class="close-link"
+      ></pd-icon>
     `;
   }
   connectedCallback() {
@@ -63,26 +67,26 @@ let PdToast = class extends LitElement {
 };
 PdToast.styles = css`
     :host {
-        --pd-icon-size: 1rem;        
+      --pd-icon-size: 1rem;
 
-        transform: translateX(-150%);
-        transition: transform 1s;
+      transform: translateX(-150%);
+      transition: transform 1s;
 
-        /* Other styles */
-        position: fixed;
-        bottom: 30px;
-        left: 30px;
-        width: calc(100% - 60px);
-        max-width: 400px;
+      /* Other styles */
+      position: fixed;
+      bottom: 30px;
+      left: 30px;
+      width: calc(100% - 60px);
+      max-width: 400px;
 
-        z-index: 105;
+      z-index: 105;
 
-        background: var(--app-primary-color, #ebcf57);
-        color: #0A3A48;
-        padding: 0.6rem;
-        border-radius: var(--item-border-radius, 2px);
-        box-shadow: 3px 5px 5px 3px lightgrey;
-        display: flex;
+      background: var(--app-primary-color, #ebcf57);
+      color: #0a3a48;
+      padding: 0.6rem;
+      border-radius: var(--item-border-radius, 2px);
+      box-shadow: 3px 5px 5px 3px lightgrey;
+      display: flex;
     }
 
     :host([isError]) {
@@ -96,7 +100,7 @@ PdToast.styles = css`
     }
 
     :host(.show) {
-        transform: translateX(0%);
+      transform: translateX(0%);
     }
 
     .close-link {
@@ -106,8 +110,7 @@ PdToast.styles = css`
       top: 0;
       cursor: pointer;
     }
-    
-    `;
+  `;
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], PdToast.prototype, "isError", 2);

package/dist/store/indexDB.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indexDB.d.ts","sourceRoot":"","sources":["../../src/store/indexDB.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAmBhD,eAAO,MAAM,GAAG,aAAc,MAAM,2BAA2B,OAAO,qBAclE,CAAC;AAEL,eAAO,MAAM,MAAM,aAAc,MAAM,4BAWnC,CAAC;AAEL,eAAO,MAAM,SAAS,aAAc,MAAM,mCAUtC,CAAC;AAGL,eAAO,MAAM,MAAM,aAAc,MAAM,kCAAkC,OAAO,qBAU5E,CAAC;AAeL,eAAO,MAAM,WAAW,UAAW,MAAM,aAAa,MAAM,EAAE,qBAU1D,CAAC;AAGL,eAAO,MAAM,GAAG,aAAc,MAAM,MAAM,MAAM,eAK5C,CAAC;AAEL,eAAO,MAAM,MAAM,aAAc,MAAM,UAAU,MAAM,iBAwBnD,CAAC;AAEL,eAAO,MAAM,SAAS,UAAW,MAAM,qBAkBnC,CAAC;AAGL,eAAO,MAAM,SAAS,UAAW,MAAM,qBASnC,CAAC;AAGL,eAAO,MAAM,cAAc,WAAW,MAAM,qBAM1C,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,MAAM,WACT;IACN,MAAM,EAAC,MAAM,CAAC;IACd,SAAS,EAAC,MAAM,CAAC;IACjB,WAAW,EAAE;QACX,MAAM,MAAM,CAAC;QACb,cAAc,EAAE;YACd,OAAO,CAAC,EAAE,MAAM,CAAA;SACjB,CAAA;KACF,EAAE,CAAA;CACJ,SAgDF,CAAC"}
+{"version":3,"file":"indexDB.d.ts","sourceRoot":"","sources":["../../src/store/indexDB.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAmBhD,eAAO,MAAM,GAAG,GAAI,CAAC,EAAE,OAAO,MAAM,EAAE,IAAI,CAAC,EAAE,kBAAkB,OAAO,qBAclE,CAAC;AAEL,eAAO,MAAM,MAAM,GAAI,CAAC,EAAE,OAAO,MAAM,EAAE,IAAI,CAAC,qBAW1C,CAAC;AAEL,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,OAAO,MAAM,EAAE,SAAS,CAAC,EAAE,qBAUpD,CAAC;AAEL,eAAO,MAAM,MAAM,GAAI,CAAC,EACtB,OAAO,MAAM,EACb,SAAS,CAAC,EAAE,EACZ,kBAAkB,OAAO,qBAWvB,CAAC;AAaL,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,WAAW,MAAM,EAAE,qBAU1D,CAAC;AAEL,eAAO,MAAM,GAAG,GAAI,CAAC,EAAE,OAAO,MAAM,EAAE,IAAI,MAAM,KAAG,OAAO,CAAC,CAAC,CAKxD,CAAC;AAEL,eAAO,MAAM,MAAM,GAAI,CAAC,EAAE,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,OAAO,CAAC,CAAC,EAAE,CAwBjE,CAAC;AAEL,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,qBAqBnC,CAAC;AAEL,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,qBASnC,CAAC;AAEL,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,qBAMzC,CAAC;AAEL;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,QAAQ;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,EAAE;YACd,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,EAAE,CAAC;CACL,SAgDA,CAAC"}

package/dist/store/mini-rx.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-rx.store.d.ts","sourceRoot":"","sources":["../../src/store/mini-rx.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,EAAoE,MAAM,eAAe,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAoB5E,eAAO,MAAM,eAAe,UAAW,WAAW,SAwBjD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,KAAc,CAAC"}
+{"version":3,"file":"mini-rx.store.d.ts","sourceRoot":"","sources":["../../src/store/mini-rx.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EAIN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAwB5E,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SA0BjD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,KAAc,CAAC"}

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

@@ -26,13 +26,13 @@ export declare const toastAction: ((payload: {
     txt: string | TemplateResult;
     isError: boolean;
     isSuccess: boolean;
-    duration?: number | undefined;
+    duration?: number;
 }) => {
     payload: {
         txt: string | TemplateResult;
         isError: boolean;
         isSuccess: boolean;
-        duration?: number | undefined;
+        duration?: number;
     };
 } & {
     type: "SPA_APP_TOAST";

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

@@ -1 +1 @@
-{"version":3,"file":"spa-app-actions.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,eAAO,MAAM,iBAAiB;;;;CAAsC,CAAC;AACrE,eAAO,MAAM,WAAW;;;;CAA8B,CAAC;AACvD,eAAO,MAAM,OAAO;;;;CAAyB,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAA6C,CAAC;AAEtE,eAAO,MAAM,WAAW;SACjB,MAAM,GAAG,cAAc;aACnB,OAAO;eACL,OAAO;;;;aAFb,MAAM,GAAG,cAAc;iBACnB,OAAO;mBACL,OAAO;;;;;;;CAEf,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;;;;CAAgE,CAAC;AAEnG,eAAO,MAAM,eAAe;;;;;;CAAyD,CAAC;AACtF,eAAO,MAAM,aAAa;qBACP,MAAM;kBACT,cAAc;;;yBADX,MAAM;sBACT,cAAc;;;;;;CACzB,CAAC;AACN,eAAO,MAAM,kBAAkB;;;;;;CAAsD,CAAC;AAGtF,eAAO,MAAM,0BAA0B;oBACrB,MAAM;;;wBAAN,MAAM;;;;;;CACnB,CAAC;AACN,eAAO,MAAM,iCAAiC;oBAC5B,MAAM;;;wBAAN,MAAM;;;;;;CACnB,CAAC;AACN,eAAO,MAAM,8BAA8B;;;;;;CAA6D,CAAC"}
+{"version":3,"file":"spa-app-actions.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,eAAO,MAAM,iBAAiB;;;;CAAsC,CAAC;AACrE,eAAO,MAAM,WAAW;;;;CAA8B,CAAC;AACvD,eAAO,MAAM,OAAO;;;;CAAyB,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAA6C,CAAC;AAEtE,eAAO,MAAM,WAAW;SAGf,MAAM,GAAG,cAAc;aACnB,OAAO;eACL,OAAO;eACP,MAAM;;;aAHZ,MAAM,GAAG,cAAc;iBACnB,OAAO;mBACL,OAAO;mBACP,MAAM;;;;;;CAEpB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAGjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAG3B,CAAC;AACF,eAAO,MAAM,aAAa;qBAGL,MAAM;kBACT,cAAc;;;yBADX,MAAM;sBACT,cAAc;;;;;;CAE/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;;CAG9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;oBAGnB,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,iCAAiC;oBAG1B,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,8BAA8B;;;;;;CAG1C,CAAC"}

package/dist/store/spa-app-effects.d.ts

@@ -6,10 +6,10 @@ export declare const appRouteEffect: import('rxjs').Observable<{
 }> & import('mini-rx-store/lib/models.js').HasEffectMetadata;
 export declare const appToastEffect: import('rxjs').Observable<{
     payload: {
-        txt: string | import('lit-html').TemplateResult<1 | 2>;
+        txt: string | import('lit-html').TemplateResult;
         isError: boolean;
         isSuccess: boolean;
-        duration?: number | undefined;
+        duration?: number;
     };
 } & {
     type: "SPA_APP_TOAST";

package/dist/store/spa-app-effects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-effects.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe,UAAW,WAAW,SAEjD,CAAA;AAKD,eAAO,MAAM,cAAc;;;;4DAiB1B,CAAC;AAGF,eAAO,MAAM,cAAc;;;;;;;;;4DAsB1B,CAAC;AAEF,eAAO,MAAM,sCAAsC;;;;;;4DASlD,CAAC"}
+{"version":3,"file":"spa-app-effects.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SAEjD,CAAC;AAIF,eAAO,MAAM,cAAc;;;;4DAoB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;4DAyB1B,CAAC;AAEF,eAAO,MAAM,sCAAsC;;;;;;4DAUlD,CAAC"}

package/dist/store/spa-app-reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-reducer.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD,eAAO,MAAM,aAAa,0CAoEzB,CAAC"}
+{"version":3,"file":"spa-app-reducer.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD,eAAO,MAAM,aAAa,0CAkDzB,CAAC"}

package/dist/store/spa-app-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-selector.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-selector.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,0GAqB9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;EAMjC,CAAC"}
+{"version":3,"file":"spa-app-selector.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-selector.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,0GAuB9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;EAMjC,CAAC"}

package/dist/stories/address-edit.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: ({ withPayment, withPropertyOwner, withPropertyDate, contacts }: import('@storybook/core/csf').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ withPayment, withPropertyOwner, withPropertyDate, contacts, }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

package/dist/stories/address-edit.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"address-edit.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-edit.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA0DtB,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAWzC,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,KAYxD,CAAC"}
+{"version":3,"file":"address-edit.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-edit.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA0DtB,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAWzC,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,KAYxD,CAAC"}

package/dist/stories/address-new.stories.d.ts

@@ -8,7 +8,7 @@ export declare class TestAdressClass extends DefaultStepAddress<any> {
 }
 declare const meta: {
     title: string;
-    render: ({ withPayment, withPropertyOwner, withPropertyDate }: import('@storybook/core/csf').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ withPayment, withPropertyOwner, withPropertyDate }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

package/dist/stories/address-new.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"address-new.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-new.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,qBAAa,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAE1D,aAAa,EAAE,MAAM,CAAgB;IACrC,YAAY,CAAC,EAAE,MAAM,CAA4B;IACjD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAM;IAEhC,MAAM;CAMP;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAkBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,IAAI,EAAE,KAGlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAK1C,CAAC"}
+{"version":3,"file":"address-new.stories.d.ts","sourceRoot":"","sources":["../../src/stories/address-new.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,qBAAa,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAgB;IACrC,YAAY,CAAC,EAAE,MAAM,CAA4B;IACjD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAM;IAEhC,MAAM;CAMP;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAkBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAK1C,CAAC"}

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/core/csf').Args) => import('lit-html').TemplateResult<1>;
+    render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

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

@@ -1 +1 @@
-{"version":3,"file":"pd-loading-state.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-loading-state.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,+BAA+B,CAAC;AAIvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CA4CM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAyBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC"}
+{"version":3,"file":"pd-loading-state.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-loading-state.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,+BAA+B,CAAC;AAGvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAyBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC"}

package/dist/stories/pd-toast.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/core/csf').Args) => import('lit-html').TemplateResult<1>;
+    render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

package/dist/stories/pd-toast.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-toast.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAI/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAItB,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC"}
+{"version":3,"file":"pd-toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-toast.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAG/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}

package/dist/stories/routing.stories.d.ts

@@ -0,0 +1,24 @@
+import { NavigationPage } from '../service-provider/service-provider-model';
+export declare const demoPages: NavigationPage[];
+export declare const STORIE_MOCK_CONF: {
+    serviceProvider: string;
+    mock: {
+        mockResponse: Map<any, any>;
+        mockWaitTime: number;
+    };
+    navigationConfigParam: {
+        pages: NavigationPage[];
+        includeLogin: boolean;
+    };
+    storeConfigParam: {
+        appName: string;
+        reducer: never[];
+        effects: never[];
+    };
+};
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BasicRouting: () => import('lit-html').TemplateResult<1>;
+//# sourceMappingURL=routing.stories.d.ts.map

package/dist/stories/routing.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routing.stories.d.ts","sourceRoot":"","sources":["../../src/stories/routing.stories.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,OAAO,+BAA+B,CAAC;AAGvC,eAAO,MAAM,SAAS,EAAE,cAAc,EA4CrC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAe5B,CAAC;;;;AASF,wBAEE;AAEF,eAAO,MAAM,YAAY,4CAcxB,CAAC"}

package/dist/stories/test-impls/test-mock-app.d.ts

@@ -0,0 +1,15 @@
+import { TemplateResult } from 'lit';
+import { PdSpaHelper } from '../../PdSpaHelper';
+import { Footer } from '../../service-provider/service-provider-model';
+export declare class TestSpaMock extends PdSpaHelper {
+    _selectedLocale: string;
+    _availableLocales: string[];
+    protected _getTeaserContent(): Array<TemplateResult>;
+    protected _getFooter(): Footer;
+    protected _getAppLogo(): TemplateResult;
+    protected _setLocale(locale: string): void;
+    protected _getAppConfiguration(): {};
+    protected _getHeaderSize(hideTeaser: boolean): number;
+    protected _renderRoutePages(): TemplateResult<1>;
+}
+//# sourceMappingURL=test-mock-app.d.ts.map

package/dist/stories/test-impls/test-mock-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-mock-app.d.ts","sourceRoot":"","sources":["../../../src/stories/test-impls/test-mock-app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,6BAA6B,CAAC;AACrC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEvE,qBACa,WAAY,SAAQ,WAAW;IAC1C,eAAe,EAAE,MAAM,CAAQ;IAE/B,iBAAiB,EAAE,MAAM,EAAE,CAAU;IAErC,SAAS,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAGpD,SAAS,CAAC,UAAU,IAAI,MAAM;IAO9B,SAAS,CAAC,WAAW,IAAI,cAAc;IAIvC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAE1C,SAAS,CAAC,oBAAoB;IAI9B,SAAS,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;cAIlC,iBAAiB;CAcrC"}

package/dist/stories/test-impls/test-pages/test-home-page.d.ts

@@ -0,0 +1,7 @@
+import { CSSResultGroup, LitElement } from 'lit';
+export declare class TestHomePage extends LitElement {
+    params: Record<string, string>;
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=test-home-page.d.ts.map