@progressive-development/pd-spa-helper 1.0.0 → 1.0.1

package/dist/auth/AuthController.d.ts

@@ -0,0 +1,37 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { AppUser } from '../model/spa-model.js';
+export declare class AuthController implements ReactiveController {
+    private host;
+    private subscription?;
+    /** Current user or undefined if not logged in */
+    user: AppUser | undefined;
+    /** Whether the initial auth check is complete */
+    authCheckComplete: boolean;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Check if user is logged in */
+    get isLoggedIn(): boolean;
+    /** Get user's email */
+    get email(): string | null;
+    /** Get user's UID */
+    get uid(): string | null;
+    /** Get user's claims */
+    get claims(): Record<string, unknown>;
+    /**
+     * Check if user has a specific role
+     * @param role - The role to check
+     */
+    hasRole(role: string): boolean;
+    /**
+     * Check if user has at least one of the roles (OR logic)
+     * @param roles - Array of roles to check
+     */
+    hasAnyRole(roles: string[]): boolean;
+    /**
+     * Check if user has all of the roles (AND logic)
+     * @param roles - Array of roles to check
+     */
+    hasAllRoles(roles: string[]): boolean;
+}
+//# sourceMappingURL=AuthController.d.ts.map

package/dist/auth/AuthController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthController.d.ts","sourceRoot":"","sources":["../../src/auth/AuthController.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,qBAAa,cAAe,YAAW,kBAAkB;IACvD,OAAO,CAAC,IAAI,CAAyB;IACrC,OAAO,CAAC,YAAY,CAAC,CAAe;IAEpC,iDAAiD;IACjD,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAE1B,iDAAiD;IACjD,iBAAiB,EAAE,OAAO,CAAS;gBAEvB,IAAI,EAAE,sBAAsB;IAKxC,aAAa,IAAI,IAAI;IAUrB,gBAAgB,IAAI,IAAI;IAQxB,iCAAiC;IACjC,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,uBAAuB;IACvB,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IAED,qBAAqB;IACrB,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IAED,wBAAwB;IACxB,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEpC;IAED;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI9B;;;OAGG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO;IAKpC;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO;CAItC"}

package/dist/auth/AuthController.js

@@ -0,0 +1,65 @@
+import { pdStore } from '../store/mini-rx.store.js';
+import { selectAuthUser } from '../store/spa-app-selector.js';
+
+class AuthController {
+  constructor(host) {
+    /** Whether the initial auth check is complete */
+    this.authCheckComplete = false;
+    this.host = host;
+    host.addController(this);
+  }
+  hostConnected() {
+    this.subscription = pdStore().select(selectAuthUser).subscribe(({ user, loginCheckFinish }) => {
+      this.user = user;
+      this.authCheckComplete = loginCheckFinish;
+      this.host.requestUpdate();
+    });
+  }
+  hostDisconnected() {
+    this.subscription?.unsubscribe();
+  }
+  // -------------------------------------------------------------------------
+  // Convenience getters and methods
+  // -------------------------------------------------------------------------
+  /** Check if user is logged in */
+  get isLoggedIn() {
+    return this.user !== void 0;
+  }
+  /** Get user's email */
+  get email() {
+    return this.user?.email ?? null;
+  }
+  /** Get user's UID */
+  get uid() {
+    return this.user?.uid ?? null;
+  }
+  /** Get user's claims */
+  get claims() {
+    return this.user?.claims ?? {};
+  }
+  /**
+   * Check if user has a specific role
+   * @param role - The role to check
+   */
+  hasRole(role) {
+    return this.user?.claims?.[role] === true;
+  }
+  /**
+   * Check if user has at least one of the roles (OR logic)
+   * @param roles - Array of roles to check
+   */
+  hasAnyRole(roles) {
+    if (!this.user?.claims) return false;
+    return roles.some((role) => this.user?.claims?.[role] === true);
+  }
+  /**
+   * Check if user has all of the roles (AND logic)
+   * @param roles - Array of roles to check
+   */
+  hasAllRoles(roles) {
+    if (!this.user?.claims) return false;
+    return roles.every((role) => this.user?.claims?.[role] === true);
+  }
+}
+
+export { AuthController };

package/dist/auth/auth-directives.d.ts

@@ -0,0 +1,59 @@
+import { noChange, TemplateResult } from 'lit';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { AppUser } from '../model/spa-model.js';
+/**
+ * Base class for auth directives - handles store subscription
+ */
+declare abstract class AuthDirectiveBase extends AsyncDirective {
+    private subscription?;
+    protected user?: AppUser;
+    protected authCheckComplete: boolean;
+    disconnected(): void;
+    reconnected(): void;
+    protected subscribe(): void;
+    protected abstract computeValue(): TemplateResult | string | typeof noChange;
+}
+/**
+ * ifAuth - renders content only if user is logged in
+ *
+ * @example
+ * ${ifAuth(html`<user-menu></user-menu>`)}
+ * ${ifAuth(html`<profile-link></profile-link>`, html`<login-button></login-button>`)}
+ */
+declare class IfAuthDirective extends AuthDirectiveBase {
+    private content?;
+    private fallback?;
+    render(content: TemplateResult, fallback?: TemplateResult | string): string | TemplateResult;
+    protected computeValue(): TemplateResult | string;
+}
+/**
+ * ifRole - renders content only if user has at least one of the specified roles
+ *
+ * @example
+ * ${ifRole('admin', html`<admin-panel></admin-panel>`)}
+ * ${ifRole(['admin', 'editor'], html`<edit-btn></edit-btn>`, html`<span>Read only</span>`)}
+ */
+declare class IfRoleDirective extends AuthDirectiveBase {
+    private roles;
+    private content?;
+    private fallback?;
+    render(roles: string | string[], content: TemplateResult, fallback?: TemplateResult | string): string | TemplateResult;
+    protected computeValue(): TemplateResult | string;
+}
+/**
+ * ifNotAuth - renders content only if user is NOT logged in
+ *
+ * @example
+ * ${ifNotAuth(html`<login-button></login-button>`)}
+ */
+declare class IfNotAuthDirective extends AuthDirectiveBase {
+    private content?;
+    private fallback?;
+    render(content: TemplateResult, fallback?: TemplateResult | string): string | TemplateResult;
+    protected computeValue(): TemplateResult | string;
+}
+export declare const ifAuth: (content: TemplateResult, fallback?: string | TemplateResult | undefined) => import('lit/async-directive.js').DirectiveResult<typeof IfAuthDirective>;
+export declare const ifRole: (roles: string | string[], content: TemplateResult, fallback?: string | TemplateResult | undefined) => import('lit/async-directive.js').DirectiveResult<typeof IfRoleDirective>;
+export declare const ifNotAuth: (content: TemplateResult, fallback?: string | TemplateResult | undefined) => import('lit/async-directive.js').DirectiveResult<typeof IfNotAuthDirective>;
+export {};
+//# sourceMappingURL=auth-directives.d.ts.map

package/dist/auth/auth-directives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-directives.d.ts","sourceRoot":"","sources":["../../src/auth/auth-directives.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAa,MAAM,wBAAwB,CAAC;AAKnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;GAEG;AACH,uBAAe,iBAAkB,SAAQ,cAAc;IACrD,OAAO,CAAC,YAAY,CAAC,CAAe;IACpC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,iBAAiB,UAAS;IAE3B,YAAY;IAIZ,WAAW;IAIpB,SAAS,CAAC,SAAS;IAgBnB,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,cAAc,GAAG,MAAM,GAAG,OAAO,QAAQ;CAC7E;AAED;;;;;;GAMG;AACH,cAAM,eAAgB,SAAQ,iBAAiB;IAC7C,OAAO,CAAC,OAAO,CAAC,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAC,CAA0B;IAE3C,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM;cAO/C,YAAY,IAAI,cAAc,GAAG,MAAM;CAQ3D;AAED;;;;;;GAMG;AACH,cAAM,eAAgB,SAAQ,iBAAiB;IAC7C,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,OAAO,CAAC,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAC,CAA0B;IAE3C,MAAM,CACJ,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,OAAO,EAAE,cAAc,EACvB,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM;cASjB,YAAY,IAAI,cAAc,GAAG,MAAM;CAa3D;AAED;;;;;GAKG;AACH,cAAM,kBAAmB,SAAQ,iBAAiB;IAChD,OAAO,CAAC,OAAO,CAAC,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAC,CAA0B;IAE3C,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM;cAO/C,YAAY,IAAI,cAAc,GAAG,MAAM;CAQ3D;AAGD,eAAO,MAAM,MAAM,uJAA6B,CAAC;AACjD,eAAO,MAAM,MAAM,iLAA6B,CAAC;AACjD,eAAO,MAAM,SAAS,0JAAgC,CAAC"}

package/dist/auth/auth-directives.js

@@ -0,0 +1,81 @@
+import { directive, AsyncDirective } from 'lit/async-directive.js';
+import { pdStore } from '../store/mini-rx.store.js';
+import { selectAuthUser } from '../store/spa-app-selector.js';
+
+class AuthDirectiveBase extends AsyncDirective {
+  constructor() {
+    super(...arguments);
+    this.authCheckComplete = false;
+  }
+  disconnected() {
+    this.subscription?.unsubscribe();
+  }
+  reconnected() {
+    this.subscribe();
+  }
+  subscribe() {
+    if (this.subscription) return;
+    const store = pdStore();
+    if (!store) return;
+    this.subscription = store.select(selectAuthUser).subscribe(({ user, loginCheckFinish }) => {
+      this.user = user;
+      this.authCheckComplete = loginCheckFinish;
+      this.setValue(this.computeValue());
+    });
+  }
+}
+class IfAuthDirective extends AuthDirectiveBase {
+  render(content, fallback) {
+    this.content = content;
+    this.fallback = fallback ?? "";
+    this.subscribe();
+    return this.computeValue();
+  }
+  computeValue() {
+    if (!this.authCheckComplete) {
+      return this.fallback ?? "";
+    }
+    return this.user ? this.content ?? "" : this.fallback ?? "";
+  }
+}
+class IfRoleDirective extends AuthDirectiveBase {
+  constructor() {
+    super(...arguments);
+    this.roles = [];
+  }
+  render(roles, content, fallback) {
+    this.roles = Array.isArray(roles) ? roles : [roles];
+    this.content = content;
+    this.fallback = fallback ?? "";
+    this.subscribe();
+    return this.computeValue();
+  }
+  computeValue() {
+    if (!this.authCheckComplete) {
+      return this.fallback ?? "";
+    }
+    const hasRequiredRole = this.roles.some(
+      (role) => this.user?.claims?.[role] === true
+    );
+    return hasRequiredRole ? this.content ?? "" : this.fallback ?? "";
+  }
+}
+class IfNotAuthDirective extends AuthDirectiveBase {
+  render(content, fallback) {
+    this.content = content;
+    this.fallback = fallback ?? "";
+    this.subscribe();
+    return this.computeValue();
+  }
+  computeValue() {
+    if (!this.authCheckComplete) {
+      return this.fallback ?? "";
+    }
+    return !this.user ? this.content ?? "" : this.fallback ?? "";
+  }
+}
+const ifAuth = directive(IfAuthDirective);
+const ifRole = directive(IfRoleDirective);
+const ifNotAuth = directive(IfNotAuthDirective);
+
+export { ifAuth, ifNotAuth, ifRole };

package/dist/auth/auth-utils.d.ts

@@ -0,0 +1,45 @@
+import { AppUser } from '../model/spa-model.js';
+/**
+ * Get the current user from the store
+ * @returns The current AppUser or undefined if not logged in
+ */
+export declare function getCurrentUser(): Promise<AppUser | undefined>;
+/**
+ * Check if a user is currently logged in
+ * @returns true if a user is logged in
+ */
+export declare function isLoggedIn(): Promise<boolean>;
+/**
+ * Check if the current user has a specific role/claim
+ * @param role - The role to check (e.g., "admin", "editor")
+ * @returns true if the user has the role
+ */
+export declare function hasRole(role: string): Promise<boolean>;
+/**
+ * Check if the current user has at least one of the specified roles (OR logic)
+ * @param roles - Array of roles to check
+ * @returns true if the user has at least one of the roles
+ */
+export declare function hasAnyRole(roles: string[]): Promise<boolean>;
+/**
+ * Check if the current user has all of the specified roles (AND logic)
+ * @param roles - Array of roles to check
+ * @returns true if the user has all of the roles
+ */
+export declare function hasAllRoles(roles: string[]): Promise<boolean>;
+/**
+ * Get the user's email
+ * @returns The user's email or null if not logged in
+ */
+export declare function getUserEmail(): Promise<string | null>;
+/**
+ * Get the user's UID
+ * @returns The user's UID or null if not logged in
+ */
+export declare function getUserId(): Promise<string | null>;
+/**
+ * Get all claims for the current user
+ * @returns Record of claims or empty object
+ */
+export declare function getUserClaims(): Promise<Record<string, unknown>>;
+//# sourceMappingURL=auth-utils.d.ts.map

package/dist/auth/auth-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-utils.d.ts","sourceRoot":"","sources":["../../src/auth/auth-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD;;;GAGG;AACH,wBAAsB,cAAc,IAAI,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAKnE;AAED;;;GAGG;AACH,wBAAsB,UAAU,IAAI,OAAO,CAAC,OAAO,CAAC,CAGnD;AAED;;;;GAIG;AACH,wBAAsB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAG5D;AAED;;;;GAIG;AACH,wBAAsB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAIlE;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAInE;AAED;;;GAGG;AACH,wBAAsB,YAAY,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAG3D;AAED;;;GAGG;AACH,wBAAsB,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAGxD;AAED;;;GAGG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAGtE"}

package/dist/auth/auth-utils.js

@@ -0,0 +1,42 @@
+import { firstValueFrom, first } from 'rxjs';
+import { pdStore } from '../store/mini-rx.store.js';
+import { selectAuthUser } from '../store/spa-app-selector.js';
+
+async function getCurrentUser() {
+  const { user } = await firstValueFrom(
+    pdStore().select(selectAuthUser).pipe(first())
+  );
+  return user;
+}
+async function isLoggedIn() {
+  const user = await getCurrentUser();
+  return user !== void 0;
+}
+async function hasRole(role) {
+  const user = await getCurrentUser();
+  return user?.claims?.[role] === true;
+}
+async function hasAnyRole(roles) {
+  const user = await getCurrentUser();
+  if (!user?.claims) return false;
+  return roles.some((role) => user.claims?.[role] === true);
+}
+async function hasAllRoles(roles) {
+  const user = await getCurrentUser();
+  if (!user?.claims) return false;
+  return roles.every((role) => user.claims?.[role] === true);
+}
+async function getUserEmail() {
+  const user = await getCurrentUser();
+  return user?.email ?? null;
+}
+async function getUserId() {
+  const user = await getCurrentUser();
+  return user?.uid ?? null;
+}
+async function getUserClaims() {
+  const user = await getCurrentUser();
+  return user?.claims ?? {};
+}
+
+export { getCurrentUser, getUserClaims, getUserEmail, getUserId, hasAllRoles, hasAnyRole, hasRole, isLoggedIn };

package/dist/auth/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Auth module - Utilities, controllers and directives for authentication
+ */
+export { getCurrentUser, isLoggedIn, hasRole, hasAnyRole, hasAllRoles, getUserEmail, getUserId, getUserClaims, } from './auth-utils.js';
+export { AuthController } from './AuthController.js';
+export { ifAuth, ifRole, ifNotAuth } from './auth-directives.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,cAAc,EACd,UAAU,EACV,OAAO,EACP,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/default-login/DefaultLogin.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class DefaultLogin extends LitElement {
+    /**
+     * @event login-success fired when login was successful
+     */
+    private _loading;
+    private _errorMessage;
+    private _successMessage;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+    private _handleLoginAttempt;
+    private _handleForgotPasswordAttempt;
+    private _mapErrorCode;
+}
+//# sourceMappingURL=DefaultLogin.d.ts.map

package/dist/components/default-login/DefaultLogin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLogin.d.ts","sourceRoot":"","sources":["../../../src/components/default-login/DefaultLogin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAc5C,OAAO,2CAA2C,CAAC;AAKnD,qBACa,YAAa,SAAQ,UAAU;IAC1C;;OAEG;IAGH,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,aAAa,CAAM;IAG3B,OAAO,CAAC,eAAe,CAAM;IAE7B,MAAM,CAAC,MAAM,4BASX;IAEF,MAAM;IAYN,OAAO,CAAC,mBAAmB;IAoC3B,OAAO,CAAC,4BAA4B;IA6BpC,OAAO,CAAC,aAAa;CAWtB"}

package/dist/components/default-login/DefaultLogin.js

@@ -0,0 +1,120 @@
+import { css, LitElement, html } from 'lit';
+import { state, customElement } from 'lit/decorators.js';
+import { services } from '../../service-provider/ServiceRegistry.js';
+import { pdStore } from '../../store/mini-rx.store.js';
+import { addLoadingState, removeLoadingState } from '../../store/spa-app-actions.js';
+import '@progressive-development/pd-page/pd-login';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const LOGIN_LOADING_KEY = "login-attempt";
+const PASSWORD_RESET_LOADING_KEY = "password-reset-attempt";
+let DefaultLogin = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._loading = false;
+    this._errorMessage = "";
+    this._successMessage = "";
+  }
+  render() {
+    return html`
+      <pd-login
+        ?loading="${this._loading}"
+        errorMessage="${this._errorMessage}"
+        successMessage="${this._successMessage}"
+        @login-attempt="${this._handleLoginAttempt}"
+        @forgot-password-attempt="${this._handleForgotPasswordAttempt}"
+      ></pd-login>
+    `;
+  }
+  _handleLoginAttempt(e) {
+    this._loading = true;
+    this._errorMessage = "";
+    this._successMessage = "";
+    pdStore().dispatch(
+      addLoadingState({
+        actionKey: LOGIN_LOADING_KEY,
+        isLoading: true,
+        modal: true,
+        loadingTxt: "Anmeldung..."
+      })
+    );
+    services.auth.login(e.detail.email, e.detail.password).then((user) => {
+      this.dispatchEvent(
+        new CustomEvent("login-success", {
+          detail: user,
+          bubbles: true,
+          composed: true
+        })
+      );
+    }).catch((error) => {
+      this._errorMessage = this._mapErrorCode(error.code || "unknown");
+    }).finally(() => {
+      this._loading = false;
+      pdStore().dispatch(removeLoadingState(LOGIN_LOADING_KEY));
+    });
+  }
+  _handleForgotPasswordAttempt(e) {
+    this._loading = true;
+    this._errorMessage = "";
+    this._successMessage = "";
+    pdStore().dispatch(
+      addLoadingState({
+        actionKey: PASSWORD_RESET_LOADING_KEY,
+        isLoading: true,
+        modal: false,
+        smallBackground: true,
+        loadingTxt: "E-Mail wird gesendet..."
+      })
+    );
+    services.auth.sendPasswordResetEmail(e.detail.email).then(() => {
+      this._successMessage = "Wir haben Ihnen eine E-Mail zum Zurücksetzen des Passworts gesendet.";
+    }).finally(() => {
+      this._loading = false;
+      pdStore().dispatch(removeLoadingState(PASSWORD_RESET_LOADING_KEY));
+    });
+  }
+  _mapErrorCode(code) {
+    switch (code) {
+      case "auth/invalid-email":
+        return "E-Mail Format für Benutzer ist ungültig.";
+      case "auth/wrong-password":
+      case "auth/user-not-found":
+        return "Anmeldung fehlgeschlagen, ungültige Benutzerdaten.";
+      default:
+        return "Technisches Problem aufgetreten, die Anmeldung kann leider aktuell nicht durchgeführt werden.";
+    }
+  }
+};
+DefaultLogin.styles = [
+  css`
+      :host {
+        padding-top: 3em;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    `
+];
+__decorateClass([
+  state()
+], DefaultLogin.prototype, "_loading", 2);
+__decorateClass([
+  state()
+], DefaultLogin.prototype, "_errorMessage", 2);
+__decorateClass([
+  state()
+], DefaultLogin.prototype, "_successMessage", 2);
+DefaultLogin = __decorateClass([
+  customElement("default-login")
+], DefaultLogin);
+
+export { DefaultLogin };

package/dist/components/default-not-found/DefaultNotFound.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class DefaultNotFound extends LitElement {
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=DefaultNotFound.d.ts.map

package/dist/components/default-not-found/DefaultNotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotFound.d.ts","sourceRoot":"","sources":["../../../src/components/default-not-found/DefaultNotFound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,4BAgBX;IAEF,MAAM;CAKP"}

package/dist/{defaultpage/default-not-found.js → components/default-not-found/DefaultNotFound.js}

@@ -1,6 +1,5 @@
-import { css, html } from 'lit';
+import { css, LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import { DefaultViewPage } from './default-view-page.js';
 
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -10,7 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
       result = (decorator(result)) || result;
   return result;
 };
-let DefaultNotFound = class extends DefaultViewPage {
+let DefaultNotFound = class extends LitElement {
   render() {
     return html`<h3>Keine passende Seite gefunden</h3>
       <p>Zu der URL konnte keine passende Seite gefunden werden</p>
@@ -23,6 +22,14 @@ DefaultNotFound.styles = [
         padding-top: 3em;
         display: block;
         text-align: center;
+
+        background: var(--pd-default-error-light-col);
+        border-radius: 15px;
+        justify-self: center;
+        padding: 2em;
+        margin-top: 5em;
+
+        border: 2px solid var(--pd-default-error-col);
       }
     `
 ];

package/dist/components/pd-section-page/PdSectionPage.d.ts

@@ -0,0 +1,55 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * Map of section IDs to their DOM element references.
+ * Keys must match the `sec` property in MenuElement configuration.
+ */
+export type SectionRefs = Record<string, HTMLElement | null | undefined>;
+/**
+ * Map of section IDs to action creator functions.
+ * Actions are dispatched when the section becomes visible (fired once per session).
+ */
+export type SectionActions = Record<string, () => any>;
+/**
+ * Configuration for menu sections.
+ * Returned by _getMenuSections() to register section elements with the menu.
+ */
+export interface SectionConfig {
+    /** Page name - should match the route name in NavigationConfig */
+    name: string;
+    /** Map of section IDs to element references (keys match MenuElement.sec) */
+    menuRefs: SectionRefs;
+    /** Optional: Map of section IDs to action creators (dispatched when section becomes visible) */
+    sectionActions?: SectionActions;
+}
+/**
+ * Abstract base class for pages with section-based scroll navigation.
+ *
+ * Subclasses must implement _getMenuSections() to provide section references.
+ */
+export declare abstract class PdSectionPage extends LitElement {
+    /**
+     * Base styles providing scroll-margin-top for sections.
+     * Subclasses should include these styles:
+     *
+     * ```typescript
+     * static override styles = [
+     *   PdSectionPage.styles,
+     *   css`...own styles...`
+     * ];
+     * ```
+     */
+    static styles: CSSResultGroup;
+    /**
+     * Must be implemented by subclass to provide section configuration.
+     * Called in firstUpdated() to register sections with the menu.
+     *
+     * @returns SectionConfig with page name and section element references
+     */
+    protected abstract _getMenuSections(): SectionConfig;
+    /**
+     * Dispatches init-menu-sections event to register section elements.
+     * Subclasses can override but should call super.firstUpdated().
+     */
+    firstUpdated(): void;
+}
+//# sourceMappingURL=PdSectionPage.d.ts.map

package/dist/components/pd-section-page/PdSectionPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdSectionPage.d.ts","sourceRoot":"","sources":["../../../src/components/pd-section-page/PdSectionPage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAAE,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEzE;;;GAGG;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,QAAQ,EAAE,WAAW,CAAC;IACtB,gGAAgG;IAChG,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED;;;;GAIG;AACH,8BAAsB,aAAc,SAAQ,UAAU;IACpD;;;;;;;;;;OAUG;IACH,MAAM,CAAC,MAAM,EAAE,cAAc,CAI3B;IAEF;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,CAAC,gBAAgB,IAAI,aAAa;IAEpD;;;OAGG;IACM,YAAY,IAAI,IAAI;CAS9B"}

package/dist/components/pd-section-page/PdSectionPage.js

@@ -0,0 +1,37 @@
+import { LitElement, css } from 'lit';
+
+class PdSectionPage extends LitElement {
+  static {
+    /**
+     * Base styles providing scroll-margin-top for sections.
+     * Subclasses should include these styles:
+     *
+     * ```typescript
+     * static override styles = [
+     *   PdSectionPage.styles,
+     *   css`...own styles...`
+     * ];
+     * ```
+     */
+    this.styles = css`
+    section {
+      scroll-margin-top: calc(var(--pd-site-header-height, 90px) + 20px);
+    }
+  `;
+  }
+  /**
+   * Dispatches init-menu-sections event to register section elements.
+   * Subclasses can override but should call super.firstUpdated().
+   */
+  firstUpdated() {
+    this.dispatchEvent(
+      new CustomEvent("init-menu-sections", {
+        detail: this._getMenuSections(),
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+}
+
+export { PdSectionPage };