@progressive-development/pd-spa-helper 0.0.1 → 0.0.3

package/dist/src/firebase/auth.d.ts

@@ -0,0 +1,4 @@
+import { User } from 'firebase/auth';
+export declare const logout: () => Promise<boolean>;
+export declare const isAuthenticated: () => boolean;
+export declare const login: (user: string, sec: string) => Promise<User>;

package/dist/src/firebase/auth.js

@@ -0,0 +1,28 @@
+import { getAuth, signInWithEmailAndPassword, signOut } from 'firebase/auth';
+export const logout = async () => {
+    const auth = getAuth();
+    try {
+        await signOut(auth);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+export const isAuthenticated = () => getAuth().currentUser !== null;
+export const login = async (user, sec) => {
+    if (!user) {
+        const returnError = new Error("empty user");
+        return Promise.reject(returnError);
+    }
+    if (!sec) {
+        // error.eType = 'sec';
+        // error.logMsg = 'password required';
+        const returnError = new Error("empty password");
+        return Promise.reject(returnError);
+    }
+    const auth = getAuth();
+    const credentials = await signInWithEmailAndPassword(auth, user, sec);
+    return credentials.user;
+};
+//# sourceMappingURL=auth.js.map

package/dist/src/firebase/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../src/firebase/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,0BAA0B,EAAE,OAAO,EAAQ,MAAM,eAAe,CAAC;AAEnF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,IAAsB,EAAE;IACjD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,IAAI;QACF,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QACpB,OAAO,IAAI,CAAC;KACb;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAY,EAAE,CAC3C,OAAO,EAAE,CAAC,WAAW,KAAK,IAAI,CAAC;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,EAAE,IAAW,EAAE,GAAU,EAAiB,EAAE;IACpE,IAAI,CAAC,IAAI,EAAE;QACT,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;QAC5C,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KACpC;IACD,IAAI,CAAC,GAAG,EAAE;QACR,uBAAuB;QACvB,sCAAsC;QACtC,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAChD,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KACpC;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,WAAW,GAAG,MAAM,0BAA0B,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACtE,OAAO,WAAW,CAAC,IAAI,CAAC;AAC1B,CAAC,CAAA","sourcesContent":["import { getAuth, signInWithEmailAndPassword, signOut, User } from 'firebase/auth';\n\nexport const logout = async (): Promise<boolean> => {\n  const auth = getAuth();\n  try {\n    await signOut(auth);\n    return true;\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const isAuthenticated = (): boolean =>  \n  getAuth().currentUser !== null;\n    \nexport const login = async (user:string, sec:string): Promise<User> => {\n  if (!user) {   \n    const returnError = new Error(\"empty user\");         \n    return Promise.reject(returnError);\n  }\n  if (!sec) {\n    // error.eType = 'sec';\n    // error.logMsg = 'password required';\n    const returnError = new Error(\"empty password\");         \n    return Promise.reject(returnError);\n  }\n  const auth = getAuth();      \n  const credentials = await signInWithEmailAndPassword(auth, user, sec);\n  return credentials.user;   \n}\n"]}

package/dist/src/firebase/firestore-client.d.ts

@@ -0,0 +1,9 @@
+import { FirebaseApp } from 'firebase/app';
+import { Firestore } from 'firebase/firestore';
+/**
+ * During start/load application, initialize functions.
+ *
+ * @param {*} app - initialized app.
+ */
+export declare const initFirestore: (app: FirebaseApp) => void;
+export declare const getDB: () => Firestore;

package/dist/src/firebase/firestore-client.js

@@ -0,0 +1,19 @@
+import { getFirestore } from 'firebase/firestore';
+// import { getAuth } from 'firebase/auth';
+let db;
+/**
+ * During start/load application, initialize functions.
+ *
+ * @param {*} app - initialized app.
+ */
+export const initFirestore = (app) => {
+    try {
+        // init db access
+        db = getFirestore(app);
+    }
+    catch (error) {
+        console.error(error);
+    }
+};
+export const getDB = () => db;
+//# sourceMappingURL=firestore-client.js.map

package/dist/src/firebase/firestore-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firestore-client.js","sourceRoot":"","sources":["../../../src/firebase/firestore-client.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,2CAA2C;AAE3C,IAAI,EAAY,CAAC;AAEjB;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAgB,EAAE,EAAE;IAChD,IAAI;QACF,iBAAiB;QACjB,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;KACxB;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACtB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAa,EAAE,CAAC,EAAE,CAAC","sourcesContent":["import { FirebaseApp } from 'firebase/app';\nimport {Firestore, getFirestore} from 'firebase/firestore';\n// import { getAuth } from 'firebase/auth';\n\nlet db:Firestore;\n\n/**\n * During start/load application, initialize functions.\n *\n * @param {*} app - initialized app.\n */\nexport const initFirestore = (app: FirebaseApp) => {\n  try {\n    // init db access\n    db = getFirestore(app);\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nexport const getDB = ():Firestore => db;\n"]}

package/dist/src/firebase/functions-client.d.ts

@@ -0,0 +1,31 @@
+import { FirebaseApp } from "firebase/app";
+import { TemplateResult } from "lit";
+import { ServiceCallController } from "../service-call-controller2.js";
+export interface FunctionDefinition {
+    name: string;
+    successCodes: Array<Number>;
+    fadeWindow: boolean;
+    successTxt: TemplateResult;
+    pendingTxt: TemplateResult;
+}
+export interface FunctionParam {
+    func: FunctionDefinition;
+    inputData: any;
+}
+export interface FunctionResult {
+    resultData: unknown;
+    statusCode: number;
+}
+export interface FunctionsConfig {
+    region: string;
+    functions: Array<FunctionDefinition>;
+    postLoginFunc?: FunctionDefinition;
+}
+/**
+ * During start/load application, initialize functions.
+ *
+ * @param {*} app - initialized app.
+ */
+export declare const initFunctions: (app: FirebaseApp, functionsConfig: FunctionsConfig) => void;
+export declare const initController: (controllerParam: ServiceCallController) => void;
+export declare const callFunction: (def: FunctionDefinition, functionInput: any) => Promise<FunctionResult>;

package/dist/src/firebase/functions-client.js

@@ -0,0 +1,70 @@
+import { getFunctions, httpsCallable } from "firebase/functions";
+const functionMap = new Map;
+let controller;
+/**
+ * During start/load application, initialize functions.
+ *
+ * @param {*} app - initialized app.
+ */
+export const initFunctions = (app, functionsConfig) => {
+    try {
+        // Initialize cloud functions through Firebase
+        const functions = getFunctions(app, functionsConfig.region);
+        // Initialize functions map
+        functionsConfig.functions.forEach(func => {
+            functionMap.set(func, httpsCallable(functions, func.name));
+        });
+    }
+    catch (error) {
+        console.error("ToDo: Error programmieren...", error);
+    }
+};
+export const initController = (controllerParam) => {
+    controller = controllerParam;
+};
+const internalCallFunction = async (def, functionInput) => {
+    const funcRef = functionMap.get(def);
+    if (funcRef) {
+        const funcResult = await funcRef(functionInput);
+        if (funcResult
+            && funcResult.data && def.successCodes.includes(funcResult.data.statusCode)) {
+            return funcResult.data;
+        }
+        /*
+        const ne = new Error("Invalid result");
+        if (result.data) {
+          // Read result of the Cloud Function.
+          switch (result.data.statusCode) {
+            case 200:
+              return resolve(result.data.projects);
+            default:
+              ne.data = result.data;
+              return reject(ne);
+          }
+        } else {
+              return reject(ne);
+            }
+          })
+          .catch((error) => {
+          // Getting the Error details.
+          const {code} = error;
+          const {message} = error;
+          const {details} = error;
+    
+          console.warn("Error occured: ", code, message, details);
+          console.warn("Error: ", error);
+          return reject(error);
+        })
+        */
+    }
+    console.log("No function available for ", def.name);
+    throw new Error("Illegal state, no data with right state available");
+};
+export const callFunction = async (def, functionInput) => {
+    const promise = internalCallFunction(def, functionInput);
+    if (controller) {
+        controller.callDataPromise = { func: def, promise };
+    }
+    return promise;
+};
+//# sourceMappingURL=functions-client.js.map

package/dist/src/firebase/functions-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions-client.js","sourceRoot":"","sources":["../../../src/firebase/functions-client.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA6BhF,MAAM,WAAW,GAAG,IAAI,GAAsC,CAAC;AAC/D,IAAI,UAAiC,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAgB,EAAE,eAAgC,EAAE,EAAE;IAClF,IAAI;QACA,8CAA8C;QAC9C,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAE5D,2BAA2B;QAC3B,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;KAEN;IAAC,OAAO,KAAK,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;KACxD;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,eAAsC,EAAE,EAAE;IACvE,UAAU,GAAG,eAAe,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,oBAAoB,GAAG,KAAK,EAAE,GAAuB,EAAE,aAAkB,EAA2B,EAAE;IAC1G,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,IAAI,OAAO,EAAE;QACX,MAAM,UAAU,GAAO,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;QACpD,IAAI,UAAU;eACP,UAAU,CAAC,IAAI,IAAI,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC/E,OAAO,UAAU,CAAC,IAAsB,CAAC;SAC1C;QACD;;;;;;;;;;;;;;;;;;;;;;;;;UAyBE;KACH;IACD,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;AACvE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,GAAuB,EAAE,aAAkB,EAA2B,EAAE;IACzG,MAAM,OAAO,GAAG,oBAAoB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;IACzD,IAAI,UAAU,EAAE;QACd,UAAU,CAAC,eAAe,GAAG,EAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAA","sourcesContent":["import { FirebaseApp } from \"firebase/app\";\nimport { getFunctions, HttpsCallable, httpsCallable } from \"firebase/functions\";\nimport { TemplateResult } from \"lit\";\nimport { ServiceCallController } from \"../service-call-controller2.js\";\n\nexport interface FunctionDefinition {\n  name: string,\n  successCodes: Array<Number>,    \n  // Fade window during function call (true) or show only background infos (false).\n  fadeWindow: boolean,\n  successTxt: TemplateResult,\n  pendingTxt: TemplateResult\n}\n\nexport interface FunctionParam {\n  func: FunctionDefinition,\n  inputData: any,\n}\n\nexport interface FunctionResult {\n  resultData: unknown,\n  statusCode: number,\n}\n\nexport interface FunctionsConfig {\n  region: string, // 'europe-west3'\n  functions: Array<FunctionDefinition>,\n  postLoginFunc?: FunctionDefinition,\n}\n\nconst functionMap = new Map<FunctionDefinition, HttpsCallable>;\nlet controller: ServiceCallController;\n\n/**\n * During start/load application, initialize functions.  \n * \n * @param {*} app - initialized app. \n */\nexport const initFunctions = (app: FirebaseApp, functionsConfig: FunctionsConfig) => {\n  try {\n      // Initialize cloud functions through Firebase\n      const functions = getFunctions(app, functionsConfig.region);\n\n      // Initialize functions map\n      functionsConfig.functions.forEach(func => {\n        functionMap.set(func, httpsCallable(functions, func.name));\n      });\n\n  } catch (error) {\n      console.error(\"ToDo: Error programmieren...\", error);\n  }\n}\n\nexport const initController = (controllerParam: ServiceCallController) => {\n  controller = controllerParam\n}\n\nconst internalCallFunction = async (def: FunctionDefinition, functionInput: any): Promise<FunctionResult> => {\n  const funcRef = functionMap.get(def);    \n  if (funcRef) {    \n    const funcResult:any = await funcRef(functionInput);\n    if (funcResult \n        && funcResult.data && def.successCodes.includes(funcResult.data.statusCode)) {\n      return funcResult.data as FunctionResult;\n    }\n    /*\n    const ne = new Error(\"Invalid result\");\n    if (result.data) {\n      // Read result of the Cloud Function.                            \n      switch (result.data.statusCode) {\n        case 200:\n          return resolve(result.data.projects);\n        default:\n          ne.data = result.data;\n          return reject(ne);\n      }\n    } else {\n          return reject(ne);\n        }\n      })\n      .catch((error) => {\n      // Getting the Error details.\n      const {code} = error;\n      const {message} = error;\n      const {details} = error;\n\n      console.warn(\"Error occured: \", code, message, details);\n      console.warn(\"Error: \", error);\n      return reject(error);\n    })\n    */\n  } \n  console.log(\"No function available for \", def.name);\n  throw new Error(\"Illegal state, no data with right state available\");\n}\n\nexport const callFunction = async (def: FunctionDefinition, functionInput: any): Promise<FunctionResult> => {\n  const promise = internalCallFunction(def, functionInput);\n  if (controller) {\n    controller.callDataPromise = {func: def, promise};\n  }\n  return promise;\n}"]}

package/dist/src/index.d.ts

@@ -1 +1 @@
-export { PdSpaHelper } from './PdSpaHelper.js';
+export { PdSpaHelper, startInit, NavigationConfig, NavigationPage, MenuElement } from './PdSpaHelper.js';

package/dist/src/index.js

@@ -1,2 +1,2 @@
-export { PdSpaHelper } from './PdSpaHelper.js';
+export { PdSpaHelper, startInit } from './PdSpaHelper.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { PdSpaHelper } from './PdSpaHelper.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAiD,MAAM,kBAAkB,CAAC","sourcesContent":["export { PdSpaHelper, startInit, NavigationConfig, NavigationPage, MenuElement } from './PdSpaHelper.js';\n"]}

package/dist/src/pd-spa-helper.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/pd-spa-helper.js

@@ -1,3 +1,5 @@
-import { PdSpaHelper } from './PdSpaHelper.js';
-window.customElements.define('pd-spa-helper', PdSpaHelper);
+"use strict";
+//import { PdSpaHelper } from './PdSpaHelper.js';
+//export default PdSpaHelper;
+//window.customElements.define('pd-spa-helper', PdSpaHelper);
 //# sourceMappingURL=pd-spa-helper.js.map

package/dist/src/pd-spa-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"pd-spa-helper.js","sourceRoot":"","sources":["../../src/pd-spa-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC","sourcesContent":["import { PdSpaHelper } from './PdSpaHelper.js';\n\nwindow.customElements.define('pd-spa-helper', PdSpaHelper);\n"]}
+{"version":3,"file":"pd-spa-helper.js","sourceRoot":"","sources":["../../src/pd-spa-helper.ts"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,6BAA6B;AAC7B,6DAA6D","sourcesContent":["//import { PdSpaHelper } from './PdSpaHelper.js';\n//export default PdSpaHelper;\n//window.customElements.define('pd-spa-helper', PdSpaHelper);\n"]}

package/dist/src/router/AppMain.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+declare const AppMain_base: import("lit-element-router").Constructor<import("lit-element-router").Outlet> & typeof LitElement;
+export declare class AppMain extends AppMain_base {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/router/AppMain.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { outlet } from 'lit-element-router';
+let AppMain = class AppMain extends outlet(LitElement) {
+    render() {
+        return html ` <slot></slot> `;
+    }
+};
+AppMain = __decorate([
+    customElement('app-main')
+], AppMain);
+export { AppMain };
+//# sourceMappingURL=AppMain.js.map

package/dist/src/router/AppMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMain.js","sourceRoot":"","sources":["../../../src/router/AppMain.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAG1C,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,MAAM,CAAC,UAAU,CAAC;IAC7C,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AAJY,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAInB;SAJY,OAAO","sourcesContent":["import {LitElement, html} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport {outlet} from 'lit-element-router';\n\n@customElement('app-main')\nexport class AppMain extends outlet(LitElement) {\n  render() {\n    return html` <slot></slot> `;\n  }\n}"]}

package/dist/src/service-call-controller2.d.ts

@@ -0,0 +1,16 @@
+import { ReactiveControllerHost } from 'lit';
+import { FunctionDefinition, FunctionResult } from './firebase/functions-client.js';
+export interface ServiceControllerInput {
+    promise: Promise<FunctionResult>;
+    func: FunctionDefinition;
+}
+export declare class ServiceCallController {
+    host: ReactiveControllerHost;
+    private task;
+    private _callDataPromise;
+    constructor(host: ReactiveControllerHost);
+    set callDataPromise(value: ServiceControllerInput);
+    get callDataPromise(): ServiceControllerInput;
+    clear(): void;
+    render(renderFunctions: any): unknown;
+}

package/dist/src/service-call-controller2.js

@@ -0,0 +1,43 @@
+import { initialState, Task } from '@lit-labs/task';
+import { initController } from './firebase/functions-client.js';
+export class ServiceCallController {
+    constructor(host) {
+        this.host = host;
+        this.task = new Task(host, async ([callDataPromise]) => {
+            if (!callDataPromise) {
+                return initialState;
+            }
+            try {
+                const result = await callDataPromise.promise;
+                return result;
+            }
+            catch (e) {
+                console.error("Error: ", e);
+                throw new Error(`Failed call function "${callDataPromise.func.name}"`);
+            }
+        }, () => [this.callDataPromise]);
+        initController(this);
+    }
+    /*
+    set callData(value: FunctionParam) {
+      this._callData = value;
+      this.host.requestUpdate();
+    }
+  
+    get callData(): FunctionParam { return this._callData; }
+    */
+    set callDataPromise(value) {
+        this._callDataPromise = value;
+        this.host.requestUpdate();
+    }
+    get callDataPromise() { return this._callDataPromise; }
+    clear() {
+        this.task.status = 0;
+        this.host.requestUpdate();
+    }
+    // TODO: Type definition FunctionResult do not work, but work in Homepage Project...
+    render(renderFunctions) {
+        return this.task.render(renderFunctions);
+    }
+}
+//# sourceMappingURL=service-call-controller2.js.map

package/dist/src/service-call-controller2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-call-controller2.js","sourceRoot":"","sources":["../../src/service-call-controller2.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAkB,IAAI,EAAC,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAsC,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAOpG,MAAM,OAAO,qBAAqB;IAQhC,YAAY,IAA4B;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAA2C,IAAI,EAEjE,KAAK,EAAE,CAAC,eAAe,CAA2B,EAAE,EAAE;YACpD,IAAI,CAAC,eAAe,EAAE;gBACpB,OAAO,YAAY,CAAC;aACrB;YACD,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC,OAAO,CAAC;gBAC7C,OAAO,MAAwB,CAAC;aACjC;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;gBAC5B,MAAM,IAAI,KAAK,CAAC,yBAAyB,eAAe,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;aACxE;QAEH,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAEhC,CAAC;QACF,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED;;;;;;;MAOE;IAEF,IAAI,eAAe,CAAC,KAA6B;QAC/C,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED,IAAI,eAAe,KAA6B,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE/E,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED,oFAAoF;IACpF,MAAM,CAAC,eAAoB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC;CAEF","sourcesContent":["import {ReactiveControllerHost} from 'lit';\nimport {initialState, StatusRenderer, Task} from '@lit-labs/task';\n\nimport { FunctionDefinition, FunctionResult, initController } from './firebase/functions-client.js';\n\nexport interface ServiceControllerInput {\n  promise: Promise<FunctionResult>,\n  func: FunctionDefinition,\n}\n\nexport class ServiceCallController {\n\n  host: ReactiveControllerHost;\n\n  private task!: Task;\n\n  private _callDataPromise!: ServiceControllerInput;\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    this.task = new Task<[ServiceControllerInput], FunctionResult>(host,\n\n      async ([callDataPromise]: [ServiceControllerInput]) => {\n        if (!callDataPromise) {\n          return initialState;\n        }\n        try {\n          const result = await callDataPromise.promise;\n          return result as FunctionResult;\n        } catch (e) {\n          console.error(\"Error: \", e);\n          throw new Error(`Failed call function \"${callDataPromise.func.name}\"`);\n        }\n\n      }, () => [this.callDataPromise]\n\n    );\n    initController(this);\n  }\n\n  /*\n  set callData(value: FunctionParam) {\n    this._callData = value;\n    this.host.requestUpdate();\n  }\n\n  get callData(): FunctionParam { return this._callData; }\n  */\n\n  set callDataPromise(value: ServiceControllerInput) {\n    this._callDataPromise = value;\n    this.host.requestUpdate();\n  }\n\n  get callDataPromise(): ServiceControllerInput { return this._callDataPromise; }\n\n  clear() {\n    this.task.status = 0;\n    this.host.requestUpdate();\n  }\n\n  // TODO: Type definition FunctionResult do not work, but work in Homepage Project...\n  render(renderFunctions: any) {\n    return this.task.render(renderFunctions);\n  }\n\n}\n"]}

package/dist/src/tmpown/pd-login.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import '@progressive-development/pd-forms/pd-form-container.js';
+import '@progressive-development/pd-forms/pd-form-row.js';
+import '@progressive-development/pd-forms/pd-input.js';
+import '@progressive-development/pd-forms/pd-button.js';
+export declare class PdLogin extends LitElement {
+    /**
+     * @event login-success fired when login was successfully
+     */
+    static get styles(): import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    _accessLogin(): void;
+    _dispatchToastEvent(txt: string): void;
+}

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

@@ -0,0 +1,118 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import '@progressive-development/pd-forms/pd-form-container.js';
+import '@progressive-development/pd-forms/pd-form-row.js';
+import '@progressive-development/pd-forms/pd-input.js';
+import '@progressive-development/pd-forms/pd-button.js';
+import { login } from '../firebase/auth.js';
+let PdLogin = class PdLogin extends LitElement {
+    /**
+     * @event login-success fired when login was successfully
+     */
+    static get styles() {
+        return [
+            css `
+        :host {
+            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;            
+        }
+        
+      `,
+        ];
+    }
+    render() {
+        return html `
+    <div class="login-form">
+        <pd-form-container id="loginFormId">
+          
+          <pd-form-row>
+            <pd-input
+              id="eMail"
+              class="quarter3"
+              maxlength="250"
+              field-type="mail"
+              valueName="email"
+              label="E-mail"    
+              autoCompleteName="email"
+              required
+              @enter-pressed="${this._accessLogin}"
+            ></pd-input>
+          </pd-form-row>
+
+          <pd-form-row>
+            <pd-input
+              id="pWord"
+              class="quarter3"
+              secret        
+              maxlength="30"
+              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-form-row>
+
+        </pd-form-container>        
+    </div>
+
+    `;
+    }
+    _accessLogin() {
+        var _a, _b, _c, _d;
+        // validate form
+        const detail = {
+            errorMap: new Map()
+        };
+        (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById("loginFormId")) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
+        if (detail.errorMap.size === 0) {
+            // get form elements as input elements (for value access)
+            const elMail = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('eMail');
+            const elSec = (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.getElementById('pWord');
+            login(elMail === null || elMail === void 0 ? void 0 : elMail.value, elSec === null || elSec === void 0 ? void 0 : elSec.value)
+                .then(() => {
+                this.dispatchEvent(new CustomEvent("login-success"));
+            }).catch(error => {
+                switch (error.code) {
+                    case 'auth/invalid-email':
+                        // returnError.eType = 'user';
+                        // returnError.logMsg = 'Invalid mail format';
+                        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.");
+                        break;
+                    default:
+                        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
+        }));
+    }
+};
+PdLogin = __decorate([
+    customElement("pd-login")
+], PdLogin);
+export { PdLogin };
+//# sourceMappingURL=pd-login.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-login.js","sourceRoot":"","sources":["../../../src/tmpown/pd-login.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,wDAAwD,CAAC;AAChE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAG5C,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,UAAU;IAErC;;OAEG;IAEH,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;;OAeF;SACF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;gCAciB,IAAI,CAAC,YAAY;;;;;;;;;;;;gCAYjB,IAAI,CAAC,YAAY;;;;;uEAKsB,IAAI,CAAC,YAAY;;;;;;KAMnF,CAAC;IACJ,CAAC;IAED,YAAY;;QAEV,gBAAgB;QAChB,MAAM,MAAM,GAAG;YACb,QAAQ,EAAE,IAAI,GAAG,EAAE;SACpB,CAAC;QACF,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,aAAa,CAAC,0CAAE,aAAa,CAC3D,IAAI,WAAW,CAAC,eAAe,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC,CAAC;QAE9C,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE;YAE9B,yDAAyD;YACzD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,OAAO,CAAqB,CAAC;YAC5E,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,OAAO,CAAqB,CAAC;YAE3E,KAAK,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;iBAC/B,IAAI,CAAC,GAAG,EAAE;gBACT,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACf,QAAQ,KAAK,CAAC,IAAI,EAAE;oBAClB,KAAK,oBAAoB;wBACvB,8BAA8B;wBAC9B,8CAA8C;wBAC9C,IAAI,CAAC,mBAAmB,CAAC,0CAA0C,CAAC,CAAC;wBACrE,MAAM;oBACR,KAAK,qBAAqB,CAAC;oBAC3B,KAAK,qBAAqB;wBACxB,IAAI,CAAC,mBAAmB,CAAC,oDAAoD,CAAC,CAAC;wBAC/E,MAAM;oBACR;wBACE,IAAI,CAAC,mBAAmB,CAAC,+FAA+F,CAAC,CAAC;iBAC7H;YACH,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAED,mBAAmB,CAAC,GAAW;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAC;YAC/C,MAAM,EAAE;gBACN,GAAG,EAAE,OAAO,EAAE,IAAI;aACnB;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;CAEF,CAAA;AAlHY,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAkHnB;SAlHY,OAAO","sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport '@progressive-development/pd-forms/pd-form-container.js';\nimport '@progressive-development/pd-forms/pd-form-row.js';\nimport '@progressive-development/pd-forms/pd-input.js';\nimport '@progressive-development/pd-forms/pd-button.js';\n\nimport { login } from '../firebase/auth.js';\n\n@customElement(\"pd-login\")\nexport class PdLogin extends LitElement {\n\n  /**\n   * @event login-success fired when login was successfully\n   */\n\n  static get styles() {\n    return [\n      css`\n        :host {\n            display: flex;\n            justify-content: center;\n            /*min-height: 100vh;\n            min-width: 100vh;*/            \n        }\n\n        .login-form {\n            display: flex;            \n            flex-flow: column;\n            justify-content: center;                        \n            --pd-form-row-allign: center;            \n        }\n        \n      `,\n    ];\n  }  \n\n  render() {\n    return html`\n    <div class=\"login-form\">\n        <pd-form-container id=\"loginFormId\">\n          \n          <pd-form-row>\n            <pd-input\n              id=\"eMail\"\n              class=\"quarter3\"\n              maxlength=\"250\"\n              field-type=\"mail\"\n              valueName=\"email\"\n              label=\"E-mail\"    \n              autoCompleteName=\"email\"\n              required\n              @enter-pressed=\"${this._accessLogin}\"\n            ></pd-input>\n          </pd-form-row>\n\n          <pd-form-row>\n            <pd-input\n              id=\"pWord\"\n              class=\"quarter3\"\n              secret        \n              maxlength=\"30\"\n              label=\"Password\"   \n              required         \n              @enter-pressed=\"${this._accessLogin}\"\n            ></pd-input>\n          </pd-form-row>\n          \n          <pd-form-row>\n            <pd-button class=\"quarter3\" primary text=\"Login\" @click=\"${this._accessLogin}\"></pd-button>          \n          </pd-form-row>\n\n        </pd-form-container>        \n    </div>\n\n    `;\n  }\n\n  _accessLogin() {\n    \n    // validate form\n    const detail = {\n      errorMap: new Map()\n    };\n    this.shadowRoot?.getElementById(\"loginFormId\")?.dispatchEvent(\n      new CustomEvent(\"validate-form\", {detail}));\n\n    if (detail.errorMap.size === 0) {\n      \n      // get form elements as input elements (for value access)\n      const elMail = this.shadowRoot?.getElementById('eMail') as HTMLInputElement;    \n      const elSec = this.shadowRoot?.getElementById('pWord') as HTMLInputElement;    \n\n      login(elMail?.value, elSec?.value)\n        .then(() => {\n          this.dispatchEvent(new CustomEvent(\"login-success\"));\n        }).catch(error => {\n          switch (error.code) {\n            case 'auth/invalid-email':\n              // returnError.eType = 'user';\n              // returnError.logMsg = 'Invalid mail format';\n              this._dispatchToastEvent(\"E-Mail Format für Benutzer ist ungültig.\");\n              break;\n            case 'auth/wrong-password':\n            case 'auth/user-not-found':\n              this._dispatchToastEvent(\"Anmeldung fehlgeschlagen, ungültige Benutzerdaten.\");\n              break;\n            default:\n              this._dispatchToastEvent(\"Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden.\");\n          }\n        });\n    }            \n  }\n\n  _dispatchToastEvent(txt: string) {\n    this.dispatchEvent(new CustomEvent(\"toast-event\",{\n      detail: {\n        txt, isError: true,\n      },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n}\n"]}

package/dist/src/tmpown/pd-panel-viewer.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import 'hammerjs';
+import '@progressive-development/pd-icon/pd-icon.js';
+export declare class PdPanelViewer extends LitElement {
+    withProgress: boolean;
+    deltaCalc: number;
+    _index: number;
+    _panData: any;
+    _update: {};
+    static styles: import("lit").CSSResult;
+    get index(): number;
+    set index(value: number);
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    update(changedProperties: any): void;
+    next(): void;
+    previous(): void;
+}