@unipin/angular-applet 21.1.2 → 21.3.0

package/fesm2022/unipin-angular-applet-audit.mjs

@@ -0,0 +1,220 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, signal, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { of } from 'rxjs';
+import { map, catchError } from 'rxjs/operators';
+import * as i1 from '@unipin/angular-gql';
+import { DatePipe } from '@angular/common';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { matKeyboardArrowDownRound, matHourglassEmptyRound, matAddCircleRound, matErrorRound, matEditRound } from '@ng-icons/material-icons/round';
+import { UpSpinnerComponent } from '@unipin/angular-applet/spinner';
+import { UpInfiniteScrollDirective } from '@unipin/angular-applet/infinite-scroll';
+
+class AuditService {
+    constructor(gql) {
+        this.gql = gql;
+    }
+    query(input) {
+        return this.gql.query({
+            operationName: 'QueryAuditTrail',
+            variables: {
+                input
+            },
+            query: `
+        query QueryAuditTrail($input: AuditTrailCriteria) {
+          auditMsAuditTrail(input: $input) {
+            action
+            createdAt
+            description
+            function
+            guid
+            msSource
+            sourceIp
+            data
+            user {
+              name
+              sourcePlatform
+              status
+              appLoginPrincipal {
+                principalId
+                principalType
+              }
+            }
+          }
+        }
+      `,
+        }).pipe(map((res) => {
+            return {
+                data: res.data ?? null,
+                errors: res.errors ?? []
+            };
+        }), catchError((err) => {
+            return of({
+                data: null,
+                errors: Array.isArray(err) ? err : [err]
+            });
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuditService, deps: [{ token: i1.GqlParser }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuditService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuditService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.GqlParser }] });
+
+class UpAuditListComponent {
+    constructor(service) {
+        this.service = service;
+        this.tagValues = input(...(ngDevMode ? [undefined, { debugName: "tagValues" }] : []));
+        this.relatedEntities = input(...(ngDevMode ? [undefined, { debugName: "relatedEntities" }] : []));
+        this.hasMore = signal(true, ...(ngDevMode ? [{ debugName: "hasMore" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.auditTrails = signal([], ...(ngDevMode ? [{ debugName: "auditTrails" }] : []));
+        this.selectedTrail = signal(null, ...(ngDevMode ? [{ debugName: "selectedTrail" }] : []));
+        this.criteria = {
+            page: 0,
+            pageSize: 20,
+            sortBy: 'createdAt',
+            sortDirection: 'desc'
+        };
+        effect(() => {
+            this.criteria.page = 0;
+            this.criteria.tagValues = undefined;
+            this.criteria.relatedEntities = undefined;
+            if (this.tagValues()) {
+                this.criteria.tagValues = this.tagValues();
+            }
+            if (this.relatedEntities()) {
+                this.criteria.relatedEntities = this.relatedEntities();
+            }
+            untracked(() => {
+                this.hasMore.set(true);
+                this.auditTrails.set([]);
+                this.isLoading.set(false);
+                this.sub?.unsubscribe();
+                this.loadData();
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+    }
+    loadData() {
+        if (this.isLoading() ||
+            !this.hasMore()) {
+            return;
+        }
+        this.isLoading.set(true);
+        this.sub = this.service.query(this.criteria).subscribe({
+            error: () => {
+                this.isLoading.set(false);
+            },
+            next: ({ data: { auditMsAuditTrail: data } }) => {
+                const formattedData = data.reduce((acc, curr) => {
+                    if (!curr) {
+                        return acc;
+                    }
+                    acc.push({
+                        ...curr,
+                        icon: this.getAuditIcon(curr),
+                        changedData: this.getChangedData(curr.data),
+                    });
+                    return acc;
+                }, []);
+                this.hasMore.set(formattedData.length >= this.criteria.pageSize);
+                this.auditTrails.update((curr) => {
+                    return [
+                        ...curr,
+                        ...formattedData
+                    ];
+                });
+                this.criteria.page++;
+                this.isLoading.set(false);
+            }
+        });
+    }
+    getAuditIcon(audit) {
+        const actionLower = audit.action?.toLowerCase() || '';
+        const descLower = audit.description?.toLowerCase() || '';
+        if (actionLower.includes('waiting') ||
+            descLower.includes('waiting')) {
+            return 'matHourglassEmptyRound';
+        }
+        if (actionLower.includes('creation') ||
+            descLower.includes('creation')) {
+            return 'matAddCircleRound';
+        }
+        if (actionLower.includes('update') ||
+            descLower.includes('update')) {
+            return 'matEditRound';
+        }
+        return 'matErrorRound';
+    }
+    getChangedData(data) {
+        if (!data ||
+            !data.oldData ||
+            !data.newData) {
+            return [];
+        }
+        try {
+            const oldData = JSON.parse(data.oldData);
+            const newData = JSON.parse(data.newData);
+            return Object.keys(newData).filter((key) => {
+                return JSON.stringify(oldData[key]) !== JSON.stringify(newData[key]) && !key.match(/update|created/);
+            }).map((key) => {
+                return {
+                    field: key,
+                    oldValue: this.formatValue(oldData[key]),
+                    newValue: this.formatValue(newData[key])
+                };
+            });
+        }
+        catch (error) {
+            return [];
+        }
+    }
+    formatValue(value) {
+        if (value === null || value === undefined)
+            return '-';
+        if (typeof value === 'object')
+            return JSON.stringify(value);
+        return String(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpAuditListComponent, deps: [{ token: AuditService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UpAuditListComponent, isStandalone: true, selector: "up-audit-list", inputs: { tagValues: { classPropertyName: "tagValues", publicName: "tagValues", isSignal: true, isRequired: false, transformFunction: null }, relatedEntities: { classPropertyName: "relatedEntities", publicName: "relatedEntities", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideIcons({
+                matEditRound,
+                matErrorRound,
+                matAddCircleRound,
+                matHourglassEmptyRound,
+                matKeyboardArrowDownRound,
+            })
+        ], ngImport: i0, template: "<div class=\"w-full pb-5 pl-5 border-l-2 border-border\">\n    @for (audit of auditTrails(); track audit.guid) {\n        <div class=\"relative flex items-start first:pt-2.5 not-first:pt-4 not-last:pb-4 not-last:border-b not-last:border-border\">\n            <div class=\"absolute border border-border rounded-full p-2 flex items-center bg-[#f5f7f6] -left-9.25\">\n                <ng-icon\n                    size=\"14\"\n                    [name]=\"audit.icon\"\n                />\n            </div>\n\n            <div class=\"px-2 pt-1.25 w-full\">\n                <div class=\"flex items-center justify-between gap-3 select-none\">\n                    <div class=\"text-sm grow\">\n                        <b>{{ audit.user?.name }}</b> <span class=\"lowercase\">&nbsp;{{ audit.action }} <i class=\"text-muted-foreground\">\u2022</i></span>\n                        <span class=\"text-muted-foreground text-xs\">&nbsp;{{ audit.createdAt | date: 'dd LLL yyyy HH:mm' }}</span>\n                    </div>\n\n                    <button\n                        type=\"button\"\n                        class=\"text-sm text-primary font-medium hover:underline shrink-0 cursor-pointer\"\n                        (click)=\"selectedTrail.set(audit)\"\n                    >\n                        Detail\n                    </button>\n                </div>\n\n                @if (\n                    audit.changedData && \n                    audit.changedData.length > 0\n                ) {\n                    <table class=\"w-full my-2 table-fixed border-collapse rounded-md select-none\">\n                        <thead class=\"border-inherit border-solid border-0\">\n                            <tr>\n                                <th class=\"w-[30%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tl-2\">Field</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base\">Old Value</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tr-2\">New Value</th>\n                            </tr>\n                        </thead>\n\n                        <tbody class=\"border-inherit border-solid border-0\">\n                            @for (data of audit.changedData; track data.field; let even = $even) {\n                                <tr \n                                    [class]=\"even? 'bg-white': 'bg-[#f9f9f9]'\"\n                                >\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        {{ data.field }}\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.oldValue }}</div>\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.newValue }}</div>\n                                    </td>\n                                </tr>\n                            }\n                        </tbody>\n                    </table>\n                }\n            </div>\n        </div>\n    }\n</div>\n\n\n@if (hasMore()) {\n    <div \n        upInfiniteScroll\n        class=\"flex justify-center py-4\"\n        (scrolled)=\"loadData()\"\n    >\n        <up-spinner />\n    </div>\n}\n\n@defer (when selectedTrail()) {\n    <up-audit-modal\n        [audit]=\"selectedTrail()\"\n        (dismissed)=\"selectedTrail.set(null)\"\n    />\n}\n", dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: UpSpinnerComponent, selector: "up-spinner", inputs: ["stokeWidth", "inlineClass"] }, { kind: "directive", type: UpInfiniteScrollDirective, selector: "[upInfiniteScroll]", inputs: ["threshold", "rootMargin"], outputs: ["scrolled"], exportAs: ["upInfiniteScroll"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./unipin-angular-applet-audit-audit-modal.component-3a2P0bZr.mjs').then(m => m.UpAuditModalComponent)]] }); }
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.5", ngImport: i0, type: UpAuditListComponent, resolveDeferredDeps: () => [import('./unipin-angular-applet-audit-audit-modal.component-3a2P0bZr.mjs').then(m => m.UpAuditModalComponent)], resolveMetadata: UpAuditModalComponent => ({ decorators: [{
+                type: Component,
+                args: [{ standalone: true, selector: 'up-audit-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                            NgIcon,
+                            DatePipe,
+                            UpSpinnerComponent,
+                            UpInfiniteScrollDirective,
+                            UpAuditModalComponent
+                        ], providers: [
+                            provideIcons({
+                                matEditRound,
+                                matErrorRound,
+                                matAddCircleRound,
+                                matHourglassEmptyRound,
+                                matKeyboardArrowDownRound,
+                            })
+                        ], template: "<div class=\"w-full pb-5 pl-5 border-l-2 border-border\">\n    @for (audit of auditTrails(); track audit.guid) {\n        <div class=\"relative flex items-start first:pt-2.5 not-first:pt-4 not-last:pb-4 not-last:border-b not-last:border-border\">\n            <div class=\"absolute border border-border rounded-full p-2 flex items-center bg-[#f5f7f6] -left-9.25\">\n                <ng-icon\n                    size=\"14\"\n                    [name]=\"audit.icon\"\n                />\n            </div>\n\n            <div class=\"px-2 pt-1.25 w-full\">\n                <div class=\"flex items-center justify-between gap-3 select-none\">\n                    <div class=\"text-sm grow\">\n                        <b>{{ audit.user?.name }}</b> <span class=\"lowercase\">&nbsp;{{ audit.action }} <i class=\"text-muted-foreground\">\u2022</i></span>\n                        <span class=\"text-muted-foreground text-xs\">&nbsp;{{ audit.createdAt | date: 'dd LLL yyyy HH:mm' }}</span>\n                    </div>\n\n                    <button\n                        type=\"button\"\n                        class=\"text-sm text-primary font-medium hover:underline shrink-0 cursor-pointer\"\n                        (click)=\"selectedTrail.set(audit)\"\n                    >\n                        Detail\n                    </button>\n                </div>\n\n                @if (\n                    audit.changedData && \n                    audit.changedData.length > 0\n                ) {\n                    <table class=\"w-full my-2 table-fixed border-collapse rounded-md select-none\">\n                        <thead class=\"border-inherit border-solid border-0\">\n                            <tr>\n                                <th class=\"w-[30%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tl-2\">Field</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base\">Old Value</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tr-2\">New Value</th>\n                            </tr>\n                        </thead>\n\n                        <tbody class=\"border-inherit border-solid border-0\">\n                            @for (data of audit.changedData; track data.field; let even = $even) {\n                                <tr \n                                    [class]=\"even? 'bg-white': 'bg-[#f9f9f9]'\"\n                                >\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        {{ data.field }}\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.oldValue }}</div>\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.newValue }}</div>\n                                    </td>\n                                </tr>\n                            }\n                        </tbody>\n                    </table>\n                }\n            </div>\n        </div>\n    }\n</div>\n\n\n@if (hasMore()) {\n    <div \n        upInfiniteScroll\n        class=\"flex justify-center py-4\"\n        (scrolled)=\"loadData()\"\n    >\n        <up-spinner />\n    </div>\n}\n\n@defer (when selectedTrail()) {\n    <up-audit-modal\n        [audit]=\"selectedTrail()\"\n        (dismissed)=\"selectedTrail.set(null)\"\n    />\n}\n" }]
+            }], ctorParameters: () => [{ type: AuditService }], propDecorators: { tagValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagValues", required: false }] }], relatedEntities: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedEntities", required: false }] }] } }) });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuditService, UpAuditListComponent };
+//# sourceMappingURL=unipin-angular-applet-audit.mjs.map

package/fesm2022/unipin-angular-applet-audit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unipin-angular-applet-audit.mjs","sources":["../../../projects/unipin-angular/audit/services/audit.service.ts","../../../projects/unipin-angular/audit/components/list/audit-list.component.ts","../../../projects/unipin-angular/audit/components/list/audit-list.component.html","../../../projects/unipin-angular/audit/unipin-angular-applet-audit.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\nimport { GqlParser, QueryResult } from '@unipin/angular-gql';\nimport { AuditTrail, AuditTrailCriteria } from '@unipin/graphql-schema';\n\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AuditService {\n\n  constructor(\n    protected readonly gql: GqlParser\n  ) { }\n\n  public query(input: AuditTrailCriteria): Observable<QueryResult<{ auditMsAuditTrail: AuditTrail[] }>>{\n    return this.gql.query<{ auditMsAuditTrail: AuditTrail[] }>({\n      operationName: 'QueryAuditTrail',\n      variables: {\n        input\n      },\n      query: `\n        query QueryAuditTrail($input: AuditTrailCriteria) {\n          auditMsAuditTrail(input: $input) {\n            action\n            createdAt\n            description\n            function\n            guid\n            msSource\n            sourceIp\n            data\n            user {\n              name\n              sourcePlatform\n              status\n              appLoginPrincipal {\n                principalId\n                principalType\n              }\n            }\n          }\n        }\n      `,\n    }).pipe(\n      map(\n        (res) => {\n          return {\n            data: res.data?? null,\n            errors: res.errors?? []\n          };\n        }\n      ),\n      catchError(\n        (err) => {\n          return of(\n            {\n              data: null as any,\n              errors: Array.isArray(err)? err : [err]\n            }\n          );\n        }\n      )\n    );\n  }\n}\n","import { Component, ChangeDetectionStrategy, signal, OnDestroy, input, effect, untracked } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { Subscription } from 'rxjs';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matAddCircleRound, matKeyboardArrowDownRound, matEditRound, matHourglassEmptyRound, matErrorRound } from '@ng-icons/material-icons/round';\nimport { AuditTrail, AuditTrailCriteria } from '@unipin/graphql-schema';\nimport { UpSpinnerComponent } from '@unipin/angular-applet/spinner';\nimport { UpInfiniteScrollDirective } from '@unipin/angular-applet/infinite-scroll';\nimport { AuditService } from './../../services/audit.service';\nimport { UpAuditModalComponent } from '../modal/audit-modal.component';\n\n\ntype AuditTrailData = AuditTrail & {\n  icon: string;\n  changedData?: Array<{ field: string; oldValue: any; newValue: any }>;\n}\n\n\n@Component({\n  standalone: true,\n  selector: 'up-audit-list',\n  templateUrl: './audit-list.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgIcon,\n    DatePipe,\n    UpSpinnerComponent,\n    UpInfiniteScrollDirective,\n    UpAuditModalComponent\n  ],\n  providers: [\n    provideIcons(\n      { \n        matEditRound,\n        matErrorRound,\n        matAddCircleRound,\n        matHourglassEmptyRound,\n        matKeyboardArrowDownRound,\n      }\n    ) \n  ]\n})\nexport class UpAuditListComponent implements OnDestroy {\n\n  public readonly tagValues = input<string[] | undefined>();\n  public readonly relatedEntities = input<string[] | undefined>();\n\n  public readonly hasMore = signal<boolean>(true);\n  public readonly isLoading = signal<boolean>(false);\n  public readonly auditTrails = signal<AuditTrailData[]>([]);\n  public readonly selectedTrail = signal<AuditTrailData | null>(null);\n\n  protected sub?: Subscription;\n  protected readonly criteria: AuditTrailCriteria = { \n    page: 0, \n    pageSize: 20,\n    sortBy: 'createdAt', \n    sortDirection: 'desc'\n  };\n\n  constructor(\n    protected readonly service: AuditService\n  ) {\n    effect(\n      () => {\n        this.criteria.page = 0;\n        this.criteria.tagValues = undefined;\n        this.criteria.relatedEntities = undefined;\n        \n        if (this.tagValues()) {\n          this.criteria.tagValues = this.tagValues();\n        }\n        \n        if (this.relatedEntities()) {\n          this.criteria.relatedEntities = this.relatedEntities();\n        }\n\n        untracked(\n          () => {\n            this.hasMore.set(true);\n            this.auditTrails.set([]);\n            this.isLoading.set(false);\n\n            this.sub?.unsubscribe();\n            this.loadData();\n          }\n        );\n      }\n    );\n  }\n\n  public ngOnDestroy(): void{\n    this.sub?.unsubscribe();\n  }\n\n  public loadData(): void{\n    if (\n      this.isLoading() || \n      !this.hasMore()\n    ) {\n      return;\n    }\n    this.isLoading.set(true);\n\n    this.sub = this.service.query(this.criteria).subscribe(\n      {\n        error: () => {\n          this.isLoading.set(false);\n        },\n        next: ({ data: { auditMsAuditTrail: data }}) => {\n          const formattedData = data.reduce(\n            (acc, curr) => {\n              if (!curr) {\n                return acc;\n              }\n\n              acc.push(\n                {\n                  ...curr,\n                  icon: this.getAuditIcon(curr),\n                  changedData: this.getChangedData(curr.data),\n                }\n              );\n              return acc;\n            },\n            [] as AuditTrailData[]\n          );\n          this.hasMore.set(formattedData.length >= this.criteria.pageSize!);\n\n          this.auditTrails.update(\n            (curr) => {\n              return [\n                ...curr,\n                ...formattedData\n              ]\n            }\n          );\n          \n          this.criteria.page!++;\n          this.isLoading.set(false);\n        }\n      }\n    );\n  }\n\n  protected getAuditIcon(audit: AuditTrail): string{\n    const actionLower = audit.action?.toLowerCase() || '';\n    const descLower = audit.description?.toLowerCase() || '';\n    \n    if (\n      actionLower.includes('waiting') || \n      descLower.includes('waiting')\n    ) {\n      return 'matHourglassEmptyRound';\n    }\n    \n    if (\n      actionLower.includes('creation') || \n      descLower.includes('creation')\n    ) {\n      return 'matAddCircleRound';\n    }\n    \n    if (\n      actionLower.includes('update') || \n      descLower.includes('update')\n    ) {\n      return 'matEditRound';\n    }\n    return 'matErrorRound';\n  }\n\n  protected getChangedData(data: any): Array<{ field: string; oldValue: any; newValue: any }>{\n    if (\n      !data || \n      !data.oldData || \n      !data.newData\n    ) {\n      return [];\n    }\n\n    try {\n      const oldData = JSON.parse(data.oldData);\n      const newData = JSON.parse(data.newData);\n\n      return Object.keys(newData).filter(\n        (key) => {\n          return JSON.stringify(oldData[key]) !== JSON.stringify(newData[key]) && !key.match(/update|created/);\n        }\n      ).map(\n        (key) => {\n          return {\n            field: key,\n            oldValue: this.formatValue(oldData[key]),\n            newValue: this.formatValue(newData[key])\n          };\n        }\n      );\n    } \n    catch (error) {\n      return [];\n    }\n  }\n\n  protected formatValue(value: any): string{\n    if (value === null || value === undefined) return '-';\n    if (typeof value === 'object') return JSON.stringify(value);\n    return String(value);\n  }\n}\n","<div class=\"w-full pb-5 pl-5 border-l-2 border-border\">\n    @for (audit of auditTrails(); track audit.guid) {\n        <div class=\"relative flex items-start first:pt-2.5 not-first:pt-4 not-last:pb-4 not-last:border-b not-last:border-border\">\n            <div class=\"absolute border border-border rounded-full p-2 flex items-center bg-[#f5f7f6] -left-9.25\">\n                <ng-icon\n                    size=\"14\"\n                    [name]=\"audit.icon\"\n                />\n            </div>\n\n            <div class=\"px-2 pt-1.25 w-full\">\n                <div class=\"flex items-center justify-between gap-3 select-none\">\n                    <div class=\"text-sm grow\">\n                        <b>{{ audit.user?.name }}</b> <span class=\"lowercase\">&nbsp;{{ audit.action }} <i class=\"text-muted-foreground\">•</i></span>\n                        <span class=\"text-muted-foreground text-xs\">&nbsp;{{ audit.createdAt | date: 'dd LLL yyyy HH:mm' }}</span>\n                    </div>\n\n                    <button\n                        type=\"button\"\n                        class=\"text-sm text-primary font-medium hover:underline shrink-0 cursor-pointer\"\n                        (click)=\"selectedTrail.set(audit)\"\n                    >\n                        Detail\n                    </button>\n                </div>\n\n                @if (\n                    audit.changedData && \n                    audit.changedData.length > 0\n                ) {\n                    <table class=\"w-full my-2 table-fixed border-collapse rounded-md select-none\">\n                        <thead class=\"border-inherit border-solid border-0\">\n                            <tr>\n                                <th class=\"w-[30%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tl-2\">Field</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base\">Old Value</th>\n                                <th class=\"w-[35%] p-2 text-left border border-border bg-[#f2f2f2] text-base border-tr-2\">New Value</th>\n                            </tr>\n                        </thead>\n\n                        <tbody class=\"border-inherit border-solid border-0\">\n                            @for (data of audit.changedData; track data.field; let even = $even) {\n                                <tr \n                                    [class]=\"even? 'bg-white': 'bg-[#f9f9f9]'\"\n                                >\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        {{ data.field }}\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.oldValue }}</div>\n                                    </td>\n\n                                    <td class=\"p-2 text-left border border-border capitalize\">\n                                        <div class=\"line-clamp-5 wrap-break-word\">{{ data.newValue }}</div>\n                                    </td>\n                                </tr>\n                            }\n                        </tbody>\n                    </table>\n                }\n            </div>\n        </div>\n    }\n</div>\n\n\n@if (hasMore()) {\n    <div \n        upInfiniteScroll\n        class=\"flex justify-center py-4\"\n        (scrolled)=\"loadData()\"\n    >\n        <up-spinner />\n    </div>\n}\n\n@defer (when selectedTrail()) {\n    <up-audit-modal\n        [audit]=\"selectedTrail()\"\n        (dismissed)=\"selectedTrail.set(null)\"\n    />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.AuditService"],"mappings":"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"}

package/fesm2022/unipin-angular-applet-auth.mjs

@@ -108,10 +108,10 @@ class ProfileService {
       `,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ProfileService, deps: [{ token: i1.GqlParser }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ProfileService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfileService, deps: [{ token: i1.GqlParser }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfileService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ProfileService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -136,7 +136,7 @@ class AuthService {
          * @type {User} An interface contain user information.
          * @default {} as User
          */
-        this.user = signal({}, { ...(ngDevMode ? { debugName: "user" } : {}) });
+        this.user = signal({}, ...(ngDevMode ? [{ debugName: "user" }] : []));
     }
     static logout() {
         AuthService.authToken = '';
@@ -242,10 +242,10 @@ class AuthService {
             localStorage.setItem('refreshToken', AuthService.refreshToken);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthService, deps: [{ token: i1.GqlParser }, { token: ProfileService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthService, deps: [{ token: i1.GqlParser }, { token: ProfileService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -378,10 +378,10 @@ class AuthResolver {
             buffer = chars.indexOf(buffer);
         return output;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AuthResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthResolver, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -401,7 +401,7 @@ const authGuard = () => {
 class PermissionService {
     constructor(gql) {
         this.gql = gql;
-        this.permissions = signal(new Map(), { ...(ngDevMode ? { debugName: "permissions" } : {}) });
+        this.permissions = signal(new Map(), ...(ngDevMode ? [{ debugName: "permissions" }] : []));
         /**
          * A boolean value that tells the permission service is initiated (permissions list is retrieved from Backend) or not.
          * @default false
@@ -456,10 +456,10 @@ class PermissionService {
       `
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: PermissionService, deps: [{ token: i1.GqlParser }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: PermissionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionService, deps: [{ token: i1.GqlParser }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: PermissionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -582,10 +582,10 @@ class PermissionDirective {
         }
         this.viewContainer.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: PermissionDirective, deps: [{ token: PermissionService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: PermissionDirective, isStandalone: true, selector: "[hasPermission]", inputs: { hasPermission: "hasPermission" }, exportAs: ["hasPermission"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionDirective, deps: [{ token: PermissionService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: PermissionDirective, isStandalone: true, selector: "[hasPermission]", inputs: { hasPermission: "hasPermission" }, exportAs: ["hasPermission"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: PermissionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -597,8 +597,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
             }] } });
 
 class UnauthorizedPage {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: UnauthorizedPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: UnauthorizedPage, isStandalone: true, selector: "up-unauthorized", host: { classAttribute: "flex flex-col items-center justify-center size-full gap-4 p-5 select-none" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UnauthorizedPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: UnauthorizedPage, isStandalone: true, selector: "up-unauthorized", host: { classAttribute: "flex flex-col items-center justify-center size-full gap-4 p-5 select-none" }, providers: [
             provideIcons({
                 matLockRound
             })
@@ -614,7 +614,7 @@ class UnauthorizedPage {
     <p class="text-center">Please log in or re-check your permissions.</p>
   `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: UnauthorizedPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UnauthorizedPage, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -684,8 +684,8 @@ class LoadingPage {
     ngOnDestroy() {
         this.sub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: LoadingPage, deps: [{ token: LOADING_CONFIG }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: LoadingPage, isStandalone: true, selector: "up-loading", host: { classAttribute: "flex flex-col items-center gap-6 p-5 justify-center size-full select-none" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LoadingPage, deps: [{ token: LOADING_CONFIG }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: LoadingPage, isStandalone: true, selector: "up-loading", host: { classAttribute: "flex flex-col items-center gap-6 p-5 justify-center size-full select-none" }, ngImport: i0, template: `
     <up-spinner class="size-10" />
     
     <h3 class="text-center text-lg lg:text-2xl font-bold">
@@ -693,7 +693,7 @@ class LoadingPage {
     </h3>
   `, isInline: true, dependencies: [{ kind: "component", type: UpSpinnerComponent, selector: "up-spinner", inputs: ["stokeWidth", "inlineClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: LoadingPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LoadingPage, decorators: [{
             type: Component,
             args: [{
                     standalone: true,