@cccteam/ccc-lib 0.0.15 → 0.0.16

package/fesm2022/cccteam-ccc-lib-src-ui-alert.mjs

@@ -0,0 +1,48 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';
+
+class AlertComponent {
+    error;
+    dismiss = new EventEmitter();
+    errors = inject(NotificationService);
+    ngOnInit() {
+        if (this.error.duration === undefined) {
+            this.error.duration = 30000;
+        }
+        setTimeout(() => {
+            this.dismissAlert();
+        }, this.error.duration);
+    }
+    dismissAlert() {
+        if (this.error.id !== undefined) {
+            this.errors.dismissGlobalNotification(this.error);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AlertComponent, isStandalone: true, selector: "ccc-alert", inputs: { error: "error" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<div class=\"alert\" [ngClass]=\"error.level\">\n  <div class=\"message\">\n    <span>{{ error.message }}</span>\n  </div>\n  <div class=\"alert-end\">\n    @if (error.link) {\n    <span [routerLink]=\"error.link\" class=\"link\">View</span>\n    }\n    <button (click)=\"dismissAlert()\" mat-icon-button aria-label=\"Close Alert\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".alert{margin:auto;border:1px solid;max-width:450px;border-radius:5px;background-color:#d3d3d3;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.message{padding-left:15px;max-width:400px;display:flex;justify-content:space-between}.alert-end{display:flex;flex-direction:row;align-items:center;gap:5px}.link{cursor:pointer}.link:hover{text-decoration:underline}.warn{border-color:red;background-color:#fff5f4}.accent{border-color:#dfb51d;background-color:#fff8e0}.success{border-color:#4caf50;background-color:#f0fff0}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ccc-alert', imports: [MatIconModule, MatButtonModule, CommonModule, RouterModule], template: "<div class=\"alert\" [ngClass]=\"error.level\">\n  <div class=\"message\">\n    <span>{{ error.message }}</span>\n  </div>\n  <div class=\"alert-end\">\n    @if (error.link) {\n    <span [routerLink]=\"error.link\" class=\"link\">View</span>\n    }\n    <button (click)=\"dismissAlert()\" mat-icon-button aria-label=\"Close Alert\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".alert{margin:auto;border:1px solid;max-width:450px;border-radius:5px;background-color:#d3d3d3;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.message{padding-left:15px;max-width:400px;display:flex;justify-content:space-between}.alert-end{display:flex;flex-direction:row;align-items:center;gap:5px}.link{cursor:pointer}.link:hover{text-decoration:underline}.warn{border-color:red;background-color:#fff5f4}.accent{border-color:#dfb51d;background-color:#fff8e0}.success{border-color:#4caf50;background-color:#f0fff0}\n"] }]
+        }], propDecorators: { error: [{
+                type: Input,
+                args: [{ required: true }]
+            }], dismiss: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertComponent };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-alert.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-alert.mjs","sources":["../../../projects/ccc-lib/src/ui-alert/alert.component.ts","../../../projects/ccc-lib/src/ui-alert/alert.component.html","../../../projects/ccc-lib/src/ui-alert/cccteam-ccc-lib-src-ui-alert.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { NotificationMessage } from '@cccteam/ccc-lib/src/types';\nimport { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';\n\n@Component({\n  selector: 'ccc-alert',\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  imports: [MatIconModule, MatButtonModule, CommonModule, RouterModule],\n})\nexport class AlertComponent implements OnInit {\n  @Input({ required: true }) error!: NotificationMessage;\n  @Output() dismiss = new EventEmitter();\n\n  errors = inject(NotificationService);\n  ngOnInit(): void {\n    if (this.error.duration === undefined) {\n      this.error.duration = 30000;\n    }\n\n    setTimeout(() => {\n      this.dismissAlert();\n    }, this.error.duration);\n  }\n\n  dismissAlert(): void {\n    if (this.error.id !== undefined) {\n      this.errors.dismissGlobalNotification(this.error);\n    }\n  }\n}\n","<div class=\"alert\" [ngClass]=\"error.level\">\n  <div class=\"message\">\n    <span>{{ error.message }}</span>\n  </div>\n  <div class=\"alert-end\">\n    @if (error.link) {\n    <span [routerLink]=\"error.link\" class=\"link\">View</span>\n    }\n    <button (click)=\"dismissAlert()\" mat-icon-button aria-label=\"Close Alert\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAca,cAAc,CAAA;AACE,IAAA,KAAK;AACtB,IAAA,OAAO,GAAG,IAAI,YAAY,EAAE;AAEtC,IAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;IACpC,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;AACrC,YAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK;QAC7B;QAEA,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,YAAY,EAAE;AACrB,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IACzB;IAEA,YAAY,GAAA;QACV,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,EAAE;YAC/B,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC;QACnD;IACF;uGAnBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,mZAaA,EAAA,MAAA,EAAA,CAAA,wiBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,aAAa,mLAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEzD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;+BACE,WAAW,EAAA,OAAA,EAGZ,CAAC,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,mZAAA,EAAA,MAAA,EAAA,CAAA,wiBAAA,CAAA,EAAA;;sBAGpE,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;AEhBH;;AAEG;;;;"}

package/fesm2022/cccteam-ccc-lib-src-ui-core-service.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable } from '@angular/core';
+import { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';
+
+class UiCoreService {
+    notifications = inject(NotificationService);
+    loadingSignal = signal([], { ...(ngDevMode ? { debugName: "loadingSignal" } : {}) });
+    sidenavOpened = signal(true, { ...(ngDevMode ? { debugName: "sidenavOpened" } : {}) });
+    currentSidenavIdentifier = signal('', { ...(ngDevMode ? { debugName: "currentSidenavIdentifier" } : {}) });
+    loading = this.loadingSignal.asReadonly();
+    isLoading = computed(() => this.loading().length > 0, { ...(ngDevMode ? { debugName: "isLoading" } : {}) });
+    publishError(message) {
+        this.notifications.addGlobalNotification(message);
+    }
+    beginActivity(process) {
+        if (!this.loading().includes(process)) {
+            this.loadingSignal.update((current) => [...current, process]);
+        }
+    }
+    endActivity(process) {
+        this.loadingSignal.update((current) => current.filter((p) => p !== process));
+    }
+    toggleSidenav() {
+        this.sidenavOpened.update((opened) => !opened);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: UiCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: UiCoreService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: UiCoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UiCoreService };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-core-service.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-core-service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-core-service.mjs","sources":["../../../projects/ccc-lib/src/ui-core-service/ui-core.service.ts","../../../projects/ccc-lib/src/ui-core-service/cccteam-ccc-lib-src-ui-core-service.ts"],"sourcesContent":["import { computed, inject, Injectable, signal } from '@angular/core';\nimport { CreateNotificationMessage } from '@cccteam/ccc-lib/src/types';\nimport { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class UiCoreService {\n  notifications = inject(NotificationService);\n  loadingSignal = signal([] as string[]);\n  sidenavOpened = signal(true);\n  currentSidenavIdentifier = signal('');\n\n  private loading = this.loadingSignal.asReadonly();\n  isLoading = computed(() => this.loading().length > 0);\n\n  publishError(message: CreateNotificationMessage): void {\n    this.notifications.addGlobalNotification(message);\n  }\n\n  beginActivity(process: string): void {\n    if (!this.loading().includes(process)) {\n      this.loadingSignal.update((current) => [...current, process]);\n    }\n  }\n\n  endActivity(process: string): void {\n    this.loadingSignal.update((current) => current.filter((p) => p !== process));\n  }\n\n  toggleSidenav(): void {\n    this.sidenavOpened.update((opened) => !opened);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,aAAa,CAAA;AACxB,IAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC3C,IAAA,aAAa,GAAG,MAAM,CAAC,EAAc,2DAAC;AACtC,IAAA,aAAa,GAAG,MAAM,CAAC,IAAI,2DAAC;AAC5B,IAAA,wBAAwB,GAAG,MAAM,CAAC,EAAE,sEAAC;AAE7B,IAAA,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE;AACjD,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,GAAG,CAAC,uDAAC;AAErD,IAAA,YAAY,CAAC,OAAkC,EAAA;AAC7C,QAAA,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACnD;AAEA,IAAA,aAAa,CAAC,OAAe,EAAA;QAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;AACrC,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/D;IACF;AAEA,IAAA,WAAW,CAAC,OAAe,EAAA;QACzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;IAC9E;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC;IAChD;uGAzBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cAFZ,MAAM,EAAA,CAAA;;2FAEP,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}

package/fesm2022/cccteam-ccc-lib-src-ui-idle-service.mjs

@@ -0,0 +1,157 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
+import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
+import { IDLE_SESSION_DURATION, IDLE_WARNING_DURATION, IDLE_KEEPALIVE_DURATION, AlertLevel } from '@cccteam/ccc-lib/src/types';
+import { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';
+import { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';
+import { interval } from 'rxjs';
+
+class IdleService {
+    auth = inject(AuthService);
+    core = inject(UiCoreService);
+    router = inject(Router);
+    notifications = inject(NotificationService);
+    sessionDuration = inject(IDLE_SESSION_DURATION);
+    warningDuration = inject(IDLE_WARNING_DURATION);
+    keepAliveDuration = inject(IDLE_KEEPALIVE_DURATION);
+    idleCheckFrequency = 1000;
+    warningThreshold = this.sessionDuration - this.warningDuration;
+    isActive = signal(false, { ...(ngDevMode ? { debugName: "isActive" } : {}) });
+    lastActivityTimestamp = signal(0, { ...(ngDevMode ? { debugName: "lastActivityTimestamp" } : {}) });
+    tick = signal(Date.now(), { ...(ngDevMode ? { debugName: "tick" } : {}) }); // A signal to represent the current time
+    secondsIdle = computed(() => {
+        if (!this.isActive() || this.lastActivityTimestamp() === 0) {
+            return 0;
+        }
+        // Depends on tick() to force re-evaluation as time passes
+        return Math.floor((this.tick() - this.lastActivityTimestamp()) / 1000);
+    }, { ...(ngDevMode ? { debugName: "secondsIdle" } : {}) });
+    isWarning = computed(() => this.secondsIdle() >= this.warningThreshold, { ...(ngDevMode ? { debugName: "isWarning" } : {}) });
+    countdown = computed(() => {
+        if (!this.isWarning()) {
+            return 0;
+        }
+        const remaining = this.sessionDuration - this.secondsIdle();
+        return Math.max(0, remaining);
+    }, { ...(ngDevMode ? { debugName: "countdown" } : {}) });
+    alertId;
+    mainTickerSubscription;
+    activityEvents = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart', 'click'];
+    constructor() {
+        interval(this.keepAliveDuration * 1000)
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this.checkSession());
+    }
+    ngOnDestroy() {
+        this.stop();
+    }
+    /**
+     * Starts the idle monitoring service.
+     */
+    start() {
+        if (this.isActive()) {
+            return;
+        }
+        this.isActive.set(true);
+        this.lastActivityTimestamp.set(Date.now());
+        this.addActivityListeners();
+        this.startMainTicker();
+    }
+    /**
+     * Stops the idle monitoring service and cleans up timers and alerts.
+     */
+    stop() {
+        this.isActive.set(false);
+        this.mainTickerSubscription?.unsubscribe();
+        this.removeActivityListeners();
+        this.dismissWarningAlert();
+    }
+    /**
+     * Logs out the user due to inactivity and stops the service.
+     */
+    logoutAndStop() {
+        this.stop();
+        this.router.navigate([this.auth.loginRoute()]);
+        this.core.publishError({
+            message: 'You have been logged out due to inactivity.',
+            level: AlertLevel.INFO,
+            link: '',
+        });
+    }
+    startMainTicker() {
+        this.mainTickerSubscription = interval(this.idleCheckFrequency).subscribe(() => {
+            this.tick.set(Date.now());
+            if (this.secondsIdle() >= this.sessionDuration) {
+                this.logoutAndStop();
+                return;
+            }
+            if (this.isWarning()) {
+                this.showOrUpdateWarningAlert(this.countdown());
+            }
+            else {
+                this.dismissWarningAlert();
+            }
+        });
+    }
+    checkSession() {
+        if (this.auth.authenticated()) {
+            this.auth.checkUserSession().subscribe({
+                next: () => {
+                    if (!this.auth.authenticated()) {
+                        this.logoutAndStop();
+                    }
+                },
+            });
+        }
+    }
+    setLastActivity() {
+        this.lastActivityTimestamp.set(Date.now());
+    }
+    boundActivity = this.setLastActivity.bind(this);
+    addActivityListeners() {
+        this.activityEvents.forEach((event) => {
+            document.addEventListener(event, this.boundActivity, true);
+        });
+    }
+    removeActivityListeners() {
+        this.activityEvents.forEach((event) => {
+            document.removeEventListener(event, this.boundActivity, true);
+        });
+    }
+    showOrUpdateWarningAlert(countdown) {
+        const message = `You will be logged out in ${countdown} seconds due to inactivity.`;
+        if (this.alertId !== undefined) {
+            this.notifications.updateNotification({ id: this.alertId, level: AlertLevel.INFO, link: '', message });
+        }
+        else {
+            this.alertId = this.notifications.addGlobalNotification({
+                message,
+                level: AlertLevel.INFO,
+                link: '',
+            });
+        }
+    }
+    dismissWarningAlert() {
+        if (this.alertId !== undefined) {
+            this.notifications.dismissGlobalNotificationById(this.alertId);
+            this.alertId = undefined;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IdleService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IdleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IdleService };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-idle-service.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-idle-service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-idle-service.mjs","sources":["../../../projects/ccc-lib/src/ui-idle-service/idle.service.ts","../../../projects/ccc-lib/src/ui-idle-service/cccteam-ccc-lib-src-ui-idle-service.ts"],"sourcesContent":["import { computed, inject, Injectable, OnDestroy, signal, WritableSignal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Router } from '@angular/router';\nimport { AuthService } from '@cccteam/ccc-lib/src/auth-service';\nimport {\n  AlertLevel,\n  IDLE_KEEPALIVE_DURATION,\n  IDLE_SESSION_DURATION,\n  IDLE_WARNING_DURATION,\n} from '@cccteam/ccc-lib/src/types';\nimport { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';\nimport { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';\nimport { interval, Subscription } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IdleService implements OnDestroy {\n  private auth = inject(AuthService);\n  private core = inject(UiCoreService);\n  private router = inject(Router);\n  private notifications = inject(NotificationService);\n\n  private readonly sessionDuration = inject(IDLE_SESSION_DURATION);\n  private readonly warningDuration = inject(IDLE_WARNING_DURATION);\n  private readonly keepAliveDuration = inject(IDLE_KEEPALIVE_DURATION);\n  private readonly idleCheckFrequency = 1000;\n  private readonly warningThreshold = this.sessionDuration - this.warningDuration;\n\n  public readonly isActive = signal(false);\n  private lastActivityTimestamp: WritableSignal<number> = signal(0);\n  private tick = signal(Date.now()); // A signal to represent the current time\n\n  public readonly secondsIdle = computed(() => {\n    if (!this.isActive() || this.lastActivityTimestamp() === 0) {\n      return 0;\n    }\n    // Depends on tick() to force re-evaluation as time passes\n    return Math.floor((this.tick() - this.lastActivityTimestamp()) / 1000);\n  });\n\n  public readonly isWarning = computed(() => this.secondsIdle() >= this.warningThreshold);\n  public readonly countdown = computed(() => {\n    if (!this.isWarning()) {\n      return 0;\n    }\n    const remaining = this.sessionDuration - this.secondsIdle();\n    return Math.max(0, remaining);\n  });\n\n  private alertId: number | undefined;\n  private mainTickerSubscription: Subscription | undefined;\n\n  private readonly activityEvents = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart', 'click'];\n\n  constructor() {\n    interval(this.keepAliveDuration * 1000)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.checkSession());\n  }\n\n  ngOnDestroy(): void {\n    this.stop();\n  }\n\n  /**\n   * Starts the idle monitoring service.\n   */\n  start(): void {\n    if (this.isActive()) {\n      return;\n    }\n    this.isActive.set(true);\n    this.lastActivityTimestamp.set(Date.now());\n    this.addActivityListeners();\n    this.startMainTicker();\n  }\n\n  /**\n   * Stops the idle monitoring service and cleans up timers and alerts.\n   */\n  stop(): void {\n    this.isActive.set(false);\n    this.mainTickerSubscription?.unsubscribe();\n    this.removeActivityListeners();\n    this.dismissWarningAlert();\n  }\n\n  /**\n   * Logs out the user due to inactivity and stops the service.\n   */\n  logoutAndStop(): void {\n    this.stop();\n\n    this.router.navigate([this.auth.loginRoute()]);\n    this.core.publishError({\n      message: 'You have been logged out due to inactivity.',\n      level: AlertLevel.INFO,\n      link: '',\n    });\n  }\n\n  private startMainTicker(): void {\n    this.mainTickerSubscription = interval(this.idleCheckFrequency).subscribe(() => {\n      this.tick.set(Date.now());\n\n      if (this.secondsIdle() >= this.sessionDuration) {\n        this.logoutAndStop();\n        return;\n      }\n\n      if (this.isWarning()) {\n        this.showOrUpdateWarningAlert(this.countdown());\n      } else {\n        this.dismissWarningAlert();\n      }\n    });\n  }\n\n  private checkSession(): void {\n    if (this.auth.authenticated()) {\n      this.auth.checkUserSession().subscribe({\n        next: () => {\n          if (!this.auth.authenticated()) {\n            this.logoutAndStop();\n          }\n        },\n      });\n    }\n  }\n\n  setLastActivity(): void {\n    this.lastActivityTimestamp.set(Date.now());\n  }\n  boundActivity = this.setLastActivity.bind(this);\n\n  private addActivityListeners(): void {\n    this.activityEvents.forEach((event) => {\n      document.addEventListener(event, this.boundActivity, true);\n    });\n  }\n\n  private removeActivityListeners(): void {\n    this.activityEvents.forEach((event) => {\n      document.removeEventListener(event, this.boundActivity, true);\n    });\n  }\n\n  private showOrUpdateWarningAlert(countdown: number): void {\n    const message = `You will be logged out in ${countdown} seconds due to inactivity.`;\n    if (this.alertId !== undefined) {\n      this.notifications.updateNotification({ id: this.alertId, level: AlertLevel.INFO, link: '', message });\n    } else {\n      this.alertId = this.notifications.addGlobalNotification({\n        message,\n        level: AlertLevel.INFO,\n        link: '',\n      });\n    }\n  }\n\n  private dismissWarningAlert(): void {\n    if (this.alertId !== undefined) {\n      this.notifications.dismissGlobalNotificationById(this.alertId);\n      this.alertId = undefined;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cccteam-ccc-lib-src-ui-interceptor.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { inject, NgZone, Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
+import { BASE_URL, AlertLevel } from '@cccteam/ccc-lib/src/types';
+import { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';
+import { CUSTOM_HTTP_REQUEST_OPTIONS } from '@cccteam/ccc-lib/src/util-request-options';
+import { catchError, throwError, finalize } from 'rxjs';
+
+class ApiInterceptor {
+    ui = inject(UiCoreService);
+    auth = inject(AuthService);
+    router = inject(Router);
+    ngZone = inject(NgZone);
+    baseUrl = inject(BASE_URL);
+    intercept(request, next) {
+        this.ui.beginActivity(request.method + ' ' + request.url);
+        return next.handle(request).pipe(catchError((error) => {
+            if (error.status === 401) {
+                this.ngZone.run(() => {
+                    this.auth.redirectUrl.set(this.baseUrl + this.router.url);
+                    this.router.navigate([this.auth.loginRoute()]);
+                });
+            }
+            if (!request.context.get(CUSTOM_HTTP_REQUEST_OPTIONS).suppressGlobalError) {
+                const message = error.error?.message ?? error.message ?? error.error;
+                this.ui.publishError({
+                    message: message,
+                    level: AlertLevel.ERROR,
+                    link: '',
+                });
+            }
+            return throwError(() => error);
+        }), finalize(() => {
+            this.ui.endActivity(request.method + ' ' + request.url);
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ApiInterceptor });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ApiInterceptor, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ApiInterceptor };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-interceptor.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-interceptor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-interceptor.mjs","sources":["../../../projects/ccc-lib/src/ui-interceptor/api.interceptor.ts","../../../projects/ccc-lib/src/ui-interceptor/cccteam-ccc-lib-src-ui-interceptor.ts"],"sourcesContent":["import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\nimport { inject, Injectable, NgZone } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { AuthService } from '@cccteam/ccc-lib/src/auth-service';\nimport { AlertLevel, BASE_URL } from '@cccteam/ccc-lib/src/types';\nimport { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';\nimport { CUSTOM_HTTP_REQUEST_OPTIONS } from '@cccteam/ccc-lib/src/util-request-options';\nimport { catchError, finalize, Observable, throwError } from 'rxjs';\n\n@Injectable()\nexport class ApiInterceptor implements HttpInterceptor {\n  private ui = inject(UiCoreService);\n  private auth = inject(AuthService);\n  private router = inject(Router);\n  private ngZone = inject(NgZone);\n  private baseUrl = inject(BASE_URL);\n\n  intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {\n    this.ui.beginActivity(request.method + ' ' + request.url);\n\n    return next.handle(request).pipe(\n      catchError((error: HttpErrorResponse): Observable<HttpEvent<unknown>> => {\n        if (error.status === 401) {\n          this.ngZone.run(() => {\n            this.auth.redirectUrl.set(this.baseUrl + this.router.url);\n            this.router.navigate([this.auth.loginRoute()]);\n          });\n        }\n        if (!request.context.get(CUSTOM_HTTP_REQUEST_OPTIONS).suppressGlobalError) {\n          const message = error.error?.message ?? error.message ?? error.error;\n          this.ui.publishError({\n            message: message,\n            level: AlertLevel.ERROR,\n            link: '',\n          });\n        }\n\n        return throwError(() => error);\n      }),\n      finalize(() => {\n        this.ui.endActivity(request.method + ' ' + request.url);\n      }),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAUa,cAAc,CAAA;AACjB,IAAA,EAAE,GAAG,MAAM,CAAC,aAAa,CAAC;AAC1B,IAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC;AAC1B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC;IAElC,SAAS,CAAC,OAA6B,EAAE,IAAiB,EAAA;AACxD,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;AAEzD,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAC9B,UAAU,CAAC,CAAC,KAAwB,KAAoC;AACtE,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE;AACxB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,oBAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AACzD,oBAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAChD,gBAAA,CAAC,CAAC;YACJ;AACA,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,mBAAmB,EAAE;AACzE,gBAAA,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK;AACpE,gBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC;AACnB,oBAAA,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,UAAU,CAAC,KAAK;AACvB,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA,CAAC;YACJ;AAEA,YAAA,OAAO,UAAU,CAAC,MAAM,KAAK,CAAC;AAChC,QAAA,CAAC,CAAC,EACF,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACzD,CAAC,CAAC,CACH;IACH;uGAjCW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAd,cAAc,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B;;;ACTD;;AAEG;;;;"}

package/fesm2022/cccteam-ccc-lib-src-ui-notification-service.mjs

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable } from '@angular/core';
+
+class NotificationService {
+    notificationId = signal(0, { ...(ngDevMode ? { debugName: "notificationId" } : {}) });
+    _notifications = signal([], { ...(ngDevMode ? { debugName: "_notifications" } : {}) });
+    notifications = this._notifications.asReadonly();
+    /**
+     * Adds a new global notification.
+     * @param notification The notification message to add.
+     * @returns The unique ID assigned to the notification.
+     */
+    addGlobalNotification(notification) {
+        this.notificationId.update((id) => id + 1);
+        const newNotification = {
+            ...notification,
+            id: this.notificationId(),
+        };
+        const existingNotification = this._notifications().find((n) => n.message === newNotification.message);
+        if (existingNotification) {
+            this.updateNotification({ ...existingNotification, ...newNotification });
+            return existingNotification.id;
+        }
+        this._notifications.update((current) => [...current, newNotification]);
+        return newNotification.id;
+    }
+    /**
+     * Dismisses a global notification by its ID.
+     * @param notificationId The ID of the notification to dismiss.
+     */
+    dismissGlobalNotificationById(notificationId) {
+        this._notifications.update((current) => current.filter((notification) => notification.id !== notificationId));
+    }
+    /**
+     * Dismisses a specific global notification.
+     * @param notification The notification to dismiss.
+     */
+    dismissGlobalNotification(notification) {
+        this.dismissGlobalNotificationById(notification.id);
+    }
+    /**
+     * Updates an existing notification.
+     * @param updatedNotification The notification with updated information.
+     */
+    updateNotification(updatedNotification) {
+        this._notifications.update((current) => current.map((notification) => notification.id === updatedNotification.id ? { ...notification, ...updatedNotification } : notification));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: NotificationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotificationService };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-notification-service.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-notification-service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-notification-service.mjs","sources":["../../../projects/ccc-lib/src/ui-notification-service/notification.service.ts","../../../projects/ccc-lib/src/ui-notification-service/cccteam-ccc-lib-src-ui-notification-service.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\nimport { CreateNotificationMessage, NotificationMessage } from '@cccteam/ccc-lib/src/types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NotificationService {\n  private notificationId = signal(0);\n  private _notifications = signal<NotificationMessage[]>([]);\n  notifications = this._notifications.asReadonly();\n\n  /**\n   * Adds a new global notification.\n   * @param notification The notification message to add.\n   * @returns The unique ID assigned to the notification.\n   */\n  addGlobalNotification(notification: CreateNotificationMessage): number {\n    this.notificationId.update((id) => id + 1);\n    const newNotification: NotificationMessage = {\n      ...notification,\n      id: this.notificationId(),\n    };\n    const existingNotification = this._notifications().find((n) => n.message === newNotification.message);\n    if (existingNotification) {\n      this.updateNotification({ ...existingNotification, ...newNotification });\n      return existingNotification.id;\n    }\n    this._notifications.update((current) => [...current, newNotification]);\n    return newNotification.id;\n  }\n\n  /**\n   * Dismisses a global notification by its ID.\n   * @param notificationId The ID of the notification to dismiss.\n   */\n  dismissGlobalNotificationById(notificationId: number): void {\n    this._notifications.update((current) => current.filter((notification) => notification.id !== notificationId));\n  }\n\n  /**\n   * Dismisses a specific global notification.\n   * @param notification The notification to dismiss.\n   */\n  dismissGlobalNotification(notification: NotificationMessage): void {\n    this.dismissGlobalNotificationById(notification.id);\n  }\n\n  /**\n   * Updates an existing notification.\n   * @param updatedNotification The notification with updated information.\n   */\n  updateNotification(updatedNotification: NotificationMessage): void {\n    this._notifications.update((current) =>\n      current.map((notification) =>\n        notification.id === updatedNotification.id ? { ...notification, ...updatedNotification } : notification,\n      ),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,mBAAmB,CAAA;AACtB,IAAA,cAAc,GAAG,MAAM,CAAC,CAAC,4DAAC;AAC1B,IAAA,cAAc,GAAG,MAAM,CAAwB,EAAE,4DAAC;AAC1D,IAAA,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;AAEhD;;;;AAIG;AACH,IAAA,qBAAqB,CAAC,YAAuC,EAAA;AAC3D,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC1C,QAAA,MAAM,eAAe,GAAwB;AAC3C,YAAA,GAAG,YAAY;AACf,YAAA,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE;SAC1B;QACD,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,eAAe,CAAC,OAAO,CAAC;QACrG,IAAI,oBAAoB,EAAE;YACxB,IAAI,CAAC,kBAAkB,CAAC,EAAE,GAAG,oBAAoB,EAAE,GAAG,eAAe,EAAE,CAAC;YACxE,OAAO,oBAAoB,CAAC,EAAE;QAChC;AACA,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,GAAG,OAAO,EAAE,eAAe,CAAC,CAAC;QACtE,OAAO,eAAe,CAAC,EAAE;IAC3B;AAEA;;;AAGG;AACH,IAAA,6BAA6B,CAAC,cAAsB,EAAA;QAClD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,EAAE,KAAK,cAAc,CAAC,CAAC;IAC/G;AAEA;;;AAGG;AACH,IAAA,yBAAyB,CAAC,YAAiC,EAAA;AACzD,QAAA,IAAI,CAAC,6BAA6B,CAAC,YAAY,CAAC,EAAE,CAAC;IACrD;AAEA;;;AAGG;AACH,IAAA,kBAAkB,CAAC,mBAAwC,EAAA;AACzD,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,KACjC,OAAO,CAAC,GAAG,CAAC,CAAC,YAAY,KACvB,YAAY,CAAC,EAAE,KAAK,mBAAmB,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,mBAAmB,EAAE,GAAG,YAAY,CACxG,CACF;IACH;uGAnDW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA;;2FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACLD;;AAEG;;;;"}

package/fesm2022/cccteam-ccc-lib-src-ui-sidenav.mjs

@@ -0,0 +1,60 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, computed, Input, Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { HasPermissionDirective } from '@cccteam/ccc-lib/src/auth-has-permission';
+import { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';
+
+class SidenavComponent {
+    ui = inject(UiCoreService);
+    navGroups;
+    currentNav = computed(() => {
+        return this.updateNavItems(this.ui.currentSidenavIdentifier());
+    }, { ...(ngDevMode ? { debugName: "currentNav" } : {}) });
+    /**
+     * Updates the currentNav based on the identifier
+     * @param identifier
+     * @returns NavItem[]
+     * @memberof SidenavComponent
+     */
+    updateNavItems(identifier) {
+        if (!this.navGroups) {
+            return [];
+        }
+        if (!this.navGroups[identifier]) {
+            // pick the first one if the identifier is not found so we don't break the UI
+            identifier = Object.keys(this.navGroups)[0];
+        }
+        return this.navGroups[identifier];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: SidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: SidenavComponent, isStandalone: true, selector: "ccc-sidenav", inputs: { navGroups: "navGroups" }, ngImport: i0, template: "<div class=\"nav-container\">\n  <nav>\n    @for (navItem of currentNav(); track navItem) {\n      <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItem }\"></ng-container>\n    }\n  </nav>\n</div>\n<ng-template #typeRendererTemplate let-navItem=\"navItem\">\n  @switch (navItem.type) {\n    @case ('header') {\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('link') {\n      <ng-container [ngTemplateOutlet]=\"linkTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('expandable') {\n      <ng-container\n        [ngTemplateOutlet]=\"expandableTemplate\"\n        [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n  }\n</ng-template>\n<ng-template #headerTemplate let-navItem=\"navItem\">\n  <div class=\"link-header\">{{ navItem.label }}</div>\n</ng-template>\n<ng-template #linkTemplate let-navItem=\"navItem\">\n  <a [routerLink]=\"navItem.routerLink\" *cccHasPermission=\"navItem.permission\">\n    <div class=\"nav-item\" routerLinkActive=\"active-link\">\n      <div class=\"link-button\">\n        <div class=\"icon\">\n          <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n            {{ navItem.icon }}\n          </mat-icon>\n        </div>\n        <div class=\"text\">\n          {{ navItem.label | titlecase }}\n        </div>\n      </div>\n    </div>\n  </a>\n</ng-template>\n<ng-template #expandableTemplate let-navItem=\"navItem\">\n  <div class=\"nav-item\" aria-hidden=\"true\" (click)=\"navItem.isExpanded = !navItem.isExpanded\">\n    <div class=\"link-button\">\n      <div class=\"icon\">\n        <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n          {{ navItem.isExpanded ? 'expand_less' : 'expand_more' }}\n        </mat-icon>\n      </div>\n      <div class=\"text\">{{ navItem.label }}</div>\n    </div>\n  </div>\n  @if (navItem.isExpanded) {\n    <div class=\"expandable-links\">\n      @for (navItemChild of navItem.children; track navItemChild) {\n        <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItemChild }\"> </ng-container>\n      }\n    </div>\n  }\n</ng-template>\n", styles: [".nav-container{padding:0;height:100%}nav{max-width:100%;margin:0 10px}.nav-item{width:100%;height:48px;font-size:18px;display:flex;flex-direction:column;justify-content:center;color:#003b49;padding:0 15px;position:relative}.nav-item:hover{background-color:#0000000a;transition:background-color .1s ease}.nav-item:active{background-color:#0000001a;transition:background-color .1s ease}.link-header{color:#003b49;text-transform:uppercase;font-weight:700;font-size:12px;margin:20px 0 0 5px}.link-button{display:flex;flex-direction:row;width:100%}.link-button .icon{min-width:20px;margin-right:10px;display:flex;flex-direction:column;justify-content:center}.link-button .text{margin-right:10px;text-align:left;display:flex;flex-direction:row;justify-content:left;text-decoration:capitalize}.expandable-links{display:flex;flex-direction:column;width:100%;padding-left:30px}a:active,a:link,a:visited{color:#003b49!important}a{text-decoration:none}.active-link:before{content:\"\";position:absolute;left:3px;width:5px;height:38px;background-color:#003b49}.active-link{background-color:#0000000a;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "directive", type: HasPermissionDirective, selector: "[cccHasPermission]", inputs: ["cccHasPermission"] }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: SidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ccc-sidenav', imports: [
+                        MatIconModule,
+                        RouterModule,
+                        CommonModule,
+                        MatExpansionModule,
+                        MatButtonModule,
+                        MatSidenavModule,
+                        HasPermissionDirective,
+                    ], template: "<div class=\"nav-container\">\n  <nav>\n    @for (navItem of currentNav(); track navItem) {\n      <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItem }\"></ng-container>\n    }\n  </nav>\n</div>\n<ng-template #typeRendererTemplate let-navItem=\"navItem\">\n  @switch (navItem.type) {\n    @case ('header') {\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('link') {\n      <ng-container [ngTemplateOutlet]=\"linkTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('expandable') {\n      <ng-container\n        [ngTemplateOutlet]=\"expandableTemplate\"\n        [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n  }\n</ng-template>\n<ng-template #headerTemplate let-navItem=\"navItem\">\n  <div class=\"link-header\">{{ navItem.label }}</div>\n</ng-template>\n<ng-template #linkTemplate let-navItem=\"navItem\">\n  <a [routerLink]=\"navItem.routerLink\" *cccHasPermission=\"navItem.permission\">\n    <div class=\"nav-item\" routerLinkActive=\"active-link\">\n      <div class=\"link-button\">\n        <div class=\"icon\">\n          <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n            {{ navItem.icon }}\n          </mat-icon>\n        </div>\n        <div class=\"text\">\n          {{ navItem.label | titlecase }}\n        </div>\n      </div>\n    </div>\n  </a>\n</ng-template>\n<ng-template #expandableTemplate let-navItem=\"navItem\">\n  <div class=\"nav-item\" aria-hidden=\"true\" (click)=\"navItem.isExpanded = !navItem.isExpanded\">\n    <div class=\"link-button\">\n      <div class=\"icon\">\n        <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n          {{ navItem.isExpanded ? 'expand_less' : 'expand_more' }}\n        </mat-icon>\n      </div>\n      <div class=\"text\">{{ navItem.label }}</div>\n    </div>\n  </div>\n  @if (navItem.isExpanded) {\n    <div class=\"expandable-links\">\n      @for (navItemChild of navItem.children; track navItemChild) {\n        <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItemChild }\"> </ng-container>\n      }\n    </div>\n  }\n</ng-template>\n", styles: [".nav-container{padding:0;height:100%}nav{max-width:100%;margin:0 10px}.nav-item{width:100%;height:48px;font-size:18px;display:flex;flex-direction:column;justify-content:center;color:#003b49;padding:0 15px;position:relative}.nav-item:hover{background-color:#0000000a;transition:background-color .1s ease}.nav-item:active{background-color:#0000001a;transition:background-color .1s ease}.link-header{color:#003b49;text-transform:uppercase;font-weight:700;font-size:12px;margin:20px 0 0 5px}.link-button{display:flex;flex-direction:row;width:100%}.link-button .icon{min-width:20px;margin-right:10px;display:flex;flex-direction:column;justify-content:center}.link-button .text{margin-right:10px;text-align:left;display:flex;flex-direction:row;justify-content:left;text-decoration:capitalize}.expandable-links{display:flex;flex-direction:column;width:100%;padding-left:30px}a:active,a:link,a:visited{color:#003b49!important}a{text-decoration:none}.active-link:before{content:\"\";position:absolute;left:3px;width:5px;height:38px;background-color:#003b49}.active-link{background-color:#0000000a;position:relative}\n"] }]
+        }], propDecorators: { navGroups: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SidenavComponent };
+//# sourceMappingURL=cccteam-ccc-lib-src-ui-sidenav.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ui-sidenav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ui-sidenav.mjs","sources":["../../../projects/ccc-lib/src/ui-sidenav/sidenav.component.ts","../../../projects/ccc-lib/src/ui-sidenav/sidenav.component.html","../../../projects/ccc-lib/src/ui-sidenav/cccteam-ccc-lib-src-ui-sidenav.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, inject, Input, Signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { RouterModule } from '@angular/router';\n\nimport { HasPermissionDirective } from '@cccteam/ccc-lib/src/auth-has-permission';\nimport { PermissionScope } from '@cccteam/ccc-lib/src/types';\nimport { UiCoreService } from '@cccteam/ccc-lib/src/ui-core-service';\n\nexport interface NavItem {\n  type: 'link' | 'header' | 'expandable';\n  routerLink?: string[];\n  label: string;\n  icon?: string;\n  permission?: PermissionScope;\n  children?: NavItem[];\n  isExpanded?: boolean;\n  attentionCount?: Signal<number>;\n}\n\nexport type NavGroups = Record<string, NavItem[]>;\n\n@Component({\n  selector: 'ccc-sidenav',\n  templateUrl: './sidenav.component.html',\n  styleUrls: ['./sidenav.component.scss'],\n  imports: [\n    MatIconModule,\n    RouterModule,\n    CommonModule,\n    MatExpansionModule,\n    MatButtonModule,\n    MatSidenavModule,\n    HasPermissionDirective,\n  ],\n})\nexport class SidenavComponent {\n  ui = inject(UiCoreService);\n\n  @Input() navGroups?: NavGroups;\n  currentNav = computed(() => {\n    return this.updateNavItems(this.ui.currentSidenavIdentifier());\n  });\n\n  /**\n   * Updates the currentNav based on the identifier\n   * @param identifier\n   * @returns NavItem[]\n   * @memberof SidenavComponent\n   */\n  updateNavItems(identifier: string): NavItem[] {\n    if (!this.navGroups) {\n      return [];\n    }\n    if (!this.navGroups[identifier]) {\n      // pick the first one if the identifier is not found so we don't break the UI\n      identifier = Object.keys(this.navGroups)[0];\n    }\n    return this.navGroups[identifier];\n  }\n}\n","<div class=\"nav-container\">\n  <nav>\n    @for (navItem of currentNav(); track navItem) {\n      <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItem }\"></ng-container>\n    }\n  </nav>\n</div>\n<ng-template #typeRendererTemplate let-navItem=\"navItem\">\n  @switch (navItem.type) {\n    @case ('header') {\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('link') {\n      <ng-container [ngTemplateOutlet]=\"linkTemplate\" [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n    @case ('expandable') {\n      <ng-container\n        [ngTemplateOutlet]=\"expandableTemplate\"\n        [ngTemplateOutletContext]=\"{ navItem: navItem }\"></ng-container>\n    }\n  }\n</ng-template>\n<ng-template #headerTemplate let-navItem=\"navItem\">\n  <div class=\"link-header\">{{ navItem.label }}</div>\n</ng-template>\n<ng-template #linkTemplate let-navItem=\"navItem\">\n  <a [routerLink]=\"navItem.routerLink\" *cccHasPermission=\"navItem.permission\">\n    <div class=\"nav-item\" routerLinkActive=\"active-link\">\n      <div class=\"link-button\">\n        <div class=\"icon\">\n          <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n            {{ navItem.icon }}\n          </mat-icon>\n        </div>\n        <div class=\"text\">\n          {{ navItem.label | titlecase }}\n        </div>\n      </div>\n    </div>\n  </a>\n</ng-template>\n<ng-template #expandableTemplate let-navItem=\"navItem\">\n  <div class=\"nav-item\" aria-hidden=\"true\" (click)=\"navItem.isExpanded = !navItem.isExpanded\">\n    <div class=\"link-button\">\n      <div class=\"icon\">\n        <mat-icon class=\"material-icons-outlined\" [inline]=\"true\">\n          {{ navItem.isExpanded ? 'expand_less' : 'expand_more' }}\n        </mat-icon>\n      </div>\n      <div class=\"text\">{{ navItem.label }}</div>\n    </div>\n  </div>\n  @if (navItem.isExpanded) {\n    <div class=\"expandable-links\">\n      @for (navItemChild of navItem.children; track navItemChild) {\n        <ng-container *ngTemplateOutlet=\"typeRendererTemplate; context: { navItem: navItemChild }\"> </ng-container>\n      }\n    </div>\n  }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cccteam-ccc-lib-src-util-request-options.mjs

@@ -0,0 +1,19 @@
+import { HttpContextToken, HttpContext } from '@angular/common/http';
+
+const CUSTOM_HTTP_REQUEST_OPTIONS = new HttpContextToken(() => ({
+    suppressGlobalError: false,
+}));
+function errorOptions(suppressGlobalError) {
+    return {
+        context: new HttpContext().set(CUSTOM_HTTP_REQUEST_OPTIONS, {
+            suppressGlobalError: suppressGlobalError ?? false,
+        }),
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUSTOM_HTTP_REQUEST_OPTIONS, errorOptions };
+//# sourceMappingURL=cccteam-ccc-lib-src-util-request-options.mjs.map

package/fesm2022/cccteam-ccc-lib-src-util-request-options.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-util-request-options.mjs","sources":["../../../projects/ccc-lib/src/util-request-options/request-options.ts","../../../projects/ccc-lib/src/util-request-options/cccteam-ccc-lib-src-util-request-options.ts"],"sourcesContent":["import { HttpContext, HttpContextToken } from '@angular/common/http';\n\nexport interface CustomHttpRequestOptions {\n  suppressGlobalError: boolean;\n}\n\nexport const CUSTOM_HTTP_REQUEST_OPTIONS = new HttpContextToken<CustomHttpRequestOptions>(() => ({\n  suppressGlobalError: false,\n}));\n\nexport function errorOptions(suppressGlobalError: boolean | undefined): { context: HttpContext } {\n  return {\n    context: new HttpContext().set(CUSTOM_HTTP_REQUEST_OPTIONS, {\n      suppressGlobalError: suppressGlobalError ?? false,\n    }),\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAMO,MAAM,2BAA2B,GAAG,IAAI,gBAAgB,CAA2B,OAAO;AAC/F,IAAA,mBAAmB,EAAE,KAAK;AAC3B,CAAA,CAAC;AAEI,SAAU,YAAY,CAAC,mBAAwC,EAAA;IACnE,OAAO;QACL,OAAO,EAAE,IAAI,WAAW,EAAE,CAAC,GAAG,CAAC,2BAA2B,EAAE;YAC1D,mBAAmB,EAAE,mBAAmB,IAAI,KAAK;SAClD,CAAC;KACH;AACH;;AChBA;;AAEG;;;;"}