ngx-gccb 0.6.0 → 0.7.0

package/fesm2022/ngx-gccb.mjs

@@ -2,19 +2,15 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, Input, inject, ElementRef, Renderer2, Directive, HostListener, ViewContainerRef, HostBinding, EventEmitter, Output, Pipe, Injectable, ComponentFactoryResolver } from '@angular/core';
+import { Component, Input, inject, ElementRef, Directive, HostBinding, EventEmitter, Output, Renderer2, HostListener, ViewContainerRef, Pipe, Injectable, ComponentFactoryResolver } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
-import { createPopper } from '@popperjs/core';
 import * as i1$1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
-import saveAs from 'file-saver';
-import { unparse, parse } from 'papaparse';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { createPopper } from '@popperjs/core';
+import { BehaviorSubject } from 'rxjs';
 import { DomPortalOutlet, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
-import dayjs from 'dayjs';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
 
 const FadeRightAnimation = trigger('fadeRightAnimation', [
     transition(':enter', [style({ transform: 'translateX(-100%)', zIndex: 9999 }), animate('200ms ease-in', style({ transform: 'translateX(0%)' }))]),
@@ -117,23 +113,355 @@ class FormErrorsComponent {
 		</div>
 	`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormErrorsComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormErrorsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-form-errors',
+                    template: `
+		<div class="invalid-feedback d-block">
+			@if (errorMessages) {
+				@for (errorMessage of errorMessages; track $index) {
+					<div>{{ errorMessage }}</div>
+				}
+			}
+		</div>
+	`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }] } });
+
+class FormInputDirective {
+    constructor() {
+        this.elementRef = inject((ElementRef));
+    }
+    set formInputInvalid(val) {
+        if (val === true) {
+            this.elementRef.nativeElement.classList.add('is-invalid');
+        }
+        else {
+            this.elementRef.nativeElement.classList.remove('is-invalid');
+        }
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('form-control');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormInputDirective, isStandalone: true, selector: "input,textarea[app-form-input]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input,textarea[app-form-input]',
+                    standalone: true,
+                }]
+        }], propDecorators: { formInputInvalid: [{
+                type: Input
+            }] } });
+
+class FormLabelDirective {
+    constructor() {
+        this.elementClass = 'form-label';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormLabelDirective, isStandalone: true, selector: "label[app-form-label]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[app-form-label]',
+                    standalone: true,
+                }]
+        }], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class FormSelectDirective {
+    constructor() {
+        this.elementRef = inject((ElementRef));
+    }
+    set formInputInvalid(val) {
+        if (val === true) {
+            this.elementRef.nativeElement.classList.add('is-invalid');
+        }
+        else {
+            this.elementRef.nativeElement.classList.remove('is-invalid');
+        }
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('form-select');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormSelectDirective, isStandalone: true, selector: "select[app-form-select]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'select[app-form-select]',
+                    standalone: true,
+                }]
+        }], propDecorators: { formInputInvalid: [{
+                type: Input
+            }] } });
+
+class FormInputComponent {
+    constructor() {
+        this.inputType = 'text';
+        this.isSubmitted = false;
+        this.selectOptions = [];
+        this.hintText = '';
+        this.onEnter = new EventEmitter();
+        this.onChange = new EventEmitter();
+    }
+    handleSelect(event) {
+        this.onChange.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.11", type: FormInputComponent, isStandalone: true, selector: "app-form-input", inputs: { control: "control", inputType: "inputType", inputLabel: "inputLabel", inputPlaceholder: "inputPlaceholder", inputId: "inputId", inputName: "inputName", inputTabIndex: "inputTabIndex", isSubmitted: "isSubmitted", selectOptions: "selectOptions", hintText: "hintText" }, outputs: { onEnter: "onEnter", onChange: "onChange" }, ngImport: i0, template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormErrorsComponent, selector: "app-form-errors", inputs: ["errors"] }, { kind: "directive", type: FormLabelDirective, selector: "label[app-form-label]" }, { kind: "directive", type: FormInputDirective, selector: "input,textarea[app-form-input]", inputs: ["formInputInvalid"] }, { kind: "directive", type: FormSelectDirective, selector: "select[app-form-select]", inputs: ["formInputInvalid"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-input', standalone: true, imports: [ReactiveFormsModule, FormErrorsComponent, FormLabelDirective, FormInputDirective, FormSelectDirective], template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n" }]
+        }], propDecorators: { control: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inputType: [{
+                type: Input
+            }], inputLabel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inputPlaceholder: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], inputName: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inputTabIndex: [{
+                type: Input
+            }], isSubmitted: [{
+                type: Input
+            }], selectOptions: [{
+                type: Input
+            }], hintText: [{
+                type: Input
+            }], onEnter: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }] } });
+
+class LoadingIndicatorComponent {
+    constructor() {
+        this.faSpinner = faSpinner;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: LoadingIndicatorComponent, isStandalone: true, selector: "app-loading-indicator", ngImport: i0, template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoadingIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loading-indicator', standalone: true, imports: [FontAwesomeModule], template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"] }]
+        }] });
+
+class BaseModalComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: BaseModalComponent, isStandalone: true, selector: "app-base-modal", ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BaseModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-base-modal',
+                    template: ``,
+                    standalone: true,
+                }]
+        }] });
+
+class IconButtonDirective {
+    constructor() {
+        this.elementRef = inject((ElementRef));
+    }
+    set appIconButton(val) {
+        this.color = val || 'primary';
+        this.elementRef.nativeElement.classList.add(`icon-button-${this.color}`);
+    }
+    set shadow(val) {
+        if (val === true || val === undefined) {
+            this.elementRef.nativeElement.classList.add('shadow-sm');
+        }
+        else {
+            this.elementRef.nativeElement.classList.remove('shadow-sm');
+        }
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('btn', 'icon-button');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: IconButtonDirective, isStandalone: true, selector: "button[app-icon-button]", inputs: { appIconButton: ["app-icon-button", "appIconButton"], shadow: "shadow" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: IconButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[app-icon-button]',
+                    standalone: true,
+                }]
+        }], propDecorators: { appIconButton: [{
+                type: Input,
+                args: ['app-icon-button']
+            }], shadow: [{
+                type: Input
+            }] } });
+
+class ModalComponent {
+    constructor() {
+        this.title = '';
+        this.showClose = true;
+        this.onClose = new EventEmitter();
+        this.dialogCssClasses = [];
+        this.faTimes = faTimes;
+    }
+    set fullScreen(val) {
+        if (val === true) {
+            this.dialogCssClasses.push(`modal-fullscreen`);
+        }
+        else {
+            this.dialogCssClasses = this.dialogCssClasses.filter(cssClass => cssClass !== 'modal-fullscreen');
+        }
+    }
+    handleClickClose() {
+        this.onClose.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.11", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", showClose: "showClose", fullScreen: "fullScreen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-modal', standalone: true, imports: [CommonModule, IconButtonDirective, FontAwesomeModule], template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], showClose: [{
+                type: Input
+            }], fullScreen: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+class OffCanvasComponent {
+    constructor() {
+        this.title = '';
+        this.onClose = new EventEmitter();
+        this.faTimes = faTimes;
+    }
+    handleClickClose() {
+        this.onClose.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: OffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: OffCanvasComponent, isStandalone: true, selector: "app-off-canvas", inputs: { title: "title" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: OffCanvasComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-off-canvas', standalone: true, imports: [FontAwesomeModule, IconButtonDirective], template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+class ToastComponent {
+    constructor() {
+        this.onClose = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ToastComponent, isStandalone: true, selector: "app-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+		<div class="toast align-items-center text-bg-dark border-0 show">
+			<div class="d-flex">
+				<div class="toast-body" [innerHTML]="message"></div>
+				<button class="btn-close btn-close-white me-2 m-auto" (click)="onClose.next()"></button>
+			</div>
+		</div>
+	`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-toast', template: `
+		<div class="toast align-items-center text-bg-dark border-0 show">
+			<div class="d-flex">
+				<div class="toast-body" [innerHTML]="message"></div>
+				<button class="btn-close btn-close-white me-2 m-auto" (click)="onClose.next()"></button>
+			</div>
+		</div>
+	`, standalone: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+const Class = (className) => (obj) => {
+    Object.defineProperty(obj.prototype, 'className', {
+        value: className,
+        writable: false,
+    });
+};
+
+var LogType;
+(function (LogType) {
+    LogType["log"] = "log";
+    LogType["info"] = "info";
+    LogType["warn"] = "warn";
+    LogType["debug"] = "debug";
+    LogType["error"] = "error";
+})(LogType || (LogType = {}));
+
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+function Log(methodName, logType = LogType.log, logArgs) {
+    return function (target, key, descriptor) {
+        const method = descriptor.value;
+        descriptor.value = function (...args) {
+            const className = target.constructor.name;
+            const newMethodName = methodName || key;
+            let logStatements = [className, newMethodName];
+            if (logArgs && args && args.length > 0) {
+                logStatements = logStatements.concat(args);
+            }
+            // eslint-disable-next-line no-console
+            console[logType](...logStatements);
+            return method.apply(this, args);
+        };
+        return descriptor;
+    };
+}
+
+class AutofocusDirective {
+    constructor(el) {
+        this.el = el;
+        this.focus = true;
+    }
+    set autofocus(condition) {
+        this.focus = condition !== false;
+    }
+    ngAfterViewInit() {
+        if (this.focus) {
+            setTimeout(() => {
+                this.el.nativeElement.focus();
+                this.el.nativeElement.classList.add('focus-ring');
+            }, 100);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: AutofocusDirective, isStandalone: true, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AutofocusDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'app-form-errors',
-                    template: `
-		<div class="invalid-feedback d-block">
-			@if (errorMessages) {
-				@for (errorMessage of errorMessages; track $index) {
-					<div>{{ errorMessage }}</div>
-				}
-			}
-		</div>
-	`,
+                    selector: '[autofocus]',
                     standalone: true,
-                    imports: [CommonModule],
                 }]
-        }], propDecorators: { errors: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { autofocus: [{
                 type: Input
             }] } });
 
@@ -312,7 +640,9 @@ class DropdownDirective {
         this.isDropdownVisible = false;
     }
     onDocumentClick(event) {
-        if (this.wrapperElement && !this.wrapperElement.contains(event.target) && !this.elementRef.nativeElement.contains(event.target)) {
+        if (this.wrapperElement &&
+            !this.wrapperElement.contains(event.target) &&
+            !this.elementRef.nativeElement.contains(event.target)) {
             this.closeDropdown();
         }
     }
@@ -339,424 +669,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
             }], placement: [{
                 type: Input
             }], toggleDropdown: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class FormInputDirective {
-    constructor() {
-        this.elementRef = inject((ElementRef));
-    }
-    set formInputInvalid(val) {
-        if (val === true) {
-            this.elementRef.nativeElement.classList.add('is-invalid');
-        }
-        else {
-            this.elementRef.nativeElement.classList.remove('is-invalid');
-        }
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('form-control');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormInputDirective, isStandalone: true, selector: "input,textarea[app-form-input]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input,textarea[app-form-input]',
-                    standalone: true,
-                }]
-        }], propDecorators: { formInputInvalid: [{
-                type: Input
-            }] } });
-
-class FormLabelDirective {
-    constructor() {
-        this.elementClass = 'form-label';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormLabelDirective, isStandalone: true, selector: "label[app-form-label]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormLabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'label[app-form-label]',
-                    standalone: true,
-                }]
-        }], propDecorators: { elementClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class FormSelectDirective {
-    constructor() {
-        this.elementRef = inject((ElementRef));
-    }
-    set formInputInvalid(val) {
-        if (val === true) {
-            this.elementRef.nativeElement.classList.add('is-invalid');
-        }
-        else {
-            this.elementRef.nativeElement.classList.remove('is-invalid');
-        }
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('form-select');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: FormSelectDirective, isStandalone: true, selector: "select[app-form-select]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormSelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'select[app-form-select]',
-                    standalone: true,
-                }]
-        }], propDecorators: { formInputInvalid: [{
-                type: Input
-            }] } });
-
-class IconButtonDirective {
-    constructor() {
-        this.elementRef = inject((ElementRef));
-    }
-    set appIconButton(val) {
-        this.color = val || 'primary';
-        this.elementRef.nativeElement.classList.add(`icon-button-${this.color}`);
-    }
-    set shadow(val) {
-        if (val === true || val === undefined) {
-            this.elementRef.nativeElement.classList.add('shadow-sm');
-        }
-        else {
-            this.elementRef.nativeElement.classList.remove('shadow-sm');
-        }
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('btn', 'icon-button');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: IconButtonDirective, isStandalone: true, selector: "button[app-icon-button]", inputs: { appIconButton: ["app-icon-button", "appIconButton"], shadow: "shadow" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: IconButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'button[app-icon-button]',
-                    standalone: true,
-                }]
-        }], propDecorators: { appIconButton: [{
-                type: Input,
-                args: ['app-icon-button']
-            }], shadow: [{
-                type: Input
-            }] } });
-
-class ListGroupItemAvatarDirective {
-    constructor() {
-        this.elementRef = inject((ElementRef));
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('list-group-item-avatar');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupItemAvatarDirective, isStandalone: true, selector: "[app-list-group-item-avatar]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemAvatarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[app-list-group-item-avatar]',
-                    standalone: true,
-                }]
-        }] });
-
-class ListGroupItemDirective {
-    constructor() {
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject((ElementRef));
-        this._isActive = false;
-        this.onOutsideClick = new EventEmitter();
-    }
-    set isActive(val) {
-        this._isActive = val;
-        if (val) {
-            this.elementRef.nativeElement.classList.add('focus-active');
-        }
-        else {
-            this.elementRef.nativeElement.classList.remove('focus-active');
-        }
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('list-group-item');
-        this.elementRef.nativeElement.classList.add('list-group-item-action');
-        this.elementRef.nativeElement.classList.add('d-flex', 'flex-row', 'align-items-center');
-        this.renderer.listen('window', 'click', (e) => {
-            if (e.target !== this.elementRef.nativeElement) {
-                this._isActive = false;
-                this.elementRef.nativeElement.classList.remove('focus-active');
-                this.onOutsideClick.next();
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupItemDirective, isStandalone: true, selector: "li[app-list-group-item]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'li[app-list-group-item]',
-                    standalone: true,
-                }]
-        }], propDecorators: { isActive: [{
-                type: Input
-            }], onOutsideClick: [{
-                type: Output
-            }] } });
-
-class ListGroupDirective {
-    constructor() {
-        this.elementRef = inject((ElementRef));
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.classList.add('list-group');
-        this.elementRef.nativeElement.classList.add('list-group-flush');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupDirective, isStandalone: true, selector: "ul[app-list-group]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ul[app-list-group]',
-                    standalone: true,
-                }]
-        }] });
-
-class FormInputComponent {
-    constructor() {
-        this.inputType = 'text';
-        this.isSubmitted = false;
-        this.selectOptions = [];
-        this.hintText = '';
-        this.onEnter = new EventEmitter();
-        this.onChange = new EventEmitter();
-    }
-    handleSelect(event) {
-        this.onChange.next(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.11", type: FormInputComponent, isStandalone: true, selector: "app-form-input", inputs: { control: "control", inputType: "inputType", inputLabel: "inputLabel", inputPlaceholder: "inputPlaceholder", inputId: "inputId", inputName: "inputName", inputTabIndex: "inputTabIndex", isSubmitted: "isSubmitted", selectOptions: "selectOptions", hintText: "hintText" }, outputs: { onEnter: "onEnter", onChange: "onChange" }, ngImport: i0, template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormErrorsComponent, selector: "app-form-errors", inputs: ["errors"] }, { kind: "directive", type: FormLabelDirective, selector: "label[app-form-label]" }, { kind: "directive", type: FormInputDirective, selector: "input,textarea[app-form-input]", inputs: ["formInputInvalid"] }, { kind: "directive", type: FormSelectDirective, selector: "select[app-form-select]", inputs: ["formInputInvalid"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FormInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-form-input', standalone: true, imports: [ReactiveFormsModule, FormErrorsComponent, FormLabelDirective, FormInputDirective, FormSelectDirective], template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n" }]
-        }], propDecorators: { control: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputType: [{
-                type: Input
-            }], inputLabel: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputPlaceholder: [{
-                type: Input
-            }], inputId: [{
-                type: Input
-            }], inputName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputTabIndex: [{
-                type: Input
-            }], isSubmitted: [{
-                type: Input
-            }], selectOptions: [{
-                type: Input
-            }], hintText: [{
-                type: Input
-            }], onEnter: [{
-                type: Output
-            }], onChange: [{
-                type: Output
+                type: HostListener,
+                args: ['click']
             }] } });
 
-class LoadingIndicatorComponent {
+class ListGroupItemAvatarDirective {
     constructor() {
-        this.faSpinner = faSpinner;
+        this.elementRef = inject((ElementRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: LoadingIndicatorComponent, isStandalone: true, selector: "app-loading-indicator", ngImport: i0, template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoadingIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-loading-indicator', standalone: true, imports: [FontAwesomeModule], template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"] }]
-        }] });
-
-class BaseModalComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: BaseModalComponent, isStandalone: true, selector: "app-base-modal", ngImport: i0, template: ``, isInline: true }); }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('list-group-item-avatar');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupItemAvatarDirective, isStandalone: true, selector: "[app-list-group-item-avatar]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BaseModalComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemAvatarDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'app-base-modal',
-                    template: ``,
+                    selector: '[app-list-group-item-avatar]',
                     standalone: true,
                 }]
         }] });
 
-class ModalComponent {
+class ListGroupItemDirective {
     constructor() {
-        this.title = '';
-        this.showClose = true;
-        this.onClose = new EventEmitter();
-        this.dialogCssClasses = [];
-        this.faTimes = faTimes;
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject((ElementRef));
+        this._isActive = false;
+        this.onOutsideClick = new EventEmitter();
     }
-    set fullScreen(val) {
-        if (val === true) {
-            this.dialogCssClasses.push(`modal-fullscreen`);
+    set isActive(val) {
+        this._isActive = val;
+        if (val) {
+            this.elementRef.nativeElement.classList.add('focus-active');
         }
         else {
-            this.dialogCssClasses = this.dialogCssClasses.removeBy((cssClass) => cssClass, 'modal-fullscreen');
+            this.elementRef.nativeElement.classList.remove('focus-active');
         }
     }
-    handleClickClose() {
-        this.onClose.next();
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('list-group-item');
+        this.elementRef.nativeElement.classList.add('list-group-item-action');
+        this.elementRef.nativeElement.classList.add('d-flex', 'flex-row', 'align-items-center');
+        this.renderer.listen('window', 'click', (e) => {
+            if (e.target !== this.elementRef.nativeElement) {
+                this._isActive = false;
+                this.elementRef.nativeElement.classList.remove('focus-active');
+                this.onOutsideClick.next();
+            }
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.11", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", showClose: "showClose", fullScreen: "fullScreen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupItemDirective, isStandalone: true, selector: "li[app-list-group-item]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-modal', standalone: true, imports: [CommonModule, IconButtonDirective, FontAwesomeModule], template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], showClose: [{
-                type: Input
-            }], fullScreen: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[app-list-group-item]',
+                    standalone: true,
+                }]
+        }], propDecorators: { isActive: [{
                 type: Input
-            }], onClose: [{
+            }], onOutsideClick: [{
                 type: Output
             }] } });
 
-class OffCanvasComponent {
+class ListGroupDirective {
     constructor() {
-        this.title = '';
-        this.onClose = new EventEmitter();
-        this.faTimes = faTimes;
+        this.elementRef = inject((ElementRef));
     }
-    handleClickClose() {
-        this.onClose.next();
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('list-group');
+        this.elementRef.nativeElement.classList.add('list-group-flush');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: OffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: OffCanvasComponent, isStandalone: true, selector: "app-off-canvas", inputs: { title: "title" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ListGroupDirective, isStandalone: true, selector: "ul[app-list-group]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: OffCanvasComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-off-canvas', standalone: true, imports: [FontAwesomeModule, IconButtonDirective], template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], onClose: [{
-                type: Output
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ul[app-list-group]',
+                    standalone: true,
+                }]
+        }] });
 
-class ToastComponent {
+class TooltipDirective {
     constructor() {
-        this.onClose = new EventEmitter();
+        this.placement = 'bottom-start';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ToastComponent, isStandalone: true, selector: "app-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
-		<div class="toast align-items-center text-bg-dark border-0 show">
-			<div class="d-flex">
-				<div class="toast-body" [innerHTML]="message"></div>
-				<button class="btn-close btn-close-white me-2 m-auto" (click)="onClose.next()"></button>
-			</div>
-		</div>
-	`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TooltipDirective, isStandalone: true, selector: "[appTooltip]", inputs: { tooltip: ["appTooltip", "tooltip"], placement: "placement" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToastComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-toast', template: `
-		<div class="toast align-items-center text-bg-dark border-0 show">
-			<div class="d-flex">
-				<div class="toast-body" [innerHTML]="message"></div>
-				<button class="btn-close btn-close-white me-2 m-auto" (click)="onClose.next()"></button>
-			</div>
-		</div>
-	`, standalone: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }]
-        }], propDecorators: { message: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appTooltip]',
+                    standalone: true,
+                }]
+        }], propDecorators: { tooltip: [{
+                type: Input,
+                args: ['appTooltip']
+            }], placement: [{
                 type: Input
-            }], onClose: [{
-                type: Output
             }] } });
 
-const Class = (className) => (obj) => {
-    Object.defineProperty(obj.prototype, 'className', {
-        value: className,
-        writable: false,
-    });
-};
-
-var LogType;
-(function (LogType) {
-    LogType["log"] = "log";
-    LogType["info"] = "info";
-    LogType["warn"] = "warn";
-    LogType["debug"] = "debug";
-    LogType["error"] = "error";
-})(LogType || (LogType = {}));
-
-/* eslint-disable @typescript-eslint/naming-convention */
-/* eslint-disable prefer-arrow/prefer-arrow-functions */
-function Log(methodName, logType = LogType.log, logArgs) {
-    return function (target, key, descriptor) {
-        const method = descriptor.value;
-        descriptor.value = function (...args) {
-            const className = target.className || target.constructor.name;
-            const newMethodName = methodName || key;
-            let logStatements = [className, newMethodName];
-            if (logArgs && args && args.length > 0) {
-                logStatements = logStatements.concat([...args]);
-            }
-            // eslint-disable-next-line no-console
-            console[logType].apply(console, [...logStatements]);
-            return method.apply(this, args);
-        };
-        return descriptor;
-    };
-}
-
-var SortOrder;
-(function (SortOrder) {
-    SortOrder[SortOrder["NONE"] = 0] = "NONE";
-    SortOrder[SortOrder["ASC"] = 1] = "ASC";
-    SortOrder[SortOrder["DESC"] = -1] = "DESC";
-})(SortOrder || (SortOrder = {}));
-const compareString = (valA, valB, ascending) => {
-    return valA.localeCompare(valB) * (ascending ? SortOrder.ASC : SortOrder.DESC);
-};
-const getSortOrder = (valA, valB) => {
-    return valA < valB ? SortOrder.DESC : valA === valB ? SortOrder.NONE : SortOrder.ASC;
-};
-const compareNonString = (valA, valB, ascending) => {
-    return getSortOrder(valA, valB) * (ascending ? SortOrder.ASC : SortOrder.DESC);
-};
-const getValue = (valA, valB, ascending) => {
-    let result = 0;
-    if (typeof valA === 'string' && typeof valB === 'string') {
-        result = compareString(valA, valB, ascending);
-    }
-    else {
-        result = compareNonString(valA, valB, ascending);
-    }
-    return result;
-};
-const sortHelper = (a, b, valueGetter, ascending) => {
-    const valA = valueGetter(a);
-    const valB = valueGetter(b);
-    return getValue(valA, valB, ascending);
-};
-
 class FormControlPipe {
     transform(value) {
         return value;
@@ -772,87 +788,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
                 }]
         }] });
 
-class ClipboardService {
-    copy(text) {
-        return navigator.clipboard.writeText(text);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ClipboardService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ClipboardService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class FileService {
-    readAsText(file) {
-        const fileReader = new FileReader();
-        return new Promise((resolve, reject) => {
-            fileReader.onload = (event) => {
-                resolve(event);
-            };
-            fileReader.onerror = (event) => {
-                reject(event);
-            };
-            fileReader.readAsText(file);
-        });
-    }
-    readAsBinaryString(file) {
-        const fileReader = new FileReader();
-        return new Promise((resolve, reject) => {
-            fileReader.onload = (event) => {
-                resolve(event);
-            };
-            fileReader.onerror = (event) => {
-                reject(event);
-            };
-            fileReader.readAsBinaryString(file);
-        });
-    }
-    readAsDataUrl(file) {
-        const reader = new FileReader();
-        return new Promise((resolve, reject) => {
-            reader.onload = (event) => {
-                resolve(event);
-            };
-            reader.onerror = (error) => reject(error);
-            reader.readAsDataURL(file);
-        });
-    }
-    unparse(data, config) {
-        return unparse(data, config);
-    }
-    parse(content) {
-        return new Promise((resolve, reject) => {
-            parse(content, {
-                header: true,
-                complete: (results) => resolve(results),
-                error: (err) => reject(err),
-            });
-        });
-    }
-    getFileExtension(filename) {
-        let result = '-';
-        if (/[.]/.exec(filename)) {
-            const regexp = /[^.]+$/.exec(filename);
-            result = `.${regexp?.[0]}`;
-        }
-        return result;
-    }
-    saveAs(content, fileName, fileType) {
-        const blob = new Blob([content], { type: fileType });
-        saveAs(blob, fileName, { autoBom: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FileService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: FileService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 class ImageService {
     async compress(imageBase64, quality = 0.8, fileType = 'image/jpeg') {
         const img = await this.load(imageBase64);
@@ -939,38 +874,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-class LoggerService {
-    constructor() {
-        this.onLog = new Subject();
-    }
-    log(...args) {
-        this._doLog(LogType.log, args);
-    }
-    info(...args) {
-        this._doLog(LogType.info, args);
-    }
-    warn(...args) {
-        this._doLog(LogType.warn, args);
-    }
-    debug(...args) {
-        this._doLog(LogType.debug, args);
-    }
-    error(...args) {
-        this._doLog(LogType.error, args);
-    }
-    _doLog(logType, ...args) {
-        // eslint-disable-next-line no-console
-        console[logType].apply(console, args);
-        this.onLog.next({ logType: logType, args: args });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoggerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: LoggerService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 class ModalService {
     init(viewContainerRef) {
         this.portalHost = new DomPortalOutlet(document.body);
@@ -1058,85 +961,9 @@ class TokenService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TokenService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: LocalService }] });
 
-Array.prototype.groupBy = function (valueGetter) {
-    return this.reduce((curr, obj) => {
-        const key = valueGetter(obj);
-        (curr[key] = curr[key] || []).push(obj);
-        return curr;
-    }, {});
-};
-Array.prototype.removeBy = function (valueGetter, val) {
-    return this.filter((curr) => {
-        const key = valueGetter(curr);
-        // change to split to remove only first item found
-        return key !== val;
-    });
-};
-Array.prototype.orderBy = function (valueGetter, ascending = true) {
-    this?.sort((a, b) => sortHelper(a, b, valueGetter, ascending));
-    return this;
-};
-Array.prototype.filterBy = function (key) {
-    return this.filter((a) => {
-        let result = false;
-        if (key && a[key]) {
-            result = a[key] === key;
-        }
-        else {
-            result = a === key;
-        }
-        return result;
-    });
-};
-Array.prototype.distinct = function (comparator) {
-    const thisAsArray = this;
-    const result = comparator
-        ? thisAsArray.filter((value, index, array) => array.findIndex((o) => comparator(o, value)) === index)
-        : thisAsArray.filter((value, index, array) => array.indexOf(value) === index);
-    return result;
-};
-
-dayjs.extend(localizedFormat);
-Date.prototype.isAfter = function (date, unit) {
-    return dayjs(this).isAfter(date, unit);
-};
-Date.prototype.isBefore = function (date, unit) {
-    return dayjs(this).isBefore(date, unit);
-};
-Date.prototype.format = function (template) {
-    return dayjs(this).format(template);
-};
-Date.prototype.isValid = function () {
-    return dayjs(this).isValid();
-};
-Date.prototype.add = function (value, unit) {
-    return dayjs(this).add(value, unit).toDate();
-};
-Date.prototype.subtract = function (value, unit) {
-    return dayjs(this).subtract(value, unit).toDate();
-};
-Date.prototype.firstDayOfMonth = function () {
-    return dayjs(this).startOf('month').toDate();
-};
-Date.prototype.lastDayOfMonth = function () {
-    return dayjs(this).endOf('month').toDate();
-};
-Date.prototype.set = function (unit, value) {
-    return dayjs(this).set(unit, value).toDate();
-};
-Date.prototype.diff = function (date, unit) {
-    return dayjs(this).diff(date, unit);
-};
-
-String.prototype.capitalize = function () {
-    return this.charAt(0).toUpperCase() + this.slice(1);
-};
-
 function dateAfterValidator(startDateControlKey) {
     return (endDateControl) => {
         let result = null;
@@ -1188,10 +1015,12 @@ function timeAfterValidator(startTimeControlKey) {
                 const startTime = startTimeControl.value;
                 const endTime = control.value;
                 // Umwandlung der Zeit in Minuten (z.B. 20:00 Uhr = 1200 Minuten)
-                const startMinutes = convertToMinutes(startTime);
-                const endMinutes = convertToMinutes(endTime);
-                if (endMinutes <= startMinutes) {
-                    result = { timeAfterError: startTimeControl.value };
+                if (startTime && endTime) {
+                    const startMinutes = convertToMinutes(startTime);
+                    const endMinutes = convertToMinutes(endTime);
+                    if (endMinutes <= startMinutes) {
+                        result = { timeAfterError: startTimeControl.value };
+                    }
                 }
             }
         }
@@ -1212,5 +1041,5 @@ function convertToMinutes(time) {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseModalComponent, ButtonDirective, Class, ClipboardService, ColDirective, DatePickerComponent, DropdownDirective, FadeAnimation, FadeRightAnimation, FileService, FormControlPipe, FormErrorsComponent, FormInputComponent, FormInputDirective, FormLabelDirective, FormSelectDirective, IconButtonDirective, ImageService, ListGroupDirective, ListGroupItemAvatarDirective, ListGroupItemDirective, LoadingIndicatorComponent, LoadingIndicatorService, LocalService, Log, LogType, LoggerService, ModalComponent, ModalService, OffCanvasComponent, ToastComponent, ToastService, TokenService, dateAfterValidator, matchValidator, sortHelper, timeAfterValidator };
+export { AutofocusDirective, BaseModalComponent, ButtonDirective, Class, ColDirective, DatePickerComponent, DropdownDirective, FadeAnimation, FadeRightAnimation, FormControlPipe, FormErrorsComponent, FormInputComponent, FormInputDirective, FormLabelDirective, FormSelectDirective, IconButtonDirective, ImageService, ListGroupDirective, ListGroupItemAvatarDirective, ListGroupItemDirective, LoadingIndicatorComponent, LoadingIndicatorService, LocalService, Log, LogType, ModalComponent, ModalService, OffCanvasComponent, ToastComponent, ToastService, TokenService, TooltipDirective, dateAfterValidator, matchValidator, timeAfterValidator };
 //# sourceMappingURL=ngx-gccb.mjs.map