@progressive-development/pd-spa-helper 0.1.86 → 0.1.88

package/dist/src/service-provider/mock/auth.d.ts

@@ -0,0 +1,4 @@
+export declare const logoutMock: () => Promise<boolean>;
+export declare const isAuthenticatedMock: () => boolean;
+export declare const authStateChangedMock: (callback: Function) => void;
+export declare const loginMock: (user: string, sec: string) => Promise<unknown>;

package/dist/src/service-provider/mock/auth.js

@@ -0,0 +1,50 @@
+/*
+ * Only for temporary development:
+ * Set to true/false if the user should hold only in session (login after each reload)
+ * or in the localstore (login until the local store entry is invalid or not available).
+ */
+const LOCALSTORE_ACTIV = true;
+const LOCALSTORE_ITEM_KEY = 'pdUserLogin';
+const HARDCODED_USER = 'mock';
+const HARDCODED_PWD = 'mock';
+let loginAvailable;
+const checkLocalStore = () => {
+    const userItem = localStorage.getItem(LOCALSTORE_ITEM_KEY);
+    return userItem === 'true';
+};
+export const logoutMock = async () => {
+    console.log("Do MOCK logout");
+    loginAvailable = undefined;
+    if (LOCALSTORE_ACTIV) {
+        localStorage.removeItem(LOCALSTORE_ITEM_KEY);
+    }
+    return Promise.resolve(true);
+};
+export const isAuthenticatedMock = () => {
+    if (loginAvailable === undefined) {
+        console.log('MOCK: check authentication');
+        loginAvailable = LOCALSTORE_ACTIV ? checkLocalStore() : false;
+    }
+    return loginAvailable;
+};
+export const authStateChangedMock = (callback) => {
+    console.log("Not implemented for MOCK");
+};
+export const loginMock = async (user, sec) => {
+    console.log('MOCK: do authentication for user: ', user);
+    let valid = false;
+    if (user === HARDCODED_USER && sec === HARDCODED_PWD) {
+        if (LOCALSTORE_ACTIV) {
+            localStorage.setItem(LOCALSTORE_ITEM_KEY, 'true');
+        }
+        valid = true;
+        loginAvailable = true;
+    }
+    if (valid) {
+        return Promise.resolve({
+            uid: "123124"
+        });
+    }
+    throw new Error("Invalid login");
+};
+//# sourceMappingURL=auth.js.map

package/dist/src/service-provider/mock/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../../src/service-provider/mock/auth.ts"],"names":[],"mappings":"AACA;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,mBAAmB,GAAG,aAAa,CAAC;AAC1C,MAAM,cAAc,GAAG,MAAM,CAAC;AAC9B,MAAM,aAAa,GAAG,MAAM,CAAC;AAI7B,IAAI,cAAmC,CAAC;AAGxC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,QAAQ,GAAI,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5D,OAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,IAAsB,EAAE;IACrD,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,cAAc,GAAG,SAAS,CAAC;IAC3B,IAAI,gBAAgB,EAAE;QAClB,YAAY,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAChD;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAY,EAAE;IAC/C,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAC1C,cAAc,GAAG,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;KAC/D;IACD,OAAO,cAAc,CAAC;AACxB,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAkB,EAAE,EAAE;IACzD,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;AAC1C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAAE,IAAW,EAAE,GAAU,EAAoB,EAAE;IAE3E,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,IAAI,CAAC,CAAC;IACxD,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,IAAI,IAAI,KAAK,cAAc,IAAI,GAAG,KAAK,aAAa,EAAE;QAClD,IAAI,gBAAgB,EAAE;YAClB,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;SACrD;QACD,KAAK,GAAG,IAAI,CAAC;QACb,cAAc,GAAG,IAAI,CAAC;KACzB;IAED,IAAI,KAAK,EAAE;QACT,OAAO,OAAO,CAAC,OAAO,CAAC;YACrB,GAAG,EAAE,QAAQ;SACd,CAAC,CAAC;KACJ;IAED,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AACnC,CAAC,CAAA","sourcesContent":["\n/*\n * Only for temporary development:\n * Set to true/false if the user should hold only in session (login after each reload)\n * or in the localstore (login until the local store entry is invalid or not available).\n */\nconst LOCALSTORE_ACTIV = true;\nconst LOCALSTORE_ITEM_KEY = 'pdUserLogin';\nconst HARDCODED_USER = 'mock';\nconst HARDCODED_PWD = 'mock';\n\n\n\nlet loginAvailable: boolean | undefined;\n\n\nconst checkLocalStore = () => {\n  const userItem =  localStorage.getItem(LOCALSTORE_ITEM_KEY);\n  return userItem === 'true';\n}\n\n\nexport const logoutMock = async (): Promise<boolean> => {\n  console.log(\"Do MOCK logout\");\n  loginAvailable = undefined;\n  if (LOCALSTORE_ACTIV) {\n      localStorage.removeItem(LOCALSTORE_ITEM_KEY);\n  }\n  return Promise.resolve(true);\n};\n\nexport const isAuthenticatedMock = (): boolean => {\n  if (loginAvailable === undefined) {\n    console.log('MOCK: check authentication');\n    loginAvailable = LOCALSTORE_ACTIV ? checkLocalStore() : false;\n  }\n  return loginAvailable;\n} \n\n\nexport const authStateChangedMock = (callback: Function) => {\n  console.log(\"Not implemented for MOCK\");\n}\n\nexport const loginMock = async (user:string, sec:string): Promise<unknown> => {    \n\n  console.log('MOCK: do authentication for user: ', user);\n  let valid = false;\n  if (user === HARDCODED_USER && sec === HARDCODED_PWD) {\n      if (LOCALSTORE_ACTIV) {\n          localStorage.setItem(LOCALSTORE_ITEM_KEY, 'true');\n      }\n      valid = true;\n      loginAvailable = true;\n  }\n\n  if (valid) {\n    return Promise.resolve({\n      uid: \"123124\"\n    });   \n  }\n  \n  throw new Error(\"Invalid login\");\n}\n\n\n\n\n"]}

package/dist/src/service-provider/service-provider-impl.d.ts

@@ -0,0 +1,6 @@
+import { ServiceProviderConfiguration } from "../PdSpaHelper.js";
+export declare const setServiceProvider: (providerParam?: ServiceProviderConfiguration) => void;
+export declare const authStateChangedImpl: (callback: Function) => void;
+export declare const isAuthenticatedImpl: () => boolean;
+export declare const loginImpl: (user: string, sec: string) => Promise<unknown>;
+export declare const logoutImpl: () => Promise<boolean>;

package/dist/src/service-provider/service-provider-impl.js

@@ -0,0 +1,56 @@
+import { authStateChanged, isAuthenticated, login, logout } from "./firebase/auth.js";
+import { authStateChangedMock, isAuthenticatedMock, loginMock, logoutMock } from "./mock/auth.js";
+let provider;
+const throwUndefinedProviderError = () => {
+    throw new Error("Undefined service provider, please check configuration. 'firebase' or 'mock' allowed here.");
+};
+export const setServiceProvider = (providerParam) => {
+    provider = providerParam;
+};
+export const authStateChangedImpl = (callback) => {
+    if (provider === "firebase") {
+        authStateChanged(callback);
+    }
+    else if (provider === "mock") {
+        authStateChangedMock(callback);
+    }
+    else {
+        throwUndefinedProviderError();
+    }
+};
+export const isAuthenticatedImpl = () => {
+    if (provider === "firebase") {
+        return isAuthenticated();
+    }
+    if (provider === "mock") {
+        return isAuthenticatedMock();
+    }
+    return throwUndefinedProviderError();
+};
+export const loginImpl = (user, sec) => {
+    if (!user) {
+        const returnError = new Error("empty user");
+        return Promise.reject(returnError);
+    }
+    if (!sec) {
+        const returnError = new Error("empty password");
+        return Promise.reject(returnError);
+    }
+    if (provider === "firebase") {
+        return login(user, sec);
+    }
+    if (provider === "mock") {
+        return loginMock(user, sec);
+    }
+    return throwUndefinedProviderError();
+};
+export const logoutImpl = () => {
+    if (provider === "firebase") {
+        return logout();
+    }
+    if (provider === "mock") {
+        return logoutMock();
+    }
+    return throwUndefinedProviderError();
+};
+//# sourceMappingURL=service-provider-impl.js.map

package/dist/src/service-provider/service-provider-impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-provider-impl.js","sourceRoot":"","sources":["../../../src/service-provider/service-provider-impl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGlG,IAAI,QAAkD,CAAC;AAGvD,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,IAAI,KAAK,CAAC,4FAA4F,CAAC,CAAC;AAChH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,aAA4C,EAAE,EAAE;IACjF,QAAQ,GAAG,aAAa,CAAC;AAC3B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAkB,EAClB,EAAE;IACF,IAAI,QAAQ,KAAK,UAAU,EAAE;QAC3B,gBAAgB,CAAC,QAAQ,CAAC,CAAC;KAC5B;SAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;QAC9B,oBAAoB,CAAC,QAAQ,CAAC,CAAC;KAChC;SAAM;QACL,2BAA2B,EAAE,CAAC;KAC/B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,IAAI,QAAQ,KAAK,UAAU,EAAE;QAC3B,OAAO,eAAe,EAAE,CAAC;KAC1B;IACD,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,OAAO,mBAAmB,EAAE,CAAC;KAC9B;IACD,OAAO,2BAA2B,EAAE,CAAC;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE;IAErD,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,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAChD,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KACpC;IAED,IAAI,QAAQ,KAAK,UAAU,EAAE;QAC3B,OAAO,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;KACzB;IACD,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;KAC7B;IACD,OAAO,2BAA2B,EAAE,CAAC;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,IAAI,QAAQ,KAAK,UAAU,EAAE;QAC3B,OAAO,MAAM,EAAE,CAAC;KACjB;IACD,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,OAAO,UAAU,EAAE,CAAC;KACrB;IACD,OAAO,2BAA2B,EAAE,CAAC;AACvC,CAAC,CAAA","sourcesContent":["import { ServiceProviderConfiguration } from \"../PdSpaHelper.js\";\n\nimport { authStateChanged, isAuthenticated, login, logout } from \"./firebase/auth.js\";\nimport { authStateChangedMock, isAuthenticatedMock, loginMock, logoutMock } from \"./mock/auth.js\";\n\n\nlet provider: ServiceProviderConfiguration | undefined;\n\n\nconst throwUndefinedProviderError = () => {\n  throw new Error(\"Undefined service provider, please check configuration. 'firebase' or 'mock' allowed here.\");\n}\n\nexport const setServiceProvider = (providerParam?: ServiceProviderConfiguration) => {\n  provider = providerParam;\n}\n\nexport const authStateChangedImpl = (\n  callback: Function\n) => {\n  if (provider === \"firebase\") {\n    authStateChanged(callback);\n  } else if (provider === \"mock\") {\n    authStateChangedMock(callback);\n  } else {\n    throwUndefinedProviderError();\n  }\n}\n\nexport const isAuthenticatedImpl = () => {\n  if (provider === \"firebase\") {\n    return isAuthenticated();\n  }   \n  if (provider === \"mock\") {\n    return isAuthenticatedMock();\n  }     \n  return throwUndefinedProviderError();  \n}\n\nexport const loginImpl = (user: string, sec: string) => {\n\n  if (!user) {   \n    const returnError = new Error(\"empty user\");\n    return Promise.reject(returnError);\n  }\n  if (!sec) {\n    const returnError = new Error(\"empty password\");\n    return Promise.reject(returnError);\n  }\n\n  if (provider === \"firebase\") {\n    return login(user, sec);\n  }   \n  if (provider === \"mock\") {\n    return loginMock(user, sec);\n  }     \n  return throwUndefinedProviderError();  \n}\n\nexport const logoutImpl = () => {\n  if (provider === \"firebase\") {\n    return logout();\n  }   \n  if (provider === \"mock\") {\n    return logoutMock();\n  }     \n  return throwUndefinedProviderError();  \n}\n"]}

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

@@ -5,7 +5,7 @@ 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';
+import { loginImpl } from '../service-provider/service-provider-impl.js';
 let PdLogin = class PdLogin extends LitElement {
     /**
      * @event login-success fired when login was successfully
@@ -81,7 +81,7 @@ let PdLogin = class PdLogin extends LitElement {
             // 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)
+            loginImpl(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 => {

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

@@ -1 +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;AAGrC,IAAM,OAAO,GAAb,MAAM,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"]}
+{"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,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAIlE,IAAM,OAAO,GAAb,MAAM,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,SAAS,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;iBACnC,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 { loginImpl } from '../service-provider/service-provider-impl.js';\n\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      loginImpl(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"]}