@cccteam/ccc-lib 0.0.10 → 0.0.12

package/fesm2022/cccteam-ccc-lib.mjs

@@ -1,730 +1,16 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, inject, TemplateRef, ViewContainerRef, Directive, Input, input, signal, computed, Component, EventEmitter, Output, DestroyRef, NgZone } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { Action, Selector, State, Store } from '@ngxs/store';
-import { map, tap, Subject, combineLatest, catchError, of, throwError, finalize } from 'rxjs';
-import { __decorate } from 'tslib';
-import { patch } from '@ngxs/store/operators';
-import { cloneDeep, isEqual } from 'lodash-es';
-import * as i1 from '@angular/common/http';
-import { HttpContextToken, HttpContext } from '@angular/common/http';
-import * as i1$1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import { switchMap, map as map$1, catchError as catchError$1 } from 'rxjs/operators';
-import * as i2$2 from '@angular/router';
-import { Router, RouterModule } from '@angular/router';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i1$2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatSidenavModule } from '@angular/material/sidenav';
-
-const BASE_URL = new InjectionToken('BASE_URL');
-const API_URL = new InjectionToken('API_URL');
-const PERMISSION_REQUIRED = new InjectionToken('PERMISSION_REQUIRED');
-const AVAILABLE_PERMISSIONS = new InjectionToken('AVAILABLE_PERMISSIONS');
-const AVAILABLE_DOMAINS = new InjectionToken('AVAILABLE_DOMAINS');
-
-/* eslint-disable @typescript-eslint/no-namespace */
-// no-namespace rule is disabled because action hygiene prevents import pollution
-var ApiInterceptorAction;
-(function (ApiInterceptorAction) {
-    class BeginActivity {
-        process;
-        static type = '[ApiInterceptor] Add Loading Activity';
-        constructor(process) {
-            this.process = process;
-        }
-    }
-    ApiInterceptorAction.BeginActivity = BeginActivity;
-    class EndActivity {
-        process;
-        static type = '[ApiInterceptor] Remove Loading Activity';
-        constructor(process) {
-            this.process = process;
-        }
-    }
-    ApiInterceptorAction.EndActivity = EndActivity;
-    class PublishError {
-        message;
-        static type = '[ApiInterceptor] Publish Error';
-        constructor(message) {
-            this.message = message;
-        }
-    }
-    ApiInterceptorAction.PublishError = PublishError;
-    class SetRedirectUrl {
-        redirectUrl;
-        static type = '[ApiInterceptor] Set Redirect Url';
-        constructor(redirectUrl) {
-            this.redirectUrl = redirectUrl;
-        }
-    }
-    ApiInterceptorAction.SetRedirectUrl = SetRedirectUrl;
-})(ApiInterceptorAction || (ApiInterceptorAction = {}));
-var HeaderAction;
-(function (HeaderAction) {
-    class ToggleSidenav {
-        static type = '[Header] Toggle Sidenav';
-    }
-    HeaderAction.ToggleSidenav = ToggleSidenav;
-    class Logout {
-        static type = '[Header] User Logout';
-    }
-    HeaderAction.Logout = Logout;
-})(HeaderAction || (HeaderAction = {}));
-
-const CUSTOM_HTTP_REQUEST_OPTIONS = new HttpContextToken(() => ({
-    suppressGlobalError: false,
-}));
-function errorOptions(suppressGlobalError) {
-    return {
-        context: new HttpContext().set(CUSTOM_HTTP_REQUEST_OPTIONS, {
-            suppressGlobalError: suppressGlobalError ?? false,
-        }),
-    };
-}
-
-const routes = {
-    login: (rootUrl) => `${rootUrl}/user/login`,
-    session: (rootUrl) => `${rootUrl}/user/session`,
-};
-class AuthService {
-    http;
-    apiUrl;
-    constructor(http, apiUrl) {
-        this.http = http;
-        this.apiUrl = apiUrl;
-    }
-    /**
-     * Logs a user out.
-     *
-     * @returns Observable with a boolean indicating whether they were logged out.
-     */
-    logout() {
-        return this.http.delete(routes.session(this.apiUrl), errorOptions(false)).pipe(map(() => true));
-    }
-    /**
-     * Checks a user's session with the server.
-     *
-     * @returns Observable with the user session info
-     */
-    checkUserSession() {
-        return this.http.get(routes.session(this.apiUrl), errorOptions(false));
-    }
-    loginRoute() {
-        return routes.login(this.apiUrl);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthService, deps: [{ token: i1.HttpClient }, { token: API_URL }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [API_URL]
-                }] }] });
-
-/* eslint-disable @typescript-eslint/no-namespace */
-// no-namespace rule is disabled because action hygiene prevents import pollution
-var AuthenticationGuardAction;
-(function (AuthenticationGuardAction) {
-    class SetRedirectUrl {
-        redirectUrl;
-        static type = '[AuthenticationGuard] Set Redirect Url And Navigate To Login Page';
-        constructor(redirectUrl) {
-            this.redirectUrl = redirectUrl;
-        }
-    }
-    AuthenticationGuardAction.SetRedirectUrl = SetRedirectUrl;
-    class CheckUserSession {
-        static type = '[AuthenticationGuard] Check User Session';
-    }
-    AuthenticationGuardAction.CheckUserSession = CheckUserSession;
-})(AuthenticationGuardAction || (AuthenticationGuardAction = {}));
-var LoginAction;
-(function (LoginAction) {
-    class Logout {
-        static type = '[Login] Auto Logout';
-    }
-    LoginAction.Logout = Logout;
-    class SetRedirectUrl {
-        redirectUrl;
-        static type = '[Login] Set Redirect Url';
-        constructor(redirectUrl) {
-            this.redirectUrl = redirectUrl;
-        }
-    }
-    LoginAction.SetRedirectUrl = SetRedirectUrl;
-    class PublishError {
-        message;
-        static type = '[Login] Publish Error';
-        constructor(message) {
-            this.message = message;
-        }
-    }
-    LoginAction.PublishError = PublishError;
-})(LoginAction || (LoginAction = {}));
-var AppAction;
-(function (AppAction) {
-    class CheckUserSession {
-        static type = '[App] Check User Session';
-    }
-    AppAction.CheckUserSession = CheckUserSession;
-    class SetRedirectUrl {
-        redirectUrl;
-        static type = '[App] Set Redirect Url';
-        constructor(redirectUrl) {
-            this.redirectUrl = redirectUrl;
-        }
-    }
-    AppAction.SetRedirectUrl = SetRedirectUrl;
-    class SetNavIdentifier {
-        identifier;
-        static type = '[App] Set Nav Identifier';
-        constructor(identifier) {
-            this.identifier = identifier;
-        }
-    }
-    AppAction.SetNavIdentifier = SetNavIdentifier;
-})(AppAction || (AppAction = {}));
-
-var AuthState_1;
-const initState$1 = {
-    authenticated: false,
-    redirectUrl: '',
-    sessionInfo: null,
-};
-let AuthState = class AuthState {
-    static { AuthState_1 = this; }
-    authService = inject(AuthService);
-    static permissionFn;
-    constructor() {
-        AuthState_1.initializePermissionFn();
-    }
-    static initializePermissionFn() {
-        if (!AuthState_1.permissionFn) {
-            AuthState_1.permissionFn = inject(PERMISSION_REQUIRED);
-        }
-    }
-    static hasPermission(state) {
-        return (scope) => {
-            if (!scope)
-                return true;
-            const resourcePermissions = state?.sessionInfo?.permissions?.[scope.domain]?.[scope.resource];
-            return Array.isArray(resourcePermissions) && resourcePermissions.includes(scope.permission);
-        };
-    }
-    static requiresPermission(resource, permission) {
-        if (!AuthState_1.permissionFn) {
-            throw new Error(`AuthState has not been initialized. Ensure AuthState is provided in your module or instantiated at least once.`);
-        }
-        return AuthState_1.permissionFn(resource, permission);
-    }
-    static isAuthenticated(state) {
-        return state?.authenticated;
-    }
-    static redirectUrl(state) {
-        return state?.redirectUrl;
-    }
-    checkUserSession(ctx) {
-        return this.authService.checkUserSession().pipe(tap((result) => ctx.setState(patch({
-            authenticated: !!result?.authenticated,
-            sessionInfo: result,
-        }))));
-    }
-    logout(ctx) {
-        const localStateCopy = cloneDeep(initState$1);
-        localStateCopy.redirectUrl = ctx.getState().redirectUrl;
-        return this.authService.logout().pipe(tap(() => {
-            ctx.setState(localStateCopy);
-        }));
-    }
-    setRedirectUrl(ctx, action) {
-        ctx.setState(patch({
-            redirectUrl: action.redirectUrl,
-        }));
-        return ctx.getState();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthState });
-};
-__decorate([
-    Action([AppAction.CheckUserSession, AuthenticationGuardAction.CheckUserSession])
-], AuthState.prototype, "checkUserSession", null);
-__decorate([
-    Action([LoginAction.Logout])
-], AuthState.prototype, "logout", null);
-__decorate([
-    Action([
-        AppAction.SetRedirectUrl,
-        LoginAction.SetRedirectUrl,
-        AuthenticationGuardAction.SetRedirectUrl,
-        ApiInterceptorAction.SetRedirectUrl,
-    ])
-], AuthState.prototype, "setRedirectUrl", null);
-__decorate([
-    Selector()
-], AuthState, "hasPermission", null);
-__decorate([
-    Selector()
-], AuthState, "isAuthenticated", null);
-__decorate([
-    Selector()
-], AuthState, "redirectUrl", null);
-AuthState = AuthState_1 = __decorate([
-    State({
-        name: 'authState',
-        defaults: initState$1,
-    })
-], AuthState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AuthState, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [], propDecorators: { checkUserSession: [], logout: [], setRedirectUrl: [] } });
-
-class HasPermissionDirective {
-    templateRef = inject((TemplateRef));
-    viewContainer = inject(ViewContainerRef);
-    store = inject(Store);
-    scope = new Subject();
-    set cccHasPermission(scope) {
-        this.scope.next(scope);
-    }
-    constructor() {
-        combineLatest({
-            permissionFn: this.store.select(AuthState.hasPermission),
-            scope: this.scope.asObservable(),
-        })
-            .pipe(takeUntilDestroyed(), map(({ permissionFn, scope }) => (scope !== undefined ? permissionFn(scope) : true)), catchError(() => of(false)))
-            .subscribe((result) => {
-            if (result) {
-                if (!this.viewContainer.get(0)) {
-                    this.viewContainer.createEmbeddedView(this.templateRef);
-                }
-            }
-            else {
-                this.viewContainer.clear();
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HasPermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: HasPermissionDirective, isStandalone: true, selector: "[cccHasPermission]", inputs: { cccHasPermission: "cccHasPermission" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HasPermissionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[cccHasPermission]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [], propDecorators: { cccHasPermission: [{
-                type: Input
-            }] } });
-
-const ReadPermission = 'Read';
-const UpdatePermission = 'Update';
-
-var InputMode;
-(function (InputMode) {
-    InputMode["Read"] = "read";
-    InputMode["Edit"] = "edit";
-})(InputMode || (InputMode = {}));
-class CccInputFieldComponent {
-    store = inject(Store);
-    className = input();
-    mode = input.required();
-    resource = input.required();
-    domain = input.required();
-    value = input.required();
-    name = input.required();
-    inputMode = InputMode;
-    canEdit = signal(false);
-    canEditSelector = false;
-    canRead = signal(false);
-    canReadSelector = false;
-    ngOnInit() {
-        this.canEditSelector = this.store.selectSnapshot(AuthState.hasPermission)({
-            resource: this.resource(),
-            permission: ReadPermission,
-            domain: this.domain(),
-        });
-        this.canReadSelector = this.store.selectSnapshot(AuthState.hasPermission)({
-            resource: this.resource(),
-            permission: UpdatePermission,
-            domain: this.domain(),
-        });
-        this.canRead = computed(() => {
-            const res = this.resource();
-            if (!res) {
-                return false;
-            }
-            if (AuthState.requiresPermission(this.resource(), ReadPermission)) {
-                return this.canReadSelector;
-            }
-            return false;
-        });
-        this.canEdit = computed(() => {
-            const res = this.resource();
-            if (!res) {
-                return false;
-            }
-            if (AuthState.requiresPermission(this.resource(), UpdatePermission)) {
-                return this.canEditSelector;
-            }
-            return false;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CccInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: CccInputFieldComponent, isStandalone: true, selector: "ccc-input-field", inputs: { className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, resource: { classPropertyName: "resource", publicName: "resource", isSignal: true, isRequired: true, transformFunction: null }, domain: { classPropertyName: "domain", publicName: "domain", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-    <mat-form-field [class]="className()">
-      <mat-label>{{ name() }}</mat-label>
-      <input matInput [disabled]="mode() === inputMode.Edit && canEdit()" [value]="value()" />
-    </mat-form-field>
-  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CccInputFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ccc-input-field', standalone: true, imports: [MatFormFieldModule, MatInputModule], template: `
-    <mat-form-field [class]="className()">
-      <mat-label>{{ name() }}</mat-label>
-      <input matInput [disabled]="mode() === inputMode.Edit && canEdit()" [value]="value()" />
-    </mat-form-field>
-  ` }]
-        }] });
-
-/**
- * Accepts a FormGroup and compares it to an object to return the dirty form values
- * as a sparse object
- * @param form - FormGroup
- * @param compareData - object to compare form values against
- * @returns Partial<T>
- * @example sparseFormData<UserCreate>(this.userForm, initUser)
- */
-function sparseFormData(form, compareData) {
-    const sparseFormData = {};
-    for (const [key, control] of Object.entries(form.controls)) {
-        const controlValue = control.value;
-        const compareValue = compareData[key];
-        if (!isEqual(controlValue, compareValue)) {
-            sparseFormData[key] = controlValue;
-        }
-    }
-    return sparseFormData;
-}
-/**
- * Accepts a FormArray and removes empty strings
- * @param formArray - FormArray
- * @returns FormArray
- */
-function cleanStringFormArray(formArray) {
-    for (let i = formArray.controls.length - 1; i >= 0; i--) {
-        if (formArray.at(i).value === '') {
-            formArray.removeAt(i);
-        }
-    }
-    return formArray;
-}
-
-const AuthenticationGuard = (route, routerState) => {
-    const store = inject(Store);
-    const authService = inject(AuthService);
-    const baseUrl = inject(BASE_URL);
-    const authenticate = () => {
-        const url = routerState.url;
-        const absoluteUrl = baseUrl + (!url.toString().startsWith('/') ? '/' + url : url);
-        const encodedUrl = encodeURIComponent(absoluteUrl);
-        window.location.href = `${authService.loginRoute()}?returnUrl=${encodedUrl}`;
-    };
-    return store.select(AuthState.isAuthenticated).pipe(switchMap((authenticated) => {
-        if (authenticated) {
-            return of(authenticated);
-        }
-        // Handle uninitialized state (ie Browser reload)
-        return store.dispatch(AuthenticationGuardAction.CheckUserSession).pipe(switchMap(() => {
-            return store.select(AuthState.isAuthenticated);
-        }));
-    }), map$1((authenticated) => {
-        if (authenticated) {
-            return true;
-        }
-        authenticate();
-        return false;
-    }), catchError$1(() => {
-        authenticate();
-        return of(false);
-    }));
-};
-
-const AuthorizationGuard = (route) => {
-    const store = inject(Store);
-    const router = inject(Router);
-    return store.select(AuthState.hasPermission).pipe(map((permissionFn) => permissionFn(route.data['scope'])), map((hasPermission) => {
-        if (hasPermission) {
-            return true;
-        }
-        router.navigate(['/']);
-        return false;
-    }));
-};
-
-var AlertLevel;
-(function (AlertLevel) {
-    AlertLevel["ERROR"] = "warn";
-    AlertLevel["INFO"] = "accent";
-    AlertLevel["SUCCESS"] = "success";
-})(AlertLevel || (AlertLevel = {}));
-
-class NotificationService {
-    notificationId = 0;
-    _notifications = signal([]);
-    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) {
-        const newNotification = {
-            ...notification,
-            id: this.notificationId++,
-        };
-        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: "18.2.7", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NotificationService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-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: "18.2.7", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ccc-alert', standalone: true, 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
-            }] } });
-
-const initState = {
-    loading: [],
-    sidenavOpened: true,
-    currentSidenavIdentifier: '',
-};
-let CoreState = class CoreState {
-    notifications = inject(NotificationService);
-    static sidenavOpened(state) {
-        return state?.sidenavOpened;
-    }
-    static isLoading(state) {
-        return state.loading.length > 0;
-    }
-    static currentSidenavIdentifier(state) {
-        return state.currentSidenavIdentifier;
-    }
-    setNavIdentifier(ctx, action) {
-        ctx.setState(patch({
-            currentSidenavIdentifier: action.identifier,
-        }));
-    }
-    publishError(ctx, action) {
-        this.notifications.addGlobalNotification(action.message);
-    }
-    beginActivity(ctx, action) {
-        const state = ctx.getState();
-        ctx.patchState({
-            loading: [action.process, ...state.loading],
-        });
-        return ctx.getState();
-    }
-    endActivity(ctx, action) {
-        const loading = ctx.getState().loading;
-        // There can be multiple activities running with the same process signature
-        const index = loading.findIndex((activity) => activity === action.process);
-        if (index !== -1) {
-            const newLoading = [...loading.slice(0, index), ...loading.slice(index + 1)];
-            ctx.patchState({
-                loading: newLoading,
-            });
-            return ctx.getState();
-        }
-        return null;
-    }
-    toggleSidenav(ctx) {
-        ctx.setState(patch({
-            sidenavOpened: !ctx.getState().sidenavOpened,
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CoreState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CoreState });
-};
-__decorate([
-    Action([AppAction.SetNavIdentifier])
-], CoreState.prototype, "setNavIdentifier", null);
-__decorate([
-    Action([ApiInterceptorAction.PublishError, LoginAction.PublishError])
-], CoreState.prototype, "publishError", null);
-__decorate([
-    Action([ApiInterceptorAction.BeginActivity])
-], CoreState.prototype, "beginActivity", null);
-__decorate([
-    Action([ApiInterceptorAction.EndActivity])
-], CoreState.prototype, "endActivity", null);
-__decorate([
-    Action([HeaderAction.ToggleSidenav])
-], CoreState.prototype, "toggleSidenav", null);
-__decorate([
-    Selector()
-], CoreState, "sidenavOpened", null);
-__decorate([
-    Selector()
-], CoreState, "isLoading", null);
-__decorate([
-    Selector()
-], CoreState, "currentSidenavIdentifier", null);
-CoreState = __decorate([
-    State({
-        name: 'coreState',
-        defaults: initState,
-    })
-], CoreState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CoreState, decorators: [{
-            type: Injectable
-        }], propDecorators: { setNavIdentifier: [], publishError: [], beginActivity: [], endActivity: [], toggleSidenav: [] } });
-
-class SidenavComponent {
-    store = inject(Store);
-    destroyRef = inject(DestroyRef);
-    navGroups;
-    currentNav = [];
-    ngOnInit() {
-        this.store
-            .select(CoreState.currentSidenavIdentifier)
-            .pipe(tap((identifier) => {
-            this.currentNav = this.updateNavItems(identifier);
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
-    }
-    /**
-     * 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: "18.2.7", ngImport: i0, type: SidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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.label) {\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$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$2.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: "pipe", type: i3.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "directive", type: HasPermissionDirective, selector: "[cccHasPermission]", inputs: ["cccHasPermission"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SidenavComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ccc-sidenav', standalone: true, imports: [
-                        MatIconModule,
-                        RouterModule,
-                        CommonModule,
-                        MatExpansionModule,
-                        MatButtonModule,
-                        MatSidenavModule,
-                        HasPermissionDirective,
-                    ], template: "<div class=\"nav-container\">\n  <nav>\n    @for (navItem of currentNav; track navItem.label) {\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
-            }] } });
-
-class ApiInterceptor {
-    store = inject(Store);
-    router = inject(Router);
-    ngZone = inject(NgZone);
-    baseUrl = inject(BASE_URL);
-    intercept(request, next) {
-        this.store.dispatch(new ApiInterceptorAction.BeginActivity(request.method + ' ' + request.url));
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status === 401) {
-                this.ngZone.run(() => {
-                    this.store.dispatch(new ApiInterceptorAction.SetRedirectUrl(this.baseUrl + this.router.url));
-                    this.router.navigate(['/login']);
-                });
-            }
-            if (!request.context.get(CUSTOM_HTTP_REQUEST_OPTIONS).suppressGlobalError) {
-                const message = error.error?.message ?? error.message ?? error.error;
-                this.store.dispatch(new ApiInterceptorAction.PublishError({
-                    message: message,
-                    level: AlertLevel.ERROR,
-                    link: '',
-                }));
-            }
-            return throwError(() => error);
-        }), finalize(() => {
-            this.store.dispatch(new ApiInterceptorAction.EndActivity(request.method + ' ' + request.url));
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiInterceptor });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiInterceptor, decorators: [{
-            type: Injectable
-        }] });
+export * from '@cccteam/ccc-lib/src/auth-has-permission';
+export * from '@cccteam/ccc-lib/src/auth-forms';
+export * from '@cccteam/ccc-lib/src/auth-authentication-guard';
+export * from '@cccteam/ccc-lib/src/auth-authorization-guard';
+export * from '@cccteam/ccc-lib/src/auth-service';
+export * from '@cccteam/ccc-lib/src/util-request-options';
+export * from '@cccteam/ccc-lib/src/auth-state';
+export * from '@cccteam/ccc-lib/src/types';
+export * from '@cccteam/ccc-lib/src/ui-alert';
+export * from '@cccteam/ccc-lib/src/ui-sidenav';
+export * from '@cccteam/ccc-lib/src/ui-interceptor';
+export * from '@cccteam/ccc-lib/src/ui-notification-service';
+export * from '@cccteam/ccc-lib/src/ui-core-state';
 
 /*
  * Public API Surface of ccc-lib
@@ -734,6 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
 /**
  * Generated bundle index. Do not edit.
  */
-
-export { API_URL, AVAILABLE_DOMAINS, AVAILABLE_PERMISSIONS, AlertComponent, AlertLevel, ApiInterceptor, ApiInterceptorAction, AppAction, AuthService, AuthState, AuthenticationGuard, AuthenticationGuardAction, AuthorizationGuard, BASE_URL, CUSTOM_HTTP_REQUEST_OPTIONS, CccInputFieldComponent, CoreState, HasPermissionDirective, HeaderAction, InputMode, LoginAction, NotificationService, PERMISSION_REQUIRED, ReadPermission, SidenavComponent, UpdatePermission, cleanStringFormArray, errorOptions, initState$1 as initState, sparseFormData };
 //# sourceMappingURL=cccteam-ccc-lib.mjs.map