ngx-gccb 0.0.1

package/fesm2022/ngx-gccb.mjs

@@ -0,0 +1,684 @@
+import { trigger, transition, style, animate } from '@angular/animations';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, inject, Renderer2, ElementRef, Directive, HostListener, HostBinding, EventEmitter, Output, Pipe, Injectable, ComponentFactoryResolver } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
+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%)' })),
+    ]),
+    transition(':leave', [animate('200ms ease-in', style({ transform: 'translateX(-100%)' }))]),
+]);
+
+const FadeAnimation = trigger('fadeAnimation', [
+    transition(':enter', [
+        style({ opacity: 0, transform: 'translateY(10px)' }),
+        animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
+    ]),
+    transition(':leave', [animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' }))]),
+]);
+
+class FormErrors {
+    constructor() {
+        this.errors = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormErrors, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: FormErrors, isStandalone: true, selector: "app-form-errors", inputs: { errors: "errors" }, ngImport: i0, template: `
+		<div class="invalid-feedback d-block">
+			@if (errors) {
+				@if (errors['required']) {
+					<div>Feld wird benötigt</div>
+				}
+			}
+		</div>
+	`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormErrors, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-form-errors',
+                    template: `
+		<div class="invalid-feedback d-block">
+			@if (errors) {
+				@if (errors['required']) {
+					<div>Feld wird benötigt</div>
+				}
+			}
+		</div>
+	`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }] } });
+
+class ButtonOutlineDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject((ElementRef));
+    }
+    set appButton(val) {
+        this.elementRef.nativeElement.classList.add(`btn-outline-${val || 'secondary'}`);
+    }
+    set size(val) {
+        this.elementRef.nativeElement.classList.add(`btn-${val || 'sm'}`);
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('btn');
+        this.elementRef.nativeElement.classList.add('shadow-sm');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ButtonOutlineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: ButtonOutlineDirective, isStandalone: true, selector: "button[app-button-outline]", inputs: { appButton: ["app-button-outline", "appButton"], size: "size" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ButtonOutlineDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[app-button-outline]',
+                    standalone: true,
+                }]
+        }], propDecorators: { appButton: [{
+                type: Input,
+                args: ['app-button-outline']
+            }], size: [{
+                type: Input
+            }] } });
+
+// extends from autofocus?
+class ButtonDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject((ElementRef));
+    }
+    onFocus() {
+        this.isFocused = true;
+    }
+    onblur() {
+        this.isFocused = false;
+    }
+    set isFocused(val) {
+        if (val) {
+            this.elementRef.nativeElement.classList.add(`focus-ring-${this.color}`);
+        }
+        else {
+            this.elementRef.nativeElement.classList.remove(`focus-ring-${this.color}`);
+        }
+    }
+    set appButton(val) {
+        this.color = val || 'secondary';
+        this.elementRef.nativeElement.classList.add(`btn-${this.color}`);
+    }
+    set size(val) {
+        this.elementRef.nativeElement.classList.add(`btn-${val || 'sm'}`);
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.classList.add('btn');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: ButtonDirective, isStandalone: true, selector: "button[app-button]", inputs: { appButton: ["app-button", "appButton"], size: "size" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onblur($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[app-button]',
+                    standalone: true,
+                }]
+        }], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event']]
+            }], onblur: [{
+                type: HostListener,
+                args: ['blur', ['$event']]
+            }], appButton: [{
+                type: Input,
+                args: ['app-button']
+            }], size: [{
+                type: Input
+            }] } });
+
+class FormInputDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        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: "17.2.2", ngImport: i0, type: FormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: FormInputDirective, isStandalone: true, selector: "input,textarea[app-form-input]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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: "17.2.2", ngImport: i0, type: FormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: FormLabelDirective, isStandalone: true, selector: "label[app-form-label]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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.renderer = inject(Renderer2);
+        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: "17.2.2", ngImport: i0, type: FormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: FormSelectDirective, isStandalone: true, selector: "select[app-form-select]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'select[app-form-select]',
+                    standalone: true,
+                }]
+        }], propDecorators: { formInputInvalid: [{
+                type: Input
+            }] } });
+
+class IconButtonDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject((ElementRef));
+    }
+    set appButton(val) {
+        this.elementRef.nativeElement.classList.add(`btn-${val || 'light'}`);
+    }
+    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: "17.2.2", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: IconButtonDirective, isStandalone: true, selector: "button[app-icon-button]", inputs: { appButton: ["app-icon-button", "appButton"], shadow: "shadow" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[app-icon-button]',
+                    standalone: true,
+                }]
+        }], propDecorators: { appButton: [{
+                type: Input,
+                args: ['app-icon-button']
+            }], shadow: [{
+                type: Input
+            }] } });
+
+class ListGroupItemDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject((ElementRef));
+    }
+    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', 'justify-content-between');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: ListGroupItemDirective, isStandalone: true, selector: "li[app-list-group-item]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ListGroupItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[app-list-group-item]',
+                    standalone: true,
+                }]
+        }] });
+
+class ListGroupDirective {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        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: "17.2.2", ngImport: i0, type: ListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: ListGroupDirective, isStandalone: true, selector: "ul[app-list-group]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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.onEnter = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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" }, outputs: { onEnter: "onEnter" }, ngImport: i0, template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === \"text\" ||\n\t\tinputType === \"number\" ||\n\t\tinputType === \"date\" ||\n\t\tinputType === \"datetime-local\"\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\t/>\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>\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\">\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\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: FormErrors, 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: "17.2.2", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-input', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        FormErrors,
+                        FormLabelDirective,
+                        FormInputDirective,
+                        FormSelectDirective,
+                    ], template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === \"text\" ||\n\t\tinputType === \"number\" ||\n\t\tinputType === \"date\" ||\n\t\tinputType === \"datetime-local\"\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\t/>\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>\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\">\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\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
+            }], onEnter: [{
+                type: Output
+            }] } });
+
+class LoadingIndicatorComponent {
+    constructor() {
+        this.faSpinner = faSpinner;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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 ModalComponent {
+    constructor() {
+        this.title = '';
+        this.showClose = true;
+        this.onClose = new EventEmitter();
+    }
+    handleClickClose() {
+        this.onClose.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", showClose: "showClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal d-block\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\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 type=\"button\" class=\"btn-close\" (click)=\"handleClickClose()\"></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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-modal', standalone: true, template: "<div class=\"modal d-block\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\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 type=\"button\" class=\"btn-close\" (click)=\"handleClickClose()\"></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" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], showClose: [{
+                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: "17.2.2", ngImport: i0, type: OffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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\">\n\t<div class=\"offcanvas-header\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button type=\"button\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\"></fa-icon>\n\t\t</button>\n\t</div>\n\t<ng-content />\n</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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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\">\n\t<div class=\"offcanvas-header\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button type=\"button\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\"></fa-icon>\n\t\t</button>\n\t</div>\n\t<ng-content />\n</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: "17.2.2", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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
+					type="button"
+					class="btn-close btn-close-white me-2 m-auto"
+					(click)="onClose.next()"
+				></button>
+			</div>
+		</div>
+	`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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
+					type="button"
+					class="btn-close btn-close-white me-2 m-auto"
+					(click)="onClose.next()"
+				></button>
+			</div>
+		</div>
+	`,
+                    standalone: true,
+                }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: FormControlPipe, isStandalone: true, name: "formControl" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormControlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formControl',
+                    standalone: true,
+                }]
+        }] });
+
+class LoadingIndicatorService {
+    constructor() {
+        this.show = new BehaviorSubject(undefined);
+        this.hide = new BehaviorSubject(undefined);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingIndicatorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingIndicatorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class LocalService {
+    get(key) {
+        let result = null;
+        let local = localStorage.getItem(key);
+        if (local) {
+            result = JSON.parse(local);
+        }
+        return result;
+    }
+    set(key, val) {
+        localStorage.setItem(key, JSON.stringify(val));
+    }
+    remove(key) {
+        localStorage.removeItem(key);
+    }
+    removeAll() {
+        localStorage.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LocalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LocalService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LocalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ModalService {
+    init(viewContainerRef) {
+        this.portalHost = new DomPortalOutlet(document.body);
+        this.viewContainerRef = viewContainerRef;
+    }
+    showTemplate(templateRef) {
+        if (this.viewContainerRef) {
+            const newPortal = new TemplatePortal(templateRef, this.viewContainerRef);
+            this.portalHost.attach(newPortal);
+        }
+        else {
+            throw Error('no viewcontainer ref is set');
+        }
+    }
+    hide() {
+        this.portalHost.detach();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ToastService {
+    constructor() {
+        this.componentFactoryResolver = inject(ComponentFactoryResolver);
+    }
+    init(viewContainerRef) {
+        this.portalHost = new DomPortalOutlet(document.body);
+        this.viewContainerRef = viewContainerRef;
+    }
+    show(message) {
+        if (this.viewContainerRef) {
+            const componentPortal = new ComponentPortal(ToastComponent, this.viewContainerRef, null, this.componentFactoryResolver);
+            const componentRef = this.portalHost.attachComponentPortal(componentPortal);
+            componentRef.instance.message = message;
+            componentRef.instance.onClose.subscribe(() => {
+                this.hide();
+            });
+            setTimeout(() => {
+                this.hide();
+            }, 3500);
+        }
+        else {
+            throw Error('no viewcontainer ref is set');
+        }
+    }
+    hide() {
+        this.portalHost.detach();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TokenService {
+    constructor(localService) {
+        this.localService = localService;
+    }
+    get(key) {
+        return this.localService.get(key);
+    }
+    set(key, token) {
+        this.localService.set(key, token);
+    }
+    remove(key) {
+        this.localService.remove(key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TokenService, deps: [{ token: LocalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TokenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            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.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();
+};
+
+String.prototype.capitalize = function () {
+    return this.charAt(0).toUpperCase() + this.slice(1);
+};
+
+/*
+ * Public API Surface of ngx-gccb
+ */
+// export * from './lib/ngx-gccb.component';
+// export * from './lib/ngx-gccb.service';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonDirective, ButtonOutlineDirective, FadeAnimation, FadeRightAnimation, FormControlPipe, FormErrors, FormInputComponent, FormInputDirective, FormLabelDirective, FormSelectDirective, IconButtonDirective, ListGroupDirective, ListGroupItemDirective, LoadingIndicatorComponent, LoadingIndicatorService, LocalService, ModalComponent, ModalService, OffCanvasComponent, ToastComponent, ToastService, TokenService, sortHelper };
+//# sourceMappingURL=ngx-gccb.mjs.map