@sneat/space-components 0.2.0

package/esm2022/lib/spaces-list/spaces-list.component.js

@@ -0,0 +1,111 @@
+import { TitleCasePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, inject, } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { IonBadge, IonIcon, IonItem, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { UserRequiredFieldsService } from '@sneat/auth-ui';
+import { SpaceNavService, SpaceService } from '@sneat/space-services';
+import { SneatUserService } from '@sneat/auth-core';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { first } from 'rxjs';
+import * as i0 from "@angular/core";
+export class SpacesListComponent extends SneatBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.userService = inject(SneatUserService);
+        this.spaceNavService = inject(SpaceNavService);
+        this.spaceService = inject(SpaceService);
+        this.userRequiredFieldsService = inject(UserRequiredFieldsService);
+        this.pathPrefix = '/space';
+        // Outputs
+        this.beforeNavigateToSpace = new EventEmitter();
+    }
+    goSpace(event, space) {
+        event.stopPropagation();
+        event.preventDefault();
+        if (space.id) {
+            this.navigateToSpace(space);
+        }
+        else if (space.type) {
+            this.createNewSpace(space.type);
+        }
+        return false;
+    }
+    navigateToSpace(space) {
+        this.beforeNavigateToSpace.emit(space);
+        this.spaceNavService
+            .navigateToSpace(space)
+            .catch(this.errorLogger.logErrorHandler('Failed to navigate to teams overview page from teams menu'));
+    }
+    createNewSpace(type) {
+        const request = {
+            type,
+        };
+        this.userService.userState
+            .pipe(first(), this.takeUntilDestroyed())
+            .subscribe({
+            next: (userState) => {
+                if (userState.record) {
+                    this.createSpace(request);
+                }
+                else {
+                    this.userRequiredFieldsService
+                        .open()
+                        .then((modalResult) => {
+                        if (modalResult) {
+                            this.createSpace(request);
+                        }
+                    })
+                        .catch(this.errorLogger.logErrorHandler('Failed to open user required fields modal'));
+                }
+            },
+        });
+        // this.closeMenu();
+        return false;
+    }
+    createSpace(request) {
+        this.spaceService
+            .createSpace(request)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe({
+            next: (value) => {
+                this.navigateToSpace(value);
+            },
+            error: this.errorLogger.logErrorHandler('failed to create a new family team'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpacesListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SpacesListComponent, isStandalone: true, selector: "sneat-spaces-list", inputs: { userID: "userID", spaces: "spaces", pathPrefix: "pathPrefix" }, outputs: { beforeNavigateToSpace: "beforeNavigateToSpace" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'SpacesListComponent',
+            },
+        ], usesInheritance: true, ngImport: i0, template: "@for (space of spaces; track space.id; let last = $last) {\n  <ion-item\n    tappable=\"true\"\n    [disabled]=\"!space.brief\"\n    [lines]=\"last ? 'full' : 'inset'\"\n    routerLink=\"{{ pathPrefix }}/{{ space.type }}/{{ space.id }}\"\n    (click)=\"goSpace($event, space)\"\n  >\n    <ion-icon\n      [name]=\"\n        space.type === 'family'\n          ? 'people-outline'\n          : space.type === 'private'\n            ? 'person-circle-outline'\n            : 'people-outline'\n      \"\n      slot=\"start\"\n    />\n    <ion-label class=\"ion-text-wrap\">\n      {{ space.brief?.title || (space.type | titlecase) || space.id }}\n      @if (!space.id && space.brief) {\n        <ion-badge color=\"light\">(new)</ion-badge>\n      }\n    </ion-label>\n    @if (!space.id && !space.brief) {\n      <ion-spinner name=\"lines-small\" />\n    }\n  </ion-item>\n}\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpacesListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-spaces-list', imports: [
+                        RouterLink,
+                        TitleCasePipe,
+                        IonItem,
+                        IonIcon,
+                        IonLabel,
+                        IonBadge,
+                        IonSpinner,
+                    ], providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'SpacesListComponent',
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (space of spaces; track space.id; let last = $last) {\n  <ion-item\n    tappable=\"true\"\n    [disabled]=\"!space.brief\"\n    [lines]=\"last ? 'full' : 'inset'\"\n    routerLink=\"{{ pathPrefix }}/{{ space.type }}/{{ space.id }}\"\n    (click)=\"goSpace($event, space)\"\n  >\n    <ion-icon\n      [name]=\"\n        space.type === 'family'\n          ? 'people-outline'\n          : space.type === 'private'\n            ? 'person-circle-outline'\n            : 'people-outline'\n      \"\n      slot=\"start\"\n    />\n    <ion-label class=\"ion-text-wrap\">\n      {{ space.brief?.title || (space.type | titlecase) || space.id }}\n      @if (!space.id && space.brief) {\n        <ion-badge color=\"light\">(new)</ion-badge>\n      }\n    </ion-label>\n    @if (!space.id && !space.brief) {\n      <ion-spinner name=\"lines-small\" />\n    }\n  </ion-item>\n}\n" }]
+        }], propDecorators: { userID: [{
+                type: Input,
+                args: [{ required: true }]
+            }], spaces: [{
+                type: Input,
+                args: [{ required: true }]
+            }], pathPrefix: [{
+                type: Input
+            }], beforeNavigateToSpace: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=spaces-list.component.js.map

package/esm2022/lib/spaces-list/spaces-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces-list.component.js","sourceRoot":"","sources":["../../../../../../../libs/space/components/src/lib/spaces-list/spaces-list.component.ts","../../../../../../../libs/space/components/src/lib/spaces-list/spaces-list.component.html"],"names":[],"mappings":"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","sourcesContent":["import { TitleCasePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  inject,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport {\n  IonBadge,\n  IonIcon,\n  IonItem,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { UserRequiredFieldsService } from '@sneat/auth-ui';\nimport { SpaceType } from '@sneat/core';\nimport { ICreateSpaceRequest, ISpaceContext } from '@sneat/space-models';\nimport { SpaceNavService, SpaceService } from '@sneat/space-services';\nimport { SneatUserService } from '@sneat/auth-core';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { first } from 'rxjs';\n\n@Component({\n  selector: 'sneat-spaces-list',\n  templateUrl: 'spaces-list.component.html',\n  imports: [\n    RouterLink,\n    TitleCasePipe,\n    IonItem,\n    IonIcon,\n    IonLabel,\n    IonBadge,\n    IonSpinner,\n  ],\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'SpacesListComponent',\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpacesListComponent extends SneatBaseComponent {\n  public readonly userService = inject(SneatUserService);\n  private readonly spaceNavService = inject(SpaceNavService);\n  private readonly spaceService = inject(SpaceService);\n  private readonly userRequiredFieldsService = inject(\n    UserRequiredFieldsService,\n  );\n\n  // Inputs\n  @Input({ required: true }) userID?: string;\n  @Input({ required: true }) spaces?: ISpaceContext[];\n  @Input() pathPrefix = '/space';\n\n  // Outputs\n  @Output() readonly beforeNavigateToSpace = new EventEmitter<ISpaceContext>();\n\n  protected goSpace(event: Event, space: ISpaceContext): boolean {\n    event.stopPropagation();\n    event.preventDefault();\n    if (space.id) {\n      this.navigateToSpace(space);\n    } else if (space.type) {\n      this.createNewSpace(space.type);\n    }\n    return false;\n  }\n\n  private navigateToSpace(space: ISpaceContext): void {\n    this.beforeNavigateToSpace.emit(space);\n    this.spaceNavService\n      .navigateToSpace(space)\n      .catch(\n        this.errorLogger.logErrorHandler(\n          'Failed to navigate to teams overview page from teams menu',\n        ),\n      );\n  }\n\n  protected createNewSpace(type: SpaceType): boolean {\n    const request: ICreateSpaceRequest = {\n      type,\n    };\n\n    this.userService.userState\n      .pipe(first(), this.takeUntilDestroyed())\n      .subscribe({\n        next: (userState) => {\n          if (userState.record) {\n            this.createSpace(request);\n          } else {\n            this.userRequiredFieldsService\n              .open()\n              .then((modalResult) => {\n                if (modalResult) {\n                  this.createSpace(request);\n                }\n              })\n              .catch(\n                this.errorLogger.logErrorHandler(\n                  'Failed to open user required fields modal',\n                ),\n              );\n          }\n        },\n      });\n    // this.closeMenu();\n    return false;\n  }\n\n  private createSpace(request: ICreateSpaceRequest): void {\n    this.spaceService\n      .createSpace(request)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe({\n        next: (value) => {\n          this.navigateToSpace(value);\n        },\n        error: this.errorLogger.logErrorHandler(\n          'failed to create a new family team',\n        ),\n      });\n  }\n}\n","@for (space of spaces; track space.id; let last = $last) {\n  <ion-item\n    tappable=\"true\"\n    [disabled]=\"!space.brief\"\n    [lines]=\"last ? 'full' : 'inset'\"\n    routerLink=\"{{ pathPrefix }}/{{ space.type }}/{{ space.id }}\"\n    (click)=\"goSpace($event, space)\"\n  >\n    <ion-icon\n      [name]=\"\n        space.type === 'family'\n          ? 'people-outline'\n          : space.type === 'private'\n            ? 'person-circle-outline'\n            : 'people-outline'\n      \"\n      slot=\"start\"\n    />\n    <ion-label class=\"ion-text-wrap\">\n      {{ space.brief?.title || (space.type | titlecase) || space.id }}\n      @if (!space.id && space.brief) {\n        <ion-badge color=\"light\">(new)</ion-badge>\n      }\n    </ion-label>\n    @if (!space.id && !space.brief) {\n      <ion-spinner name=\"lines-small\" />\n    }\n  </ion-item>\n}\n"]}

package/esm2022/lib/spaces-menu/index.js

@@ -0,0 +1,2 @@
+export * from './spaces-menu.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/spaces-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/space/components/src/lib/spaces-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './spaces-menu.component';\n"]}

package/esm2022/lib/spaces-menu/spaces-menu.component.js

@@ -0,0 +1,105 @@
+import { ChangeDetectionStrategy, Component, computed, Input, signal, inject, } from '@angular/core';
+import { IonIcon, IonItem, IonLabel, MenuController, NavController, } from '@ionic/angular/standalone';
+import { SneatUserService } from '@sneat/auth-core';
+import { UserRequiredFieldsService } from '@sneat/auth-ui';
+import { spaceContextFromBrief, zipMapBriefsWithIDs, } from '@sneat/space-models';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { SpacesListComponent } from '../spaces-list';
+import * as i0 from "@angular/core";
+export class SpacesMenuComponent extends SneatBaseComponent {
+    constructor() {
+        super();
+        this.userService = inject(SneatUserService);
+        this.navController = inject(NavController);
+        this.menuController = inject(MenuController);
+        this.spacesLabel = 'Spaces';
+        this.pathPrefix = '/space';
+        this.$userSpaces = signal(undefined, ...(ngDevMode ? [{ debugName: "$userSpaces" }] : []));
+        this.$userID = signal('', ...(ngDevMode ? [{ debugName: "$userID" }] : []));
+        this.$spacesToShow = computed(() => {
+            const userSpaces = this.$userSpaces();
+            const spaces = (this.spaceType
+                ? userSpaces?.filter((t) => t.type === this.spaceType)
+                : userSpaces) || [];
+            if (!this.spaceType) {
+                const addPseudoSpace = (type) => {
+                    if (!spaces.some((t) => t.type === type)) {
+                        spaces.push({
+                            id: '',
+                            type,
+                            brief: userSpaces
+                                ? {
+                                    type,
+                                    title: '',
+                                }
+                                : undefined, // define brief indicates we have user record loaded
+                        });
+                    }
+                };
+                addPseudoSpace('family');
+                addPseudoSpace('private');
+            }
+            const sortOrder = {
+                family: 1,
+                private: 2,
+            };
+            spaces.sort((a, b) => {
+                // Determine the sorting priority (lower values mean higher priority)
+                const priorityA = (a.type && sortOrder[a.type]) ?? 3; // Default to 3 for all other types
+                const priorityB = (b.type && sortOrder[b.type]) ?? 3;
+                // Compare priority first
+                if (priorityA !== priorityB) {
+                    return priorityA - priorityB;
+                }
+                // If same priority, sort by title alphabetically
+                return a.brief?.title.localeCompare(b.brief?.title || '') || 0;
+            });
+            return spaces;
+        }, ...(ngDevMode ? [{ debugName: "$spacesToShow" }] : []));
+        this.onUserStateChanged = (user) => {
+            this.$userID.set(user.user?.uid || '');
+            if (!user?.record) {
+                this.$userSpaces.set(undefined);
+                return;
+            }
+            this.$userSpaces.set(user?.record?.spaces
+                ? zipMapBriefsWithIDs(user?.record?.spaces).map((t) => spaceContextFromBrief(t.id, t.brief))
+                : []);
+        };
+        this.$familySpace = signal(undefined, ...(ngDevMode ? [{ debugName: "$familySpace" }] : []));
+        const userService = this.userService;
+        userService.userState.pipe(this.takeUntilDestroyed()).subscribe({
+            next: this.onUserStateChanged,
+        });
+    }
+    closeMenu() {
+        this.menuController
+            .close()
+            .catch(this.errorLogger.logErrorHandler('Failed to close teams menu'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpacesMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SpacesMenuComponent, isStandalone: true, selector: "sneat-spaces-menu", inputs: { spacesLabel: "spacesLabel", pathPrefix: "pathPrefix", spaceType: "spaceType" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'SpacesMenuComponent',
+            },
+            UserRequiredFieldsService,
+        ], usesInheritance: true, ngImport: i0, template: "<ion-item>\n  <ion-label color=\"medium\" style=\"font-weight: bold\">{{\n    spacesLabel || \"Spaces\"\n  }}</ion-label>\n</ion-item>\n\n@if ($spacesToShow().length) {\n  <sneat-spaces-list\n    [spaces]=\"$spacesToShow()\"\n    [userID]=\"$userID()\"\n    (beforeNavigateToSpace)=\"closeMenu()\"\n  />\n} @else if (spaceType) {\n  <ion-item>\n    <ion-icon name=\"people-outline\" slot=\"start\" />\n    <ion-label color=\"medium\">\n      @if (spaceType === \"company\") {\n        No companies\n      } @else {\n        No {{ spaceType }}\n      }\n    </ion-label>\n  </ion-item>\n}\n", dependencies: [{ kind: "component", type: SpacesListComponent, selector: "sneat-spaces-list", inputs: ["userID", "spaces", "pathPrefix"], outputs: ["beforeNavigateToSpace"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpacesMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-spaces-menu', imports: [SpacesListComponent, IonItem, IonLabel, IonIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'SpacesMenuComponent',
+                        },
+                        UserRequiredFieldsService,
+                    ], template: "<ion-item>\n  <ion-label color=\"medium\" style=\"font-weight: bold\">{{\n    spacesLabel || \"Spaces\"\n  }}</ion-label>\n</ion-item>\n\n@if ($spacesToShow().length) {\n  <sneat-spaces-list\n    [spaces]=\"$spacesToShow()\"\n    [userID]=\"$userID()\"\n    (beforeNavigateToSpace)=\"closeMenu()\"\n  />\n} @else if (spaceType) {\n  <ion-item>\n    <ion-icon name=\"people-outline\" slot=\"start\" />\n    <ion-label color=\"medium\">\n      @if (spaceType === \"company\") {\n        No companies\n      } @else {\n        No {{ spaceType }}\n      }\n    </ion-label>\n  </ion-item>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { spacesLabel: [{
+                type: Input
+            }], pathPrefix: [{
+                type: Input
+            }], spaceType: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=spaces-menu.component.js.map

package/esm2022/lib/spaces-menu/spaces-menu.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces-menu.component.js","sourceRoot":"","sources":["../../../../../../../libs/space/components/src/lib/spaces-menu/spaces-menu.component.ts","../../../../../../../libs/space/components/src/lib/spaces-menu/spaces-menu.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Input,\n  signal,\n  inject,\n} from '@angular/core';\nimport {\n  IonIcon,\n  IonItem,\n  IonLabel,\n  MenuController,\n  NavController,\n} from '@ionic/angular/standalone';\nimport { ISneatUserState, SneatUserService } from '@sneat/auth-core';\nimport { UserRequiredFieldsService } from '@sneat/auth-ui';\nimport { SpaceType } from '@sneat/core';\nimport {\n  ISpaceContext,\n  spaceContextFromBrief,\n  zipMapBriefsWithIDs,\n} from '@sneat/space-models';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { SpacesListComponent } from '../spaces-list';\n\n@Component({\n  selector: 'sneat-spaces-menu',\n  templateUrl: './spaces-menu.component.html',\n  imports: [SpacesListComponent, IonItem, IonLabel, IonIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'SpacesMenuComponent',\n    },\n    UserRequiredFieldsService,\n  ],\n})\nexport class SpacesMenuComponent extends SneatBaseComponent {\n  readonly userService = inject(SneatUserService);\n  private readonly navController = inject(NavController);\n  private readonly menuController = inject(MenuController);\n\n  @Input() spacesLabel = 'Spaces';\n  @Input() pathPrefix = '/space';\n\n  @Input() spaceType?: SpaceType;\n\n  protected readonly $userSpaces = signal<ISpaceContext[] | undefined>(\n    undefined,\n  );\n\n  protected readonly $userID = signal<string>('');\n\n  protected readonly $spacesToShow = computed<ISpaceContext[]>(() => {\n    const userSpaces = this.$userSpaces();\n    const spaces =\n      (this.spaceType\n        ? userSpaces?.filter((t) => t.type === this.spaceType)\n        : userSpaces) || [];\n    if (!this.spaceType) {\n      const addPseudoSpace = (type: 'family' | 'private'): void => {\n        if (!spaces.some((t) => t.type === type)) {\n          spaces.push({\n            id: '',\n            type,\n            brief: userSpaces\n              ? {\n                  type,\n                  title: '',\n                }\n              : undefined, // define brief indicates we have user record loaded\n          });\n        }\n      };\n      addPseudoSpace('family');\n      addPseudoSpace('private');\n    }\n    const sortOrder: Record<string, number> = {\n      family: 1,\n      private: 2,\n    };\n    spaces.sort((a: ISpaceContext, b: ISpaceContext) => {\n      // Determine the sorting priority (lower values mean higher priority)\n      const priorityA = (a.type && sortOrder[a.type]) ?? 3; // Default to 3 for all other types\n      const priorityB = (b.type && sortOrder[b.type]) ?? 3;\n\n      // Compare priority first\n      if (priorityA !== priorityB) {\n        return priorityA - priorityB;\n      }\n\n      // If same priority, sort by title alphabetically\n      return a.brief?.title.localeCompare(b.brief?.title || '') || 0;\n    });\n    return spaces;\n  });\n\n  private onUserStateChanged = (user: ISneatUserState): void => {\n    this.$userID.set(user.user?.uid || '');\n    if (!user?.record) {\n      this.$userSpaces.set(undefined);\n      return;\n    }\n\n    this.$userSpaces.set(\n      user?.record?.spaces\n        ? zipMapBriefsWithIDs(user?.record?.spaces).map((t) =>\n            spaceContextFromBrief(t.id, t.brief),\n          )\n        : [],\n    );\n  };\n\n  protected readonly $familySpace = signal<ISpaceContext | undefined>(\n    undefined,\n  );\n\n  constructor() {\n    super();\n    const userService = this.userService;\n\n    userService.userState.pipe(this.takeUntilDestroyed()).subscribe({\n      next: this.onUserStateChanged,\n    });\n  }\n\n  protected closeMenu(): void {\n    this.menuController\n      .close()\n      .catch(this.errorLogger.logErrorHandler('Failed to close teams menu'));\n  }\n}\n","<ion-item>\n  <ion-label color=\"medium\" style=\"font-weight: bold\">{{\n    spacesLabel || \"Spaces\"\n  }}</ion-label>\n</ion-item>\n\n@if ($spacesToShow().length) {\n  <sneat-spaces-list\n    [spaces]=\"$spacesToShow()\"\n    [userID]=\"$userID()\"\n    (beforeNavigateToSpace)=\"closeMenu()\"\n  />\n} @else if (spaceType) {\n  <ion-item>\n    <ion-icon name=\"people-outline\" slot=\"start\" />\n    <ion-label color=\"medium\">\n      @if (spaceType === \"company\") {\n        No companies\n      } @else {\n        No {{ spaceType }}\n      }\n    </ion-label>\n  </ion-item>\n}\n"]}

package/esm2022/sneat-space-components.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=sneat-space-components.js.map

package/esm2022/sneat-space-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-space-components.js","sourceRoot":"","sources":["../../../../../libs/space/components/src/sneat-space-components.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './lib';

package/lib/avatar/avatar.component.d.ts

@@ -0,0 +1,7 @@
+import { IAvatar } from '@sneat/auth-models';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent {
+    avatar?: IAvatar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "sneat-avatar", never, { "avatar": { "alias": "avatar"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+export * from './avatar/avatar.component';
+export * from './space-menu';
+export * from './spaces-menu';
+export * from './space-page-title/space-page-title.component';
+export * from './space-page-base-component.service';
+export * from './space-component-base-params.service';
+export * from './space-item-page-base.component';
+export * from './space-items-base.component';
+export * from './spaces-list';
+export * from './spaces-card';
+export * from './space-module-base.component';
+export * from './space-base-component.directive';

package/lib/space-base-component.directive.d.ts

@@ -0,0 +1,68 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, ParamMap } from '@angular/router';
+import { NavController } from '@ionic/angular/standalone';
+import { ILogger, ISpaceRef, SpaceType } from '@sneat/core';
+import { ISpaceBrief, ISpaceDbo } from '@sneat/dto';
+import { ISpaceContext } from '@sneat/space-models';
+import { SpaceService } from '@sneat/space-services';
+import { SneatUserService } from '@sneat/auth-core';
+import { SneatBaseComponent } from '@sneat/ui';
+import { MonoTypeOperatorFunction, Observable, Subject } from 'rxjs';
+import { SpaceComponentBaseParams } from './space-component-base-params.service';
+import * as i0 from "@angular/core";
+type NavigationOptions = NonNullable<Parameters<NavController['navigateRoot']>[1]>;
+export declare abstract class SpaceBaseComponent extends SneatBaseComponent implements OnInit {
+    protected readonly $spaceRef: import("@angular/core").WritableSignal<ISpaceRef | null | undefined>;
+    private readonly $spaceBrief;
+    private readonly $spaceDbo;
+    protected readonly $spaceID: import("@angular/core").Signal<string | undefined>;
+    protected readonly $spaceType: import("@angular/core").Signal<SpaceType | undefined>;
+    protected readonly $space: import("@angular/core").Signal<ISpaceContext>;
+    private readonly spaceIDChanged;
+    private readonly spaceTypeChanged;
+    protected takeUntilSpaceIdChanged<T>(): MonoTypeOperatorFunction<T>;
+    protected noPermissions: boolean;
+    protected readonly spaceBriefChanged: Subject<ISpaceBrief | null | undefined>;
+    protected readonly spaceDboChanged: Subject<ISpaceDbo | null | undefined>;
+    private readonly spaceChanged;
+    protected readonly spaceChanged$: Observable<ISpaceContext>;
+    protected readonly navController: NavController;
+    protected readonly userService: SneatUserService;
+    protected readonly spaceService: SpaceService;
+    protected readonly logger: ILogger;
+    protected defaultBackPage?: string;
+    protected readonly spaceIDChanged$: Observable<string | undefined>;
+    protected readonly spaceTypeChanged$: Observable<SpaceType | undefined>;
+    protected readonly spaceBriefChanged$: Observable<ISpaceBrief | null | undefined>;
+    readonly spaceDboChanged$: Observable<ISpaceDbo | null | undefined>;
+    protected get space(): ISpaceContext;
+    protected get preloader(): import("@sneat/core").NgModulePreloaderService;
+    protected get spaceNav(): import("@sneat/space-services").SpaceNavService;
+    protected get currentUserId(): string | undefined;
+    protected readonly $defaultBackUrlSpacePath: import("@angular/core").WritableSignal<string>;
+    protected $defaultBackUrl: import("@angular/core").Signal<string>;
+    protected readonly route: ActivatedRoute;
+    protected readonly spaceParams: SpaceComponentBaseParams;
+    constructor();
+    ngOnInit(): void;
+    protected onUserIdChanged(): void;
+    protected navigateForwardToSpacePage(page: string, navOptions?: NavigationOptions): Promise<boolean>;
+    protected onSpaceIdChanged(): void;
+    protected onSpaceDboChanged(): void;
+    protected onRouteParamsChanged(params: ParamMap): void;
+    protected trackRouteParamMap(paramMap$: Observable<ParamMap>): void;
+    private trackSpaceIdFromRouteParams;
+    private readonly onSpaceIdChangedInUrl;
+    private subscribeForSpaceChanges;
+    private getSpaceContextFromRouteState;
+    private cleanupOnUserLogout;
+    protected setSpaceRef(spaceRef?: ISpaceRef): void;
+    private setSpaceContext;
+    private readonly onSpaceContextChanged;
+    protected saveNotes(event: Event): void;
+    protected spacePageUrl(page: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaceBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SpaceBaseComponent, never, never, {}, {}, never, never, true, never>;
+}
+export declare const spacePageUrl: (team?: ISpaceContext, page?: string) => string | undefined;
+export {};

package/lib/space-component-base-params.service.d.ts

@@ -0,0 +1,15 @@
+import { IAppInfo, ILoggerFactory, NgModulePreloaderService } from '@sneat/core';
+import { IErrorLogger } from '@sneat/core';
+import { SpaceNavService } from '@sneat/space-services';
+import { SneatUserService } from '@sneat/auth-core';
+import * as i0 from "@angular/core";
+export declare class SpaceComponentBaseParams {
+    readonly errorLogger: IErrorLogger;
+    readonly loggerFactory: ILoggerFactory;
+    protected readonly appService: IAppInfo;
+    readonly userService: SneatUserService;
+    readonly spaceNavService: SpaceNavService;
+    readonly preloader: NgModulePreloaderService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaceComponentBaseParams, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpaceComponentBaseParams>;
+}

package/lib/space-item-page-base.component.d.ts

@@ -0,0 +1,22 @@
+import { ParamMap } from '@angular/router';
+import { INavContext, SpaceItem } from '@sneat/core';
+import { ISpaceItemNavContext } from '@sneat/space-models';
+import { ModuleSpaceItemService } from '@sneat/space-services';
+import { Observable } from 'rxjs';
+import { SpacePageBaseComponent } from './space-page-base-component.service';
+export declare abstract class SpaceItemPageBaseComponent<Brief, Dbo extends Brief> extends SpacePageBaseComponent {
+    private readonly itemName;
+    protected readonly spaceItemService: ModuleSpaceItemService<Brief, Dbo>;
+    protected readonly $item: import("@angular/core").WritableSignal<ISpaceItemNavContext<Brief, Dbo>>;
+    protected readonly $itemID: import("@angular/core").Signal<string>;
+    protected constructor(defaultBackPage: string, itemName: SpaceItem, spaceItemService: ModuleSpaceItemService<Brief, Dbo>);
+    protected setItemContext(item?: ISpaceItemNavContext<Brief, Dbo>): void;
+    protected abstract briefs(): Readonly<Record<string, Brief>> | undefined;
+    private itemSubscription?;
+    protected watchItemChanges(): Observable<INavContext<Brief, Dbo>>;
+    protected trackRouteParamMap(paramMap$: Observable<ParamMap>): void;
+    protected trackRouteParamItemID(paramMap$: Observable<ParamMap>): void;
+    protected getItemID$(paramMap$: Observable<ParamMap>): Observable<string>;
+    private onItemIDChanged;
+    private setBriefFromSpace;
+}

package/lib/space-items-base.component.d.ts

@@ -0,0 +1,4 @@
+import { SpaceBaseComponent } from './space-base-component.directive';
+export declare abstract class SpaceItemsBaseComponent extends SpaceBaseComponent {
+    protected constructor(parentPagePath: string);
+}

package/lib/space-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './space-menu.component';

package/lib/space-menu/space-menu.component.d.ts

@@ -0,0 +1,19 @@
+import { IUserSpaceBrief } from '@sneat/auth-models';
+import { IIdAndBrief } from '@sneat/core';
+import { SpaceBaseComponent } from '../space-base-component.directive';
+import * as i0 from "@angular/core";
+export declare class SpaceMenuComponent extends SpaceBaseComponent {
+    protected readonly $spaces: import("@angular/core").WritableSignal<readonly IIdAndBrief<IUserSpaceBrief>[] | undefined>;
+    protected readonly $disabled: import("@angular/core").Signal<boolean>;
+    protected readonly $currentPage: import("@angular/core").WritableSignal<string>;
+    private readonly activatedRoute;
+    private readonly menuCtrl;
+    constructor();
+    protected goOverview(): boolean;
+    protected goSpacePage(event: Event, _p: string): boolean;
+    protected closeMenu(): void;
+    protected onSpaceSelected(event: Event): void;
+    private readonly onUserStateChanged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaceMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpaceMenuComponent, "sneat-space-menu", never, {}, {}, never, never, true, never>;
+}

package/lib/space-module-base.component.d.ts

@@ -0,0 +1,10 @@
+import { BehaviorSubject } from 'rxjs';
+import { SpaceBaseComponent } from './space-base-component.directive';
+import { SpaceModuleService } from '@sneat/space-services';
+export declare abstract class SpaceModuleBaseComponent<Brief, Dbo extends Brief> extends SpaceBaseComponent {
+    protected spaceModuleService: SpaceModuleService<Dbo>;
+    protected readonly spaceModuleDbo$: BehaviorSubject<Dbo | null | undefined>;
+    constructor(spaceModuleService: SpaceModuleService<Dbo>);
+    protected onSpaceIdChanged(): void;
+    protected onSpaceModuleDboChanged(_dbo: Dbo | null): void;
+}

package/lib/space-page-base-component.service.d.ts

@@ -0,0 +1,6 @@
+import { SpaceBaseComponent } from './space-base-component.directive';
+import * as i0 from "@angular/core";
+export declare abstract class SpacePageBaseComponent extends SpaceBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacePageBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpacePageBaseComponent>;
+}

package/lib/space-page-title/space-page-title.component.d.ts

@@ -0,0 +1,11 @@
+import { ISpaceContext } from '@sneat/space-models';
+import * as i0 from "@angular/core";
+export declare class SpacePageTitleComponent {
+    icon?: string;
+    generalTitle?: string;
+    space?: ISpaceContext;
+    titlesBySpaceType?: Record<string, string>;
+    get typeTitle(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacePageTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacePageTitleComponent, "sneat-space-page-title", never, { "icon": { "alias": "icon"; "required": false; }; "generalTitle": { "alias": "generalTitle"; "required": false; }; "space": { "alias": "space"; "required": true; }; "titlesBySpaceType": { "alias": "titlesBySpaceType"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/spaces-card/index.d.ts

@@ -0,0 +1 @@
+export * from './spaces-card.component';

package/lib/spaces-card/spaces-card.component.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { IonInput } from '@ionic/angular/standalone';
+import { IUserSpaceBrief } from '@sneat/auth-models';
+import { IIdAndBrief } from '@sneat/core';
+import { ISpaceContext } from '@sneat/space-models';
+import * as i0 from "@angular/core";
+export declare class SpacesCardComponent implements OnInit, OnDestroy {
+    private readonly errorLogger;
+    private readonly navService;
+    private readonly userService;
+    private readonly spaceService;
+    private readonly analyticsService;
+    private readonly toastController;
+    addSpaceInput?: IonInput;
+    spaces?: IIdAndBrief<IUserSpaceBrief>[];
+    loadingState: 'Authenticating' | 'Loading';
+    spaceName: string;
+    adding: boolean;
+    showAdd: boolean;
+    private readonly destroyed;
+    private subscriptions;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    goSpace(space: ISpaceContext): void;
+    addSpace(): void;
+    startAddingSpace(): void;
+    leaveSpace(space: IIdAndBrief<IUserSpaceBrief>, event?: Event): void;
+    private watchUserRecord;
+    private unsubscribe;
+    private setUser;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacesCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacesCardComponent, "sneat-spaces-card", never, {}, {}, never, never, true, never>;
+}

package/lib/spaces-list/index.d.ts

@@ -0,0 +1 @@
+export * from './spaces-list.component';

package/lib/spaces-list/spaces-list.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { SpaceType } from '@sneat/core';
+import { ISpaceContext } from '@sneat/space-models';
+import { SneatUserService } from '@sneat/auth-core';
+import { SneatBaseComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export declare class SpacesListComponent extends SneatBaseComponent {
+    readonly userService: SneatUserService;
+    private readonly spaceNavService;
+    private readonly spaceService;
+    private readonly userRequiredFieldsService;
+    userID?: string;
+    spaces?: ISpaceContext[];
+    pathPrefix: string;
+    readonly beforeNavigateToSpace: EventEmitter<ISpaceContext>;
+    protected goSpace(event: Event, space: ISpaceContext): boolean;
+    private navigateToSpace;
+    protected createNewSpace(type: SpaceType): boolean;
+    private createSpace;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacesListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacesListComponent, "sneat-spaces-list", never, { "userID": { "alias": "userID"; "required": true; }; "spaces": { "alias": "spaces"; "required": true; }; "pathPrefix": { "alias": "pathPrefix"; "required": false; }; }, { "beforeNavigateToSpace": "beforeNavigateToSpace"; }, never, never, true, never>;
+}

package/lib/spaces-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './spaces-menu.component';

package/lib/spaces-menu/spaces-menu.component.d.ts

@@ -0,0 +1,22 @@
+import { SneatUserService } from '@sneat/auth-core';
+import { SpaceType } from '@sneat/core';
+import { ISpaceContext } from '@sneat/space-models';
+import { SneatBaseComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export declare class SpacesMenuComponent extends SneatBaseComponent {
+    readonly userService: SneatUserService;
+    private readonly navController;
+    private readonly menuController;
+    spacesLabel: string;
+    pathPrefix: string;
+    spaceType?: SpaceType;
+    protected readonly $userSpaces: import("@angular/core").WritableSignal<ISpaceContext[] | undefined>;
+    protected readonly $userID: import("@angular/core").WritableSignal<string>;
+    protected readonly $spacesToShow: import("@angular/core").Signal<ISpaceContext[]>;
+    private onUserStateChanged;
+    protected readonly $familySpace: import("@angular/core").WritableSignal<ISpaceContext | undefined>;
+    constructor();
+    protected closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacesMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacesMenuComponent, "sneat-spaces-menu", never, { "spacesLabel": { "alias": "spacesLabel"; "required": false; }; "pathPrefix": { "alias": "pathPrefix"; "required": false; }; "spaceType": { "alias": "spaceType"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@sneat/space-components",
+  "version": "0.2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=21.0.0",
+    "@angular/core": ">=21.0.0",
+    "@ionic/angular": ">=8"
+  },
+  "dependencies": {
+    "tslib": "2.8.1"
+  },
+  "module": "esm2022/sneat-space-components.js",
+  "typings": "sneat-space-components.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./sneat-space-components.d.ts",
+      "default": "./esm2022/sneat-space-components.js"
+    }
+  },
+  "sideEffects": false
+}

package/sneat-space-components.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@sneat/space-components" />
+export * from './index';