@sgcloud-sgsistemas/angular-components 0.0.1

package/fesm2022/sgcloud-sgsistemas-angular-components.mjs

@@ -0,0 +1,1245 @@
+import * as i0 from '@angular/core';
+import { Input, Component, EventEmitter, Output, Directive, HostListener, inject, ElementRef, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Subject, debounceTime, BehaviorSubject } from 'rxjs';
+import * as i4 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import { map } from 'rxjs/operators';
+
+class AcButton {
+    disabled = false;
+    title = '';
+    colorType = 'primary';
+    leftIcon = null;
+    rightIcon = null;
+    onClick = null;
+    isWhite = false;
+    isPrimary = false;
+    isSecondary = false;
+    isTertiary = false;
+    isNeutral = false;
+    isError = false;
+    isSuccess = false;
+    isWarning = false;
+    constructor() {
+    }
+    ngOnInit() {
+        this.defineColorType();
+    }
+    ngOnChanges(changes) {
+        if (changes['colorType'] && changes['colorType'].currentValue !== changes['colorType'].previousValue) {
+            this.defineColorType();
+        }
+    }
+    actionClick() {
+        if (this.onClick) {
+            this.onClick();
+        }
+    }
+    defineColorType() {
+        this.isWhite = this.colorType === 'white';
+        this.isPrimary = this.colorType === 'primary';
+        this.isSecondary = this.colorType === 'secondary';
+        this.isTertiary = this.colorType === 'tertiary';
+        this.isNeutral = this.colorType === 'neutral';
+        this.isError = this.colorType === 'error';
+        this.isSuccess = this.colorType === 'success';
+        this.isWarning = this.colorType === 'warning';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcButton, isStandalone: true, selector: "ac-button", inputs: { disabled: "disabled", title: "title", colorType: "colorType", leftIcon: "leftIcon", rightIcon: "rightIcon", onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-button\">\n  <button \n    class=\"ac-button-button\"\n    [ngClass]=\"{\n      'white': isWhite,\n      'primary': isPrimary,\n      'secondary': isSecondary,\n      'tertiary': isTertiary,\n      'neutral': isNeutral,\n      'error': isError,\n      'success': isSuccess,\n      'warning': isWarning\n    }\"\n    (click)=\"actionClick()\" \n    [disabled]=\"disabled\">\n\n    <mat-icon *ngIf=\"leftIcon\" [fontIcon]=\"leftIcon\"></mat-icon>\n    <label *ngIf=\"title\" class=\"ac-button-label\">{{title}}</label>\n    <mat-icon *ngIf=\"rightIcon\" [fontIcon]=\"rightIcon\"></mat-icon>\n  </button>\n</div>\n  ", styles: [".ac-button{height:100%;width:100%;min-height:24px}.ac-button .ac-button-button{display:flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none;border-radius:5px;min-width:50px;width:100%;height:100%;background:var(--primary-color, #0aaa18)}.ac-button .ac-button-button:hover{filter:saturate(85%);cursor:pointer}.ac-button .ac-button-button:focus,.ac-button .ac-button-button:active{filter:saturate(85%);cursor:pointer}.ac-button .ac-button-button[disabled]{filter:saturate(55%);pointer-events:none}.ac-button .ac-button-button[disabled].white .ac-button-label{color:#777}.ac-button .ac-button-button .ac-button-label{line-height:normal;font-weight:700;font-size:12px;color:#fff;height:auto}.ac-button .ac-button-button .ac-button-label:focus,.ac-button .ac-button-button .ac-button-label:hover,.ac-button .ac-button-button .ac-button-label:active{cursor:pointer}.ac-button .ac-button-button.white{background:#fff;border:1px solid rgb(191.25,191.25,191.25)}.ac-button .ac-button-button.white .ac-button-label{color:#000;font-weight:500}.ac-button .ac-button-button.primary{background:var(--primary-color, #0aaa18)}.ac-button .ac-button-button.secondary{background:var(--secondary-color, #007bff)}.ac-button .ac-button-button.tertiary{background:var(--tertiary-color, #c822fa)}.ac-button .ac-button-button.neutral{background:var(--neutral-color, #cccccc)}.ac-button .ac-button-button.error{background:var(--error-color, #ff0000)}.ac-button .ac-button-button.success{background:var(--success-color, #0aaa18)}.ac-button .ac-button-button.warning{background:var(--warning-color, #e9d200)}.ac-button .ac-button-button mat-icon{width:auto;height:auto;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-button', imports: [CommonModule, MatIconModule], template: "<div class=\"ac-button\">\n  <button \n    class=\"ac-button-button\"\n    [ngClass]=\"{\n      'white': isWhite,\n      'primary': isPrimary,\n      'secondary': isSecondary,\n      'tertiary': isTertiary,\n      'neutral': isNeutral,\n      'error': isError,\n      'success': isSuccess,\n      'warning': isWarning\n    }\"\n    (click)=\"actionClick()\" \n    [disabled]=\"disabled\">\n\n    <mat-icon *ngIf=\"leftIcon\" [fontIcon]=\"leftIcon\"></mat-icon>\n    <label *ngIf=\"title\" class=\"ac-button-label\">{{title}}</label>\n    <mat-icon *ngIf=\"rightIcon\" [fontIcon]=\"rightIcon\"></mat-icon>\n  </button>\n</div>\n  ", styles: [".ac-button{height:100%;width:100%;min-height:24px}.ac-button .ac-button-button{display:flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none;border-radius:5px;min-width:50px;width:100%;height:100%;background:var(--primary-color, #0aaa18)}.ac-button .ac-button-button:hover{filter:saturate(85%);cursor:pointer}.ac-button .ac-button-button:focus,.ac-button .ac-button-button:active{filter:saturate(85%);cursor:pointer}.ac-button .ac-button-button[disabled]{filter:saturate(55%);pointer-events:none}.ac-button .ac-button-button[disabled].white .ac-button-label{color:#777}.ac-button .ac-button-button .ac-button-label{line-height:normal;font-weight:700;font-size:12px;color:#fff;height:auto}.ac-button .ac-button-button .ac-button-label:focus,.ac-button .ac-button-button .ac-button-label:hover,.ac-button .ac-button-button .ac-button-label:active{cursor:pointer}.ac-button .ac-button-button.white{background:#fff;border:1px solid rgb(191.25,191.25,191.25)}.ac-button .ac-button-button.white .ac-button-label{color:#000;font-weight:500}.ac-button .ac-button-button.primary{background:var(--primary-color, #0aaa18)}.ac-button .ac-button-button.secondary{background:var(--secondary-color, #007bff)}.ac-button .ac-button-button.tertiary{background:var(--tertiary-color, #c822fa)}.ac-button .ac-button-button.neutral{background:var(--neutral-color, #cccccc)}.ac-button .ac-button-button.error{background:var(--error-color, #ff0000)}.ac-button .ac-button-button.success{background:var(--success-color, #0aaa18)}.ac-button .ac-button-button.warning{background:var(--warning-color, #e9d200)}.ac-button .ac-button-button mat-icon{width:auto;height:auto;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], colorType: [{
+                type: Input
+            }], leftIcon: [{
+                type: Input
+            }], rightIcon: [{
+                type: Input
+            }], onClick: [{
+                type: Input
+            }] } });
+
+class AcSwitch {
+    model = false;
+    disabled = false;
+    title = '';
+    buildTitleSpace = false;
+    titleColor = null;
+    backgroundColor = 'gray';
+    checkedColor = 'green';
+    focusColor = 'yellow';
+    ballColor = 'white';
+    onToggle = null;
+    modelChange = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    onChange() {
+        this.modelChange.emit(this.model);
+        if (this.onToggle) {
+            this.onToggle();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSwitch, isStandalone: true, selector: "ac-switch", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", titleColor: "titleColor", backgroundColor: "backgroundColor", checkedColor: "checkedColor", focusColor: "focusColor", ballColor: "ballColor", onToggle: "onToggle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<div class=\"ac-switch\" \n     [ngStyle]=\"{ \n                  '--switch-bg-color': backgroundColor,\n                  '--switch-checked-bg-color': checkedColor, \n                  '--switch-focus-color': focusColor,\n                  '--switch-ball-color': ballColor,\n                  '--title-color': titleColor\n                }\">\n  <label class=\"ac-label ac-switch-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <label class=\"ac-switch-comp\">\n    <input\n      class=\"ac-switch-input\" \n      type=\"checkbox\" \n      [checked]=\"model\"\n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (change)=\"onChange()\"\n    >\n    <span class=\"slider\"></span>\n  </label>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-switch{display:flex;flex-direction:column;align-items:flex-start}.ac-switch .ac-switch-label{color:var(--title-color, var(--font-color, black))}.ac-switch .ac-switch-comp{position:relative;display:inline-block;width:30px;height:20px;-webkit-user-select:none;user-select:none}.ac-switch .ac-switch-comp input{opacity:0;width:0;height:0}.ac-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-bg-color);transition:.4s;border-radius:20px}.ac-switch .slider:before{position:absolute;content:\"\";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--switch-ball-color);transition:.15s;border-radius:50%}.ac-switch input:checked+.slider{background-color:var(--switch-checked-bg-color)}.ac-switch input:checked+.slider:before{transform:translate(10px)}.ac-switch input:focus+.slider{box-shadow:0 0 1px 1px var(--switch-focus-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSwitch, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-switch', imports: [FormsModule, CommonModule], template: "<div class=\"ac-switch\" \n     [ngStyle]=\"{ \n                  '--switch-bg-color': backgroundColor,\n                  '--switch-checked-bg-color': checkedColor, \n                  '--switch-focus-color': focusColor,\n                  '--switch-ball-color': ballColor,\n                  '--title-color': titleColor\n                }\">\n  <label class=\"ac-label ac-switch-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <label class=\"ac-switch-comp\">\n    <input\n      class=\"ac-switch-input\" \n      type=\"checkbox\" \n      [checked]=\"model\"\n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (change)=\"onChange()\"\n    >\n    <span class=\"slider\"></span>\n  </label>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-switch{display:flex;flex-direction:column;align-items:flex-start}.ac-switch .ac-switch-label{color:var(--title-color, var(--font-color, black))}.ac-switch .ac-switch-comp{position:relative;display:inline-block;width:30px;height:20px;-webkit-user-select:none;user-select:none}.ac-switch .ac-switch-comp input{opacity:0;width:0;height:0}.ac-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-bg-color);transition:.4s;border-radius:20px}.ac-switch .slider:before{position:absolute;content:\"\";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--switch-ball-color);transition:.15s;border-radius:50%}.ac-switch input:checked+.slider{background-color:var(--switch-checked-bg-color)}.ac-switch input:checked+.slider:before{transform:translate(10px)}.ac-switch input:focus+.slider{box-shadow:0 0 1px 1px var(--switch-focus-color)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], titleColor: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], checkedColor: [{
+                type: Input
+            }], focusColor: [{
+                type: Input
+            }], ballColor: [{
+                type: Input
+            }], onToggle: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }] } });
+
+class AcInput {
+    model = '';
+    disabled = false;
+    placeholder = '';
+    title = '';
+    buildTitleSpace = false;
+    debounce = 0;
+    onChangeModel = null;
+    modelChange = new EventEmitter();
+    inputSubject = new Subject();
+    constructor() { }
+    ngOnInit() {
+        this.inputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
+            this.modelChange.emit(value);
+            if (this.onChangeModel) {
+                this.onChangeModel(value);
+            }
+        });
+    }
+    onChange(value) {
+        this.inputSubject.next(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInput, isStandalone: true, inputs: { model: "model", disabled: "disabled", placeholder: "placeholder", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInput, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], onChangeModel: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }] } });
+
+class AcInputPassword extends AcInput {
+    showPassword = false;
+    constructor() {
+        super();
+    }
+    togglePasswordVisibility() {
+        this.showPassword = !this.showPassword;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputPassword, isStandalone: true, selector: "ac-input-password", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base ac-input-password\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp ac-input-password-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"showPassword ? 'text' : 'password'\" \n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n    <button \n      type=\"button\" \n      class=\"toggle-password-visibility\"\n      (click)=\"togglePasswordVisibility()\">\n      <i class=\"material-icons\">{{ showPassword ? 'visibility_off' : 'visibility' }}</i>\n    </button>\n  </div>\n\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-input-password .ac-input-password-comp .toggle-password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--font-color, black);height:14px;display:flex;align-items:center;justify-content:center}.ac-input-password .ac-input-password-comp .toggle-password-visibility .material-icons{font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPassword, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-password', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base ac-input-password\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp ac-input-password-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"showPassword ? 'text' : 'password'\" \n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n    <button \n      type=\"button\" \n      class=\"toggle-password-visibility\"\n      (click)=\"togglePasswordVisibility()\">\n      <i class=\"material-icons\">{{ showPassword ? 'visibility_off' : 'visibility' }}</i>\n    </button>\n  </div>\n\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-input-password .ac-input-password-comp .toggle-password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--font-color, black);height:14px;display:flex;align-items:center;justify-content:center}.ac-input-password .ac-input-password-comp .toggle-password-visibility .material-icons{font-size:16px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputText extends AcInput {
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputText, isStandalone: true, selector: "ac-input-text", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputText, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-text', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"model\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputMaskNumber {
+    model = '';
+    disabled = false;
+    placeholder = '';
+    title = '';
+    buildTitleSpace = false;
+    debounce = 0;
+    onChangeModel = null;
+    modelChange = new EventEmitter();
+    inputSubject = new Subject();
+    formattedValue = '';
+    constructor() { }
+    ngOnInit() {
+        this.formattedValue = this.applyMask(this.model, false);
+        this.inputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
+            this.modelChange.emit(value);
+            if (this.onChangeModel) {
+                this.onChangeModel(value);
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['model'] && changes['model'].currentValue !== changes['model'].previousValue) {
+            this.formattedValue = this.applyMask(this.model, false);
+        }
+    }
+    onChange(value) {
+        setTimeout(() => {
+            this.formattedValue = this.applyMask(value, true);
+            this.inputSubject.next(this.formattedValue.replace(/\D/g, ''));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMaskNumber, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInputMaskNumber, isStandalone: true, inputs: { model: "model", disabled: "disabled", placeholder: "placeholder", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMaskNumber, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], onChangeModel: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }] } });
+
+class AcInputDocumentNumber extends AcInputMaskNumber {
+    documentType = '';
+    constructor() {
+        super();
+    }
+    applyMask(value, limitLength) {
+        value = (value || '').replace(/\D/g, '');
+        if (limitLength && this.documentType && this.documentType.toUpperCase() === 'CPF' && value.length > 11) {
+            value = value.substring(0, 11);
+        }
+        else if (limitLength && value.length > 14) {
+            value = value.substring(0, 14);
+        }
+        if (value.length == 11 && !(this.documentType && this.documentType.toUpperCase() === 'CNPJ')) {
+            value = value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})$/, '$1.$2.$3-$4');
+        }
+        else if (value.length == 14 && !(this.documentType && this.documentType.toUpperCase() === 'CPF')) {
+            value = value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})$/, '$1.$2.$3/$4-$5');
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDocumentNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDocumentNumber, isStandalone: true, selector: "ac-input-document-number", inputs: { documentType: "documentType" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDocumentNumber, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-document-number', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { documentType: [{
+                type: Input
+            }] } });
+
+class AcInputPhoneNumber extends AcInputMaskNumber {
+    constructor() {
+        super();
+    }
+    applyMask(value, limitLength) {
+        value = (value || '').replace(/\D/g, '');
+        if (limitLength && value.length > 14) {
+            value = value.substring(0, 14);
+        }
+        if (value.length == 10) {
+            value = value.replace(/(\d{2})(\d{4})(\d{4})$/, '($1) $2-$3');
+        }
+        else if (value.length == 11) {
+            value = value.replace(/(\d{2})(\d{5})(\d{4})$/, '($1) $2-$3');
+        }
+        else if (value.length == 12) {
+            value = value.replace(/(\d{2})(\d{2})(\d{4})(\d{4})$/, '+$1 ($2) $3-$4');
+        }
+        else if (value.length == 13) {
+            value = value.replace(/(\d{2})(\d{2})(\d{5})(\d{4})$/, '+$1 ($2) $3-$4');
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPhoneNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputPhoneNumber, isStandalone: true, selector: "ac-input-phone-number", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPhoneNumber, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-phone-number', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'text'\" \n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChange($event)\"\n      placeholder=\"{{placeholder}}\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputDateTimeDefault {
+    model;
+    disabled = false;
+    title = '';
+    buildTitleSpace = false;
+    debounce = 0;
+    onChangeModel = null;
+    modelChange = new EventEmitter();
+    inputSubject = new Subject();
+    date = '';
+    time = '';
+    constructor() { }
+    ngOnInit() {
+        this.inputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
+            this.modelChange.emit(value);
+            if (this.onChangeModel) {
+                this.onChangeModel(value);
+            }
+        });
+        this.applyMask();
+    }
+    applyMask() {
+        if (this.model) {
+            const dateObj = new Date(this.model);
+            this.date = this.formatDate(dateObj);
+            this.time = this.formatTime(dateObj);
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['model'] && changes['model'].currentValue !== changes['model'].previousValue) {
+            this.applyMask();
+        }
+    }
+    onChangeDate(event) {
+        this.date = event;
+        this.updateNgModel();
+    }
+    onChangeTime(event) {
+        this.time = event;
+        this.updateNgModel();
+    }
+    updateNgModel() {
+        if (this.date && this.time) {
+            const combinedDateTime = new Date(`${this.date}T${this.time}`);
+            this.model = combinedDateTime;
+            this.inputSubject.next(this.model);
+        }
+        else if (this.date) {
+            const dateOnly = new Date(this.date);
+            this.model = dateOnly;
+            this.inputSubject.next(this.model);
+        }
+    }
+    formatDate(date) {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    formatTime(date) {
+        const hours = String(date.getHours()).padStart(2, '0');
+        const minutes = String(date.getMinutes()).padStart(2, '0');
+        const seconds = String(date.getSeconds()).padStart(2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTimeDefault, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDateTimeDefault, isStandalone: true, inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTimeDefault, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], onChangeModel: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }] } });
+
+class AcInputDateTime extends AcInputDateTimeDefault {
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDateTime, isStandalone: true, selector: "ac-input-date-time", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'date'\" \n      [(ngModel)]=\"date\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeDate($event)\"\n    >\n    <input\n      [type]=\"'time'\" \n      [(ngModel)]=\"time\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeTime($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTime, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-date-time', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'date'\" \n      [(ngModel)]=\"date\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeDate($event)\"\n    >\n    <input\n      [type]=\"'time'\" \n      [(ngModel)]=\"time\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeTime($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputDate extends AcInputDateTimeDefault {
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDate, isStandalone: true, selector: "ac-input-date", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'date'\" \n      [(ngModel)]=\"date\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeDate($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDate, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-date', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'date'\" \n      [(ngModel)]=\"date\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeDate($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputTime extends AcInputDateTimeDefault {
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputTime, isStandalone: true, selector: "ac-input-time", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'time'\" \n      [(ngModel)]=\"time\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeTime($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputTime, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-time', imports: [FormsModule, CommonModule], template: "<div class=\"ac-input-base\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      [type]=\"'time'\" \n      [(ngModel)]=\"time\"\n      [disabled]=\"disabled\"\n      (ngModelChange)=\"onChangeTime($event)\"\n    >\n  </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AcInputFile {
+    model = '';
+    disabled = false;
+    title = '';
+    buildTitleSpace = false;
+    accept = '*';
+    index;
+    onSelectFile = new EventEmitter();
+    onUnselectFile = new EventEmitter();
+    selectedFileName = null;
+    fileInputId = `file-input-${this.uuid()}`;
+    constructor() { }
+    ngOnInit() { }
+    onFileChange(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.selectedFileName = input.files[0].name;
+            this.onSelectFile.emit({ event, index: this.index });
+        }
+        else {
+            this.selectedFileName = null;
+            this.onUnselectFile.emit({ index: this.index });
+        }
+    }
+    triggerFileInput() {
+        const fileInput = document.querySelector(`.${this.fileInputId}`);
+        fileInput.click();
+    }
+    removeFile() {
+        this.selectedFileName = null;
+        const fileInput = document.querySelector(`.${this.fileInputId}`);
+        if (fileInput) {
+            fileInput.value = '';
+        }
+        this.onUnselectFile.emit({ index: this.index });
+    }
+    uuid() {
+        function s4() {
+            return Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1);
+        }
+        return (s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4()).toUpperCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputFile, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputFile, isStandalone: true, selector: "ac-input-file", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", accept: "accept", index: "index" }, outputs: { onSelectFile: "onSelectFile", onUnselectFile: "onUnselectFile" }, ngImport: i0, template: "<div class=\"ac-input-base ac-input-file\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp ac-input-file-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      type=\"file\" \n      (change)=\"onFileChange($event)\" \n      [accept]=\"accept\"\n      class=\"{{'hidden-input' + ' ' + fileInputId}}\"\n    />\n    <button type=\"button\" class=\"custom-file-button\" (click)=\"triggerFileInput()\">\n      <mat-icon [fontIcon]=\"'attach_file'\"></mat-icon>\n    </button>\n    <span class=\"file-name\">{{ selectedFileName || 'Nenhum arquivo selecionado' }}</span>\n    <mat-icon *ngIf=\"selectedFileName\" class=\"unselect-icon\" [fontIcon]=\"'close'\" (click)=\"removeFile()\"></mat-icon>\n  </div>\n</div>", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-input-file-comp .hidden-input{display:none}.ac-input-file-comp .custom-file-button{margin-left:-1px;height:21px;background-color:var(--secondary-color, #0aaa18);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;align-items:center}.ac-input-file-comp .custom-file-button:hover{filter:saturate(85%);cursor:pointer}.ac-input-file-comp .custom-file-button mat-icon{font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center}.ac-input-file-comp .file-name{padding-left:5px;color:var(--font-color, black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-input-file-comp .unselect-icon{margin-left:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--font-color, black)}.ac-input-file-comp .unselect-icon:hover{filter:saturate(85%)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputFile, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-input-file', imports: [FormsModule, CommonModule, MatIconModule], template: "<div class=\"ac-input-base ac-input-file\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <div class=\"ac-input-base-comp ac-input-file-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <input\n      type=\"file\" \n      (change)=\"onFileChange($event)\" \n      [accept]=\"accept\"\n      class=\"{{'hidden-input' + ' ' + fileInputId}}\"\n    />\n    <button type=\"button\" class=\"custom-file-button\" (click)=\"triggerFileInput()\">\n      <mat-icon [fontIcon]=\"'attach_file'\"></mat-icon>\n    </button>\n    <span class=\"file-name\">{{ selectedFileName || 'Nenhum arquivo selecionado' }}</span>\n    <mat-icon *ngIf=\"selectedFileName\" class=\"unselect-icon\" [fontIcon]=\"'close'\" (click)=\"removeFile()\"></mat-icon>\n  </div>\n</div>", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid green}.ac-input-base .ac-input-base-comp>input{width:100%;padding:2px 5px;background:none;outline:none;position:relative;color:var(--font-color, black);font-size:14px;border:none}.ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-input-file-comp .hidden-input{display:none}.ac-input-file-comp .custom-file-button{margin-left:-1px;height:21px;background-color:var(--secondary-color, #0aaa18);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;align-items:center}.ac-input-file-comp .custom-file-button:hover{filter:saturate(85%);cursor:pointer}.ac-input-file-comp .custom-file-button mat-icon{font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center}.ac-input-file-comp .file-name{padding-left:5px;color:var(--font-color, black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-input-file-comp .unselect-icon{margin-left:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--font-color, black)}.ac-input-file-comp .unselect-icon:hover{filter:saturate(85%)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], onSelectFile: [{
+                type: Output
+            }], onUnselectFile: [{
+                type: Output
+            }] } });
+
+class AcActionLink {
+    disabled = false;
+    title = '';
+    onClick = null;
+    constructor() { }
+    ngOnInit() { }
+    actionClick() {
+        if (this.onClick) {
+            this.onClick();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcActionLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcActionLink, isStandalone: true, selector: "ac-action-link", inputs: { disabled: "disabled", title: "title", onClick: "onClick" }, ngImport: i0, template: "<div class=\"ac-action-link\">\n  <a class=\"ac-action-link-a\" (click)=\"actionClick()\" [class.disabled]=\"disabled\"> {{title}} </a>\n</div>", styles: [".ac-action-link .ac-action-link-a{color:#1976d2;cursor:pointer;text-decoration:underline;font-weight:500;transition:color .2s}.ac-action-link .ac-action-link-a.disabled{pointer-events:none;opacity:.8;cursor:not-allowed}.ac-action-link .ac-action-link-a:hover{color:#0d47a1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcActionLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-action-link', imports: [FormsModule, CommonModule], template: "<div class=\"ac-action-link\">\n  <a class=\"ac-action-link-a\" (click)=\"actionClick()\" [class.disabled]=\"disabled\"> {{title}} </a>\n</div>", styles: [".ac-action-link .ac-action-link-a{color:#1976d2;cursor:pointer;text-decoration:underline;font-weight:500;transition:color .2s}.ac-action-link .ac-action-link-a.disabled{pointer-events:none;opacity:.8;cursor:not-allowed}.ac-action-link .ac-action-link-a:hover{color:#0d47a1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], onClick: [{
+                type: Input
+            }] } });
+
+class AcSelect {
+    elementRef;
+    model = '';
+    index = null;
+    disabled = false;
+    title = '';
+    buildTitleSpace = false;
+    debounce = 0;
+    placeholder = '';
+    labelName = 'label';
+    valueName = 'value';
+    options = [];
+    searchOptions = null;
+    onChangeModel = null;
+    modelChange = new EventEmitter();
+    inputSubject = new Subject();
+    filteredOptions = [];
+    searchText = '';
+    itemSelected = null;
+    showList = false;
+    fakeFocusPosition = 0;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        this.filteredOptions = [...this.options];
+        this.inputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
+            this.filterOptions(value);
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['model'] && changes['model'].currentValue !== changes['model'].previousValue) {
+            this.updateItemSelected();
+        }
+        if (changes['options'] && changes['options'].currentValue !== changes['options'].previousValue) {
+            this.filteredOptions = [...this.options];
+            this.fakeFocusPosition = 0;
+        }
+    }
+    onChangeInputSearch(value) {
+        this.inputSubject.next(value);
+    }
+    async filterOptions(value) {
+        const searchLower = (value || '').toLowerCase();
+        if (this.searchOptions) {
+            const options = await this.searchOptions(searchLower);
+            this.options = options;
+            this.filteredOptions = options;
+        }
+        else {
+            this.filteredOptions = this.options.filter(option => option[this.labelName].toLowerCase().includes(searchLower));
+        }
+        this.fakeFocusPosition = 0;
+        this.updateFocusState();
+    }
+    updateItemSelected() {
+        if (!this.searchOptions) {
+            const selectedItem = this.filteredOptions.find(option => option[this.valueName] === this.model);
+            this.itemSelected = selectedItem || null;
+        }
+    }
+    getItemSelectedLabel() {
+        if (this.itemSelected) {
+            return this.itemSelected[this.labelName];
+        }
+        return '';
+    }
+    onFocus() {
+        if (this.disabled) {
+            return;
+        }
+        this.showList = true;
+        this.fakeFocusPosition = 0;
+        if (this.searchOptions) {
+            this.filterOptions(this.searchText);
+        }
+        else {
+            this.filteredOptions = [...this.options];
+        }
+        setTimeout(() => {
+            const searchInput = this.elementRef.nativeElement.querySelector('.ac-select-list input');
+            if (searchInput) {
+                searchInput.focus();
+            }
+        }, 0);
+    }
+    onBlur() {
+        this.showList = false;
+        this.searchText = '';
+        if (this.searchOptions) {
+            this.filteredOptions = [];
+            this.options = [];
+        }
+    }
+    getListPreview() {
+        return this.filteredOptions.map((item) => item[this.labelName]);
+    }
+    selectItem(index) {
+        const item = this.filteredOptions[index];
+        this.onBlur();
+        this.itemSelected = item;
+        this.model = item[this.valueName];
+        this.modelChange.emit(this.model);
+        if (this.onChangeModel) {
+            this.onChangeModel(this.model, this.index);
+        }
+    }
+    removeItem() {
+        this.model = '';
+        this.itemSelected = null;
+        this.modelChange.emit(null);
+        if (this.onChangeModel) {
+            this.onChangeModel(null, this.index);
+        }
+    }
+    onFocusOut(event) {
+        const relatedTarget = event.relatedTarget;
+        if (!this.elementRef.nativeElement.contains(relatedTarget)) {
+            this.onBlur();
+        }
+    }
+    keydownList(event) {
+        if (event.key === 'Tab') {
+            this.onBlur();
+            if (event.shiftKey) {
+                const focusableElements = Array.from(document.querySelectorAll('ac-select, button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+                const currentElement = this.elementRef.nativeElement.querySelector(`.ac-select-model-label`);
+                const currentIndex = focusableElements.indexOf(currentElement);
+                focusableElements[currentIndex - 2].focus();
+            }
+            else {
+                const focusableElements = Array.from(document.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+                const currentElement = this.elementRef.nativeElement.querySelector(`#item-${this.filteredOptions.length - 1}`)
+                    || this.elementRef.nativeElement.querySelector(`#input-search`);
+                const currentIndex = focusableElements.indexOf(currentElement);
+                if (currentIndex >= 0 && currentIndex < focusableElements.length - 1) {
+                    focusableElements[currentIndex + 1].focus();
+                }
+            }
+            event.preventDefault();
+            return;
+        }
+        else if (event.key === 'ArrowDown') {
+            this.fakeFocusPosition = Math.min(this.fakeFocusPosition + 1, this.filteredOptions.length - 1);
+        }
+        else if (event.key === 'ArrowUp') {
+            this.fakeFocusPosition = Math.max(this.fakeFocusPosition - 1, 0);
+        }
+        else if (event.key === 'Enter') {
+            this.selectItem(this.fakeFocusPosition);
+        }
+        this.updateFocusState();
+    }
+    updateFocusState() {
+        const items = this.elementRef.nativeElement.querySelectorAll('.ac-select-list-item');
+        items.forEach((item, idx) => {
+            if (idx === this.fakeFocusPosition) {
+                item.classList.add('focused');
+            }
+            else {
+                item.classList.remove('focused');
+            }
+        });
+    }
+    hasFocus(valueIdxFromList) {
+        return this.fakeFocusPosition === valueIdxFromList;
+    }
+    haveModel() {
+        return this.model !== undefined && this.model !== null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSelect, isStandalone: true, selector: "ac-select", inputs: { model: "model", index: "index", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", placeholder: "placeholder", labelName: "labelName", valueName: "valueName", options: "options", searchOptions: "searchOptions", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, host: { listeners: { "focusout": "onFocusOut($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-select\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\" (click)=\"onBlur()\">{{title}}</label>\n  <div class=\"ac-select-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"ac-select-input\">\n      <div\n        class=\"ac-select-model-label\"\n        (focus)=\"onFocus()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\">\n        <label *ngIf=\"!haveModel()\" [attr.title]=\"placeholder || 'Selecione uma op\u00E7\u00E3o'\" class=\"placeholder\">{{ placeholder || 'Selecione uma op\u00E7\u00E3o' }}</label>\n        <label *ngIf=\"haveModel()\" [attr.title]=\"getItemSelectedLabel()\">{{getItemSelectedLabel()}}</label>\n      </div>\n\n      <mat-icon *ngIf=\"haveModel()\" fontIcon=\"close\" class=\"show-hide error-color\" (click)=\"removeItem()\">\n        close\n      </mat-icon>\n    </div>\n\n    <div tabindex=\"-1\" *ngIf=\"showList\" class=\"ac-select-list\">\n      <input \n        id=\"input-search\" \n        type=\"text\" \n        [(ngModel)]=\"searchText\" \n        (ngModelChange)=\"onChangeInputSearch($event)\" \n        (keydown)=\"keydownList($event)\"> \n      <mat-divider></mat-divider>\n      <div \n          *ngFor=\"let listItem of getListPreview(); let idx = index\"\n          id=\"item-{{idx}}\"\n          class=\"ac-select-list-item\"\n          [ngClass]=\"{focused: hasFocus(idx)}\"\n          (keydown)=\"keydownList($event)\"\n          (click)=\"selectItem(idx)\"\n          [attr.tabindex]=\"0\">\n        <div>\n          <label>{{listItem}}</label>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-select{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-select .ac-select-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-select .ac-select-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-select .ac-select-comp:focus-within{border-bottom:2px solid green}.ac-select .ac-select-comp .ac-select-input{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;color:var(--font-color, black);cursor:pointer;border:none}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label{line-height:normal;font-weight:400;color:var(--font-color, black);cursor:pointer;border:none;display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding-left:5px;box-sizing:border-box}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label:focus{outline:none}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label .placeholder{font-size:14px;font-weight:400;font-family:Arial,sans-serif;color:var(--placeholder-color, #303030)}.ac-select .ac-select-comp .ac-select-list{position:absolute;top:100%;left:0;width:100%;background-color:var(--background-color, #fafafa);border:1px solid rgb(191.25,191.25,191.25);border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:10}.ac-select .ac-select-comp .ac-select-list .ac-select-list-item{border:none;outline:none;padding:2px;min-height:20px;color:var(--font-color, black)}.ac-select .ac-select-comp .ac-select-list .ac-select-list-item.focused,.ac-select .ac-select-comp .ac-select-list .ac-select-list-item:focus,.ac-select .ac-select-comp .ac-select-list .ac-select-list-item:hover{background:#0000001a}.ac-select .ac-select-comp .ac-select-list>input{width:calc(100% - 10px);padding:2px 5px;outline:none;position:relative;color:var(--font-color, black);background-color:var(--background-color, #fafafa);font-size:14px;border:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-select', imports: [FormsModule, CommonModule, MatIconModule, MatDividerModule], template: "<div class=\"ac-select\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\" (click)=\"onBlur()\">{{title}}</label>\n  <div class=\"ac-select-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"ac-select-input\">\n      <div\n        class=\"ac-select-model-label\"\n        (focus)=\"onFocus()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\">\n        <label *ngIf=\"!haveModel()\" [attr.title]=\"placeholder || 'Selecione uma op\u00E7\u00E3o'\" class=\"placeholder\">{{ placeholder || 'Selecione uma op\u00E7\u00E3o' }}</label>\n        <label *ngIf=\"haveModel()\" [attr.title]=\"getItemSelectedLabel()\">{{getItemSelectedLabel()}}</label>\n      </div>\n\n      <mat-icon *ngIf=\"haveModel()\" fontIcon=\"close\" class=\"show-hide error-color\" (click)=\"removeItem()\">\n        close\n      </mat-icon>\n    </div>\n\n    <div tabindex=\"-1\" *ngIf=\"showList\" class=\"ac-select-list\">\n      <input \n        id=\"input-search\" \n        type=\"text\" \n        [(ngModel)]=\"searchText\" \n        (ngModelChange)=\"onChangeInputSearch($event)\" \n        (keydown)=\"keydownList($event)\"> \n      <mat-divider></mat-divider>\n      <div \n          *ngFor=\"let listItem of getListPreview(); let idx = index\"\n          id=\"item-{{idx}}\"\n          class=\"ac-select-list-item\"\n          [ngClass]=\"{focused: hasFocus(idx)}\"\n          (keydown)=\"keydownList($event)\"\n          (click)=\"selectItem(idx)\"\n          [attr.tabindex]=\"0\">\n        <div>\n          <label>{{listItem}}</label>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-select{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-select .ac-select-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-select .ac-select-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-select .ac-select-comp:focus-within{border-bottom:2px solid green}.ac-select .ac-select-comp .ac-select-input{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;color:var(--font-color, black);cursor:pointer;border:none}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label{line-height:normal;font-weight:400;color:var(--font-color, black);cursor:pointer;border:none;display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding-left:5px;box-sizing:border-box}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label:focus{outline:none}.ac-select .ac-select-comp .ac-select-input .ac-select-model-label .placeholder{font-size:14px;font-weight:400;font-family:Arial,sans-serif;color:var(--placeholder-color, #303030)}.ac-select .ac-select-comp .ac-select-list{position:absolute;top:100%;left:0;width:100%;background-color:var(--background-color, #fafafa);border:1px solid rgb(191.25,191.25,191.25);border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:10}.ac-select .ac-select-comp .ac-select-list .ac-select-list-item{border:none;outline:none;padding:2px;min-height:20px;color:var(--font-color, black)}.ac-select .ac-select-comp .ac-select-list .ac-select-list-item.focused,.ac-select .ac-select-comp .ac-select-list .ac-select-list-item:focus,.ac-select .ac-select-comp .ac-select-list .ac-select-list-item:hover{background:#0000001a}.ac-select .ac-select-comp .ac-select-list>input{width:calc(100% - 10px);padding:2px 5px;outline:none;position:relative;color:var(--font-color, black);background-color:var(--background-color, #fafafa);font-size:14px;border:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { model: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], labelName: [{
+                type: Input
+            }], valueName: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], searchOptions: [{
+                type: Input
+            }], onChangeModel: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });
+
+class AcPagination {
+    totalItems = 0;
+    itemsPerPage = 10;
+    currentPage = 1;
+    pageChange = new EventEmitter();
+    totalPages = 0;
+    pages = [];
+    constructor() { }
+    ngOnInit() { }
+    ngOnChanges() {
+        this.calculatePages();
+    }
+    calculatePages() {
+        this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);
+        const maxVisiblePages = 5;
+        let startPage;
+        let endPage;
+        if (this.totalPages <= maxVisiblePages) {
+            startPage = 1;
+            endPage = this.totalPages;
+        }
+        else if (this.currentPage + 1 <= Math.ceil(maxVisiblePages / 2)) {
+            startPage = 1;
+            endPage = maxVisiblePages;
+        }
+        else if (this.currentPage + Math.floor(maxVisiblePages / 2) >= this.totalPages) {
+            startPage = this.totalPages - maxVisiblePages + 1;
+            endPage = this.totalPages;
+        }
+        else {
+            startPage = this.currentPage + 1 - Math.floor(maxVisiblePages / 2);
+            endPage = startPage + maxVisiblePages - 1;
+        }
+        this.pages = Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i);
+        if (this.pages.length == 0) {
+            this.pages = [1];
+        }
+    }
+    goToPage(page) {
+        if (page >= 1 && page <= this.totalPages) {
+            this.currentPage = page - 1;
+            this.pageChange.emit(this.currentPage);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcPagination, isStandalone: true, selector: "ac-pagination", inputs: { totalItems: "totalItems", itemsPerPage: "itemsPerPage", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-pagination\">\n  <ac-button\n    class=\"page-button-back-after\"\n    [title]=\"'Anterior'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage === 0\"\n    (click)=\"goToPage(currentPage)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'1'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage === 0\"\n    (click)=\"goToPage(1)\"\n    *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'...'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"true\"\n    *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n  </ac-button>\n\n  <ac-button\n    *ngFor=\"let page of pages\"\n    class=\"page-button\"\n    [title]=\"page\"\n    [colorType]=\"(page === currentPage + 1) ? 'secondary' : 'white'\"\n    [class.active]=\"page === currentPage + 1\"\n    (click)=\"goToPage(page)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'...'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"true\"\n    *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"totalPages\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage + 1 === totalPages\"\n    (click)=\"goToPage(totalPages)\"\n    *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button-back-after\"\n    [title]=\"'Pr\u00F3ximo'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"totalPages === 0 || (currentPage + 1 === totalPages)\"\n    (click)=\"goToPage(currentPage + 2)\">\n  </ac-button>\n</div>", styles: [".ac-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px}.ac-pagination .page-button-back-after{width:80px;height:24px}.ac-pagination .page-button{width:auto;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: AcButton, selector: "ac-button", inputs: ["disabled", "title", "colorType", "leftIcon", "rightIcon", "onClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-pagination', imports: [CommonModule, MatIconModule, AcButton], template: "<div class=\"ac-pagination\">\n  <ac-button\n    class=\"page-button-back-after\"\n    [title]=\"'Anterior'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage === 0\"\n    (click)=\"goToPage(currentPage)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'1'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage === 0\"\n    (click)=\"goToPage(1)\"\n    *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'...'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"true\"\n    *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n  </ac-button>\n\n  <ac-button\n    *ngFor=\"let page of pages\"\n    class=\"page-button\"\n    [title]=\"page\"\n    [colorType]=\"(page === currentPage + 1) ? 'secondary' : 'white'\"\n    [class.active]=\"page === currentPage + 1\"\n    (click)=\"goToPage(page)\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"'...'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"true\"\n    *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button\"\n    [title]=\"totalPages\"\n    [colorType]=\"'white'\"\n    [disabled]=\"currentPage + 1 === totalPages\"\n    (click)=\"goToPage(totalPages)\"\n    *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n  </ac-button>\n\n  <ac-button\n    class=\"page-button-back-after\"\n    [title]=\"'Pr\u00F3ximo'\"\n    [colorType]=\"'white'\"\n    [disabled]=\"totalPages === 0 || (currentPage + 1 === totalPages)\"\n    (click)=\"goToPage(currentPage + 2)\">\n  </ac-button>\n</div>", styles: [".ac-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px}.ac-pagination .page-button-back-after{width:80px;height:24px}.ac-pagination .page-button{width:auto;height:24px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { totalItems: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+class AcProgressBar {
+    color = 'white';
+    timer = 0;
+    transparentColor = 'white';
+    startTime = Date.now();
+    percent = 100;
+    ngOnInit() {
+        if (this.color.startsWith('rgba')) {
+            this.color = this.color.replace(/rgba\((\d+), (\d+), (\d+), [0-9.]+\)/, 'rgba($1, $2, $3, 1)');
+        }
+        this.transparentColor = this.getTransparentColor();
+        this.updateProgress();
+    }
+    getPercentage() {
+        return Math.min(100, Math.max(0, this.percent)).toFixed(0);
+    }
+    updateProgress() {
+        if (this.timer <= 0) {
+            console.warn('Timer must be greater than zero to update progress.');
+            return;
+        }
+        const now = Date.now();
+        const diff = now - this.startTime;
+        const percent = (diff / this.timer * 100);
+        this.percent = 100 - percent;
+        if (percent >= 100) {
+            this.percent = 0;
+        }
+        if (this.percent > 0) {
+            setTimeout(() => {
+                this.updateProgress();
+            }, 50);
+        }
+    }
+    getTransparentColor() {
+        if (this.color.startsWith('rgb(')) {
+            return this.color.replace('rgb', 'rgba').replace(')', ', 0.5)');
+        }
+        else if (this.color.startsWith('rgba(')) {
+            return this.color.replace(/rgba\((\d+), (\d+), (\d+), [0-9.]+\)/, 'rgba($1, $2, $3, 0.5)');
+        }
+        else if (/^[a-z]+$/i.test(this.color)) {
+            const tempElement = document.createElement('div');
+            tempElement.style.color = this.color;
+            document.body.appendChild(tempElement);
+            const rgb = window.getComputedStyle(tempElement).color;
+            document.body.removeChild(tempElement);
+            return rgb.replace('rgb', 'rgba').replace(')', ', 0.5)');
+        }
+        else if (this.color.startsWith('#')) {
+            const hex = this.color.replace('#', '');
+            const r = parseInt(hex.substring(0, 2), 16);
+            const g = parseInt(hex.substring(2, 4), 16);
+            const b = parseInt(hex.substring(4, 6), 16);
+            return `rgba(${r}, ${g}, ${b}, 0.5)`;
+        }
+        else {
+            return 'rgba(72, 255, 0, 0.5)';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcProgressBar, isStandalone: true, selector: "ac-progress-bar", inputs: { color: "color", timer: "timer" }, ngImport: i0, template: "<div class=\"ac-progress-bar\" [ngStyle]=\"{'background-color': transparentColor}\">\n  <div class=\"ac-progress-bar-progress\" [ngStyle]=\"{'width': getPercentage() + '%', 'background-color': color}\">\n  </div>\n</div>", styles: [".ac-progress-bar{min-height:4px;border-radius:5px;position:relative}.ac-progress-bar .ac-progress-bar-progress{height:100%;border-radius:5px;position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcProgressBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-progress-bar', imports: [CommonModule], template: "<div class=\"ac-progress-bar\" [ngStyle]=\"{'background-color': transparentColor}\">\n  <div class=\"ac-progress-bar-progress\" [ngStyle]=\"{'width': getPercentage() + '%', 'background-color': color}\">\n  </div>\n</div>", styles: [".ac-progress-bar{min-height:4px;border-radius:5px;position:relative}.ac-progress-bar .ac-progress-bar-progress{height:100%;border-radius:5px;position:absolute;top:0;left:0}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], timer: [{
+                type: Input
+            }] } });
+
+class AcNotification {
+    static defaultTimer = 10000;
+    static notifications = new BehaviorSubject({
+        topCenter: [],
+        topLeft: [],
+        topRight: [],
+        bottomCenter: [],
+        bottomLeft: [],
+        bottomRight: [],
+    });
+    getNotifications(key) {
+        return AcNotification.notifications.pipe(map((notifications) => notifications[key] || []));
+    }
+    ngOnInit() { }
+    static notify(notification, vertical, horizontal) {
+        notification.id = notification.id || crypto.randomUUID();
+        notification.timer = notification.timer || this.defaultTimer;
+        notification.show = true;
+        const key = `${vertical}${this.strCapitalize(horizontal)}`;
+        const notifications = { ...this.notifications.value };
+        notifications[key].push(notification);
+        this.notifications.next(notifications);
+        this.scheduleHideNotification(notification, key);
+    }
+    static scheduleHideNotification(notification, key) {
+        setTimeout(() => {
+            notification.show = false;
+            setTimeout(() => {
+                const notifications = { ...this.notifications.value };
+                notifications[key] = notifications[key].filter((n) => n.id !== notification.id);
+                this.notifications.next(notifications);
+            }, 300);
+        }, notification.timer);
+    }
+    static strCapitalize(value) {
+        if (!value)
+            return '';
+        return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcNotification, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcNotification, isStandalone: true, selector: "ac-notification", ngImport: i0, template: "<div class=\"ac-notification\">\n  <div class=\"ac-notification-top-center\">\n    <div *ngFor=\"let item of getNotifications('topCenter') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-top-left\">\n    <div *ngFor=\"let item of getNotifications('topLeft') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-top-right\">\n    <div *ngFor=\"let item of getNotifications('topRight') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-center\">\n    <div *ngFor=\"let item of getNotifications('bottomCenter') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-left\">\n    <div *ngFor=\"let item of getNotifications('bottomLeft') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-right\">\n    <div *ngFor=\"let item of getNotifications('bottomRight') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n</div>", styles: [".ac-notification{pointer-events:none;position:fixed;height:calc(100% - 50px);width:calc(100% - 40px);margin-left:20px;margin-right:20px;display:flex;z-index:99}.ac-notification .ac-notification-top-center{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center}.ac-notification .ac-notification-top-left{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.ac-notification .ac-notification-top-right{position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end}.ac-notification .ac-notification-bottom-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center}.ac-notification .ac-notification-bottom-left{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.ac-notification .ac-notification-bottom-right{position:absolute;bottom:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end}.ac-notification .ac-notification-notification{pointer-events:all;background:#007bffd9;color:#fff;margin-top:10px;padding:7px 10px;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:14px;font-weight:400;transition:transform .3s ease,opacity .3s ease}.ac-notification .ac-notification-notification.top{transform:translateY(0);opacity:1}.ac-notification .ac-notification-notification.top.hide{transform:translateY(-20px);opacity:0}.ac-notification .ac-notification-notification.bottom{transform:translateY(-20px);opacity:1}.ac-notification .ac-notification-notification.bottom.hide{transform:translateY(0);opacity:0}.ac-notification .ac-notification-notification.error{background:#ff0000d9}.ac-notification .ac-notification-notification.success{background:#009600d9}.ac-notification .ac-notification-notification.warning{background:#ff8c00d9}.ac-notification .ac-notification-notification.info{background:#007bffd9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: AcProgressBar, selector: "ac-progress-bar", inputs: ["color", "timer"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcNotification, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-notification', imports: [CommonModule, AcProgressBar], template: "<div class=\"ac-notification\">\n  <div class=\"ac-notification-top-center\">\n    <div *ngFor=\"let item of getNotifications('topCenter') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-top-left\">\n    <div *ngFor=\"let item of getNotifications('topLeft') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-top-right\">\n    <div *ngFor=\"let item of getNotifications('topRight') | async\" \n         class=\"ac-notification-notification {{item.type}} top\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-center\">\n    <div *ngFor=\"let item of getNotifications('bottomCenter') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-left\">\n    <div *ngFor=\"let item of getNotifications('bottomLeft') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n  <div class=\"ac-notification-bottom-right\">\n    <div *ngFor=\"let item of getNotifications('bottomRight') | async\" \n         class=\"ac-notification-notification {{item.type}} bottom\"\n         [ngClass]=\"{'hide': !item.show}\">\n      {{item.message}}\n      <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n    </div>\n  </div>\n</div>", styles: [".ac-notification{pointer-events:none;position:fixed;height:calc(100% - 50px);width:calc(100% - 40px);margin-left:20px;margin-right:20px;display:flex;z-index:99}.ac-notification .ac-notification-top-center{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center}.ac-notification .ac-notification-top-left{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.ac-notification .ac-notification-top-right{position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end}.ac-notification .ac-notification-bottom-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center}.ac-notification .ac-notification-bottom-left{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.ac-notification .ac-notification-bottom-right{position:absolute;bottom:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end}.ac-notification .ac-notification-notification{pointer-events:all;background:#007bffd9;color:#fff;margin-top:10px;padding:7px 10px;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:14px;font-weight:400;transition:transform .3s ease,opacity .3s ease}.ac-notification .ac-notification-notification.top{transform:translateY(0);opacity:1}.ac-notification .ac-notification-notification.top.hide{transform:translateY(-20px);opacity:0}.ac-notification .ac-notification-notification.bottom{transform:translateY(-20px);opacity:1}.ac-notification .ac-notification-notification.bottom.hide{transform:translateY(0);opacity:0}.ac-notification .ac-notification-notification.error{background:#ff0000d9}.ac-notification .ac-notification-notification.success{background:#009600d9}.ac-notification .ac-notification-notification.warning{background:#ff8c00d9}.ac-notification .ac-notification-notification.info{background:#007bffd9}\n"] }]
+        }] });
+
+class AcCheckBox {
+    model = false;
+    disabled = false;
+    title = '';
+    buildTitleSpace = false;
+    titleColor = 'white';
+    onToggle = null;
+    modelChange = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    onChange() {
+        this.modelChange.emit(this.model);
+        if (this.onToggle) {
+            this.onToggle();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcCheckBox, isStandalone: true, selector: "ac-checkbox", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", titleColor: "titleColor", onToggle: "onToggle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<div class=\"ac-checkbox\" [ngStyle]=\"{'--title-color': titleColor}\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <input\n    class=\"ac-checkbox-input\" \n    type=\"checkbox\" \n    [checked]=\"model\"\n    [(ngModel)]=\"model\"\n    [disabled]=\"disabled\"\n    (change)=\"onChange()\"\n  >\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-checkbox{display:flex;flex-direction:column;align-items:flex-start}.ac-checkbox .ac-checkbox-input{width:15px;height:15px;background-color:var(--switch-bg-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcCheckBox, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-checkbox', imports: [FormsModule, CommonModule], template: "<div class=\"ac-checkbox\" [ngStyle]=\"{'--title-color': titleColor}\">\n  <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n  <input\n    class=\"ac-checkbox-input\" \n    type=\"checkbox\" \n    [checked]=\"model\"\n    [(ngModel)]=\"model\"\n    [disabled]=\"disabled\"\n    (change)=\"onChange()\"\n  >\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-checkbox{display:flex;flex-direction:column;align-items:flex-start}.ac-checkbox .ac-checkbox-input{width:15px;height:15px;background-color:var(--switch-bg-color)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], buildTitleSpace: [{
+                type: Input
+            }], titleColor: [{
+                type: Input
+            }], onToggle: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }] } });
+
+class AcSideMenu {
+    elementRef = inject((ElementRef));
+    previewIdx = -1;
+    showModulesNumber = 0;
+    showModules = false;
+    moduleClicked = 0;
+    modules = [];
+    routes = {
+        title: '',
+        icon: '',
+        modulesType: []
+    };
+    goTo = null;
+    forcedShowModules = false;
+    constructor() {
+        document.addEventListener('click', this.clickOutsideDetected);
+        this.elementRef.nativeElement.addEventListener('mouseenter', this.mouseEnterDetected);
+        this.elementRef.nativeElement.addEventListener('mouseleave', this.mouseLeaveDetected);
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            //TODO: Manter histórico do localStorage
+            this.setModules();
+        }, 0);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('click', this.clickOutsideDetected);
+        this.elementRef.nativeElement.removeEventListener('mouseenter', this.mouseEnterDetected);
+        this.elementRef.nativeElement.removeEventListener('mouseleave', this.mouseLeaveDetected);
+    }
+    setModules() {
+        this.modules = this.getModules();
+    }
+    getModules() {
+        return this.showModulesNumber
+            ? [
+                {
+                    title: this.routes.modulesType[this.showModulesNumber - 1].title,
+                    icon: this.routes.modulesType[this.showModulesNumber - 1].icon,
+                    path: '',
+                    modules: []
+                },
+                ...this.routes.modulesType[this.showModulesNumber - 1].modules
+            ]
+            : [
+                {
+                    title: this.routes.title,
+                    icon: this.routes.icon,
+                    path: '',
+                    modules: []
+                },
+                ...this.routes.modulesType
+            ];
+    }
+    onModule(index, showModules) {
+        if (this.showModulesNumber && index) {
+            this.moduleClicked = index;
+            return;
+        }
+        this.showModules = false;
+        const forcedShowModulesDefault = this.forcedShowModules;
+        this.forcedShowModules = false;
+        this.showModulesNumber = index;
+        this.setModules();
+        setTimeout(() => {
+            this.showModules = showModules;
+            this.forcedShowModules = forcedShowModulesDefault;
+        }, 0);
+    }
+    onSubModule(onSubModule) {
+        setTimeout(() => {
+            this.moduleClicked = 0;
+            if (this.goTo) {
+                this.goTo(onSubModule.path);
+            }
+        });
+    }
+    mouseInSomeModule(index) {
+        this.previewIdx = index;
+    }
+    clickOutsideDetected = (event) => {
+        if (this.moduleClicked) {
+            const target = event.target;
+            const isClickInside = this.elementRef.nativeElement.contains(target);
+            if (!isClickInside) {
+                this.onBlur();
+            }
+        }
+    };
+    mouseEnterDetected = () => {
+        this.onFocus();
+    };
+    mouseLeaveDetected = () => {
+        this.onMouseLeave();
+    };
+    onMouseLeave() {
+        if (!this.moduleClicked) {
+            this.resetFocus();
+        }
+    }
+    onBlur() {
+        this.resetFocus();
+    }
+    onFocus() {
+        this.showModules = true;
+    }
+    resetFocus() {
+        this.showModules = false;
+        this.previewIdx = -1;
+        this.moduleClicked = 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSideMenu, isStandalone: true, selector: "ac-side-menu", inputs: { routes: "routes", goTo: "goTo", forcedShowModules: "forcedShowModules" }, ngImport: i0, template: "<div class=\"ac-side-menu\">\n  <div \n    *ngFor=\"let module of modules; let idx = index\"\n    class=\"ac-side-menu-path\" \n    [ngClass]=\"{'top-module': idx == 0, 'module-active': idx != 0 && moduleClicked == idx}\"\n    [attr.gap]=\"(showModules || forcedShowModules) ? '': '0'\"\n    (click)=\"onModule(idx, true)\"\n    (mouseenter)=\"mouseInSomeModule(idx);\"\n    > \n    <mat-icon class=\"ac-side-menu-icon\" *ngIf=\"module.icon\" [fontIcon]=\"module.icon\"></mat-icon>\n    <label [attr.hide]=\"!showModules && !forcedShowModules\" labelModule>{{module.title}}</label>\n\n    <div\n      class=\"ac-side-menu-module\"\n      *ngIf=\"showModulesNumber && idx != 0\"\n      [attr.hide]=\"idx != previewIdx\" >\n      <div\n        *ngFor=\"let subModule of module.modules; let subIdx = index\" \n        class=\"ac-side-menu-submodule\"\n        (click)=\"onSubModule(subModule);\">\n        <mat-icon class=\"ac-side-menu-icon\" *ngIf=\"subModule.icon\" [fontIcon]=\"subModule.icon\"></mat-icon>\n        <label>{{subModule.title}}</label>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".ac-side-menu{height:100%;color:#fff;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));padding:5px}.ac-side-menu .ac-side-menu-path label[labelModule]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.ac-side-menu .ac-side-menu-path label[labelModule][hide=true]{opacity:0;transform:scale(.9)}.ac-side-menu .ac-side-menu-path label[labelModule][hide=false]{opacity:1;transform:scale(1)}.ac-side-menu .ac-side-menu-path{display:flex;align-items:center;flex-flow:row;padding-left:2px;padding-right:2px}.ac-side-menu .ac-side-menu-path.top-module{background-color:var(--secondary-color);border-radius:5px}.ac-side-menu .ac-side-menu-path.module-active{color:var(--secondary-color)}.ac-side-menu .ac-side-menu-path:hover:not(.top-module){color:var(--secondary-color)}.ac-side-menu .ac-side-menu-path .ac-side-menu-module{padding:3px 5px;border-radius:0 5px 5px 0;color:#fff;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));max-width:none;z-index:3;position:absolute;top:0;right:-4.75px;transform:translate(100%);transition:padding .3s allow-discrete,width .3s allow-discrete}.ac-side-menu .ac-side-menu-path .ac-side-menu-module[hide=true]{padding:3px 0;width:0}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule{display:flex;align-items:center;flex-flow:row;overflow:hidden}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule:hover{color:var(--secondary-color)}.ac-side-menu .ac-side-menu-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.ac-side-menu>div{position:relative;outline:none}.ac-side-menu>div label,.ac-side-menu>div mat-icon{overflow:hidden}.ac-side-menu>div>label{white-space:nowrap;transition:width .3s allow-discrete}.ac-side-menu>div>label[hide=true]{width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSideMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-side-menu', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule
+                    ], template: "<div class=\"ac-side-menu\">\n  <div \n    *ngFor=\"let module of modules; let idx = index\"\n    class=\"ac-side-menu-path\" \n    [ngClass]=\"{'top-module': idx == 0, 'module-active': idx != 0 && moduleClicked == idx}\"\n    [attr.gap]=\"(showModules || forcedShowModules) ? '': '0'\"\n    (click)=\"onModule(idx, true)\"\n    (mouseenter)=\"mouseInSomeModule(idx);\"\n    > \n    <mat-icon class=\"ac-side-menu-icon\" *ngIf=\"module.icon\" [fontIcon]=\"module.icon\"></mat-icon>\n    <label [attr.hide]=\"!showModules && !forcedShowModules\" labelModule>{{module.title}}</label>\n\n    <div\n      class=\"ac-side-menu-module\"\n      *ngIf=\"showModulesNumber && idx != 0\"\n      [attr.hide]=\"idx != previewIdx\" >\n      <div\n        *ngFor=\"let subModule of module.modules; let subIdx = index\" \n        class=\"ac-side-menu-submodule\"\n        (click)=\"onSubModule(subModule);\">\n        <mat-icon class=\"ac-side-menu-icon\" *ngIf=\"subModule.icon\" [fontIcon]=\"subModule.icon\"></mat-icon>\n        <label>{{subModule.title}}</label>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".ac-side-menu{height:100%;color:#fff;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));padding:5px}.ac-side-menu .ac-side-menu-path label[labelModule]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.ac-side-menu .ac-side-menu-path label[labelModule][hide=true]{opacity:0;transform:scale(.9)}.ac-side-menu .ac-side-menu-path label[labelModule][hide=false]{opacity:1;transform:scale(1)}.ac-side-menu .ac-side-menu-path{display:flex;align-items:center;flex-flow:row;padding-left:2px;padding-right:2px}.ac-side-menu .ac-side-menu-path.top-module{background-color:var(--secondary-color);border-radius:5px}.ac-side-menu .ac-side-menu-path.module-active{color:var(--secondary-color)}.ac-side-menu .ac-side-menu-path:hover:not(.top-module){color:var(--secondary-color)}.ac-side-menu .ac-side-menu-path .ac-side-menu-module{padding:3px 5px;border-radius:0 5px 5px 0;color:#fff;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));max-width:none;z-index:3;position:absolute;top:0;right:-4.75px;transform:translate(100%);transition:padding .3s allow-discrete,width .3s allow-discrete}.ac-side-menu .ac-side-menu-path .ac-side-menu-module[hide=true]{padding:3px 0;width:0}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule{display:flex;align-items:center;flex-flow:row;overflow:hidden}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule:hover{color:var(--secondary-color)}.ac-side-menu .ac-side-menu-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.ac-side-menu>div{position:relative;outline:none}.ac-side-menu>div label,.ac-side-menu>div mat-icon{overflow:hidden}.ac-side-menu>div>label{white-space:nowrap;transition:width .3s allow-discrete}.ac-side-menu>div>label[hide=true]{width:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { routes: [{
+                type: Input
+            }], goTo: [{
+                type: Input
+            }], forcedShowModules: [{
+                type: Input
+            }] } });
+
+class AcList {
+    direction = {
+        NONE: { icon: "unfold_more", next: "ASC" },
+        ASC: { icon: "keyboard_arrow_up", next: "DESC" },
+        DESC: { icon: "keyboard_arrow_down", next: "NONE" },
+    };
+    columns = [];
+    list = [];
+    rowTemplate;
+    sortColumn = '';
+    sortDirection = 'NONE';
+    constructor() { }
+    ngOnInit() { }
+    ngOnChanges(changes) { }
+    onSortDirection(colIndex) {
+        this.sortDirection = this.direction[this.sortDirection].next;
+        this.sortColumn = this.columns[colIndex].param;
+    }
+    getSortDirection(colIndex) {
+        if (this.sortColumn === this.columns[colIndex].param) {
+            return this.sortDirection;
+        }
+        return 'NONE';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcList, isStandalone: true, selector: "ac-list", inputs: { columns: "columns", list: "list", rowTemplate: "rowTemplate", sortColumn: "sortColumn", sortDirection: "sortDirection" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-list\">\n  <table class=\"ac-list-table\">\n    <thead class=\"ac-list-table-thead\">\n      <tr class=\"ac-list-table-thead-tr\">\n        <!-- <th *ngIf=\"selectMode != ''\" [width]=\"1\">\n          <ac-checkbox \n            *ngIf=\"selectMode == 'CHECKBOX'\"\n            [(model)]=\"globalCheckbox!\"\n            [onToggle]=\"selectAll\">\n          </ac-checkbox>\n        </th> -->\n        <th class=\"ac-list-table-thead-tr-th\" \n            attr.style=\"width:{{column.size}}px;\" \n            *ngFor=\"let column of columns;  let idx = index\"> \n          <div class=\"ac-list-column-header\" \n               *ngIf=\"!column.hide\">\n            <div>\n              {{column.label}}\n            </div>\n            <div *ngIf=\"column.sortable\">\n              <mat-icon [fontIcon]=\"direction[getSortDirection(idx)]!.icon\"\n                        (click)=\"onSortDirection(idx)\"\n                        class=\"sort-icon\">\n              </mat-icon>\n            </div>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody class=\"ac-list-table-tbody\">\n      <tr class=\"ac-list-table-tbody-tr\"\n          *ngFor=\"let row of list; let idxRow = index;\"\n          tabindex=\"0\"> \n        <!-- <td *ngIf=\"selectMode != ''\">\n          <ac-checkbox \n            *ngIf=\"selectMode == 'CHECKBOX'\"\n            [disabled]=\"disabled\"\n            [(model)]=\"selectedValues[getRowId(idxRow)]!\"\n            [onToggle]=\"onSelectedRow\">\n          </ac-checkbox>\n        </td> -->\n        <td class=\"ac-list-table-tbody-tr-td\" \n            *ngFor=\"let column of columns; let idxCol = index\"> \n          <div class=\"ac-list-column-body\" \n               *ngIf=\"!column.hide\" attr.style=\"width:{{column.size}}px;\">\n            <div *ngIf=\"!rowTemplate\">\n              {{row[column.param]}}\n            </div>\n            <ng-template *ngIf=\"rowTemplate\"\n              [ngTemplateOutlet]=\"rowTemplate\"\n              [ngTemplateOutletContext]=\"{\n                row: row, \n                idxRow: idxRow, \n                column: column.param, \n                idxCol: idxCol\n              }\">\n            </ng-template>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>", styles: [".ac-list{max-height:100%;overflow:auto}.ac-list .ac-list-table{max-height:100%;width:100%;border-collapse:separate;border-spacing:0;overflow:visible}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr{background-color:var(--primary-color)}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th{font-weight:500;font-size:14px;color:#fff;padding-left:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th:last-child{padding-right:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th .ac-list-column-header{display:flex;align-items:center;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th .ac-list-column-header .sort-icon{font-size:20px;display:flex;align-items:center}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr{outline:none}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:nth-child(2n){background:var(--list-item-even-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:hover{background:var(--list-item-hover-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:focus{background:var(--list-item-focus-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td{color:var(--font-color);padding-left:5px}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td:last-child{padding-right:5px}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td .ac-list-column-body{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: 
+                // AcCheckBox,
+                MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-list', imports: [
+                        CommonModule,
+                        FormsModule,
+                        // AcCheckBox,
+                        MatIconModule
+                    ], providers: [], template: "<div class=\"ac-list\">\n  <table class=\"ac-list-table\">\n    <thead class=\"ac-list-table-thead\">\n      <tr class=\"ac-list-table-thead-tr\">\n        <!-- <th *ngIf=\"selectMode != ''\" [width]=\"1\">\n          <ac-checkbox \n            *ngIf=\"selectMode == 'CHECKBOX'\"\n            [(model)]=\"globalCheckbox!\"\n            [onToggle]=\"selectAll\">\n          </ac-checkbox>\n        </th> -->\n        <th class=\"ac-list-table-thead-tr-th\" \n            attr.style=\"width:{{column.size}}px;\" \n            *ngFor=\"let column of columns;  let idx = index\"> \n          <div class=\"ac-list-column-header\" \n               *ngIf=\"!column.hide\">\n            <div>\n              {{column.label}}\n            </div>\n            <div *ngIf=\"column.sortable\">\n              <mat-icon [fontIcon]=\"direction[getSortDirection(idx)]!.icon\"\n                        (click)=\"onSortDirection(idx)\"\n                        class=\"sort-icon\">\n              </mat-icon>\n            </div>\n          </div>\n        </th>\n      </tr>\n    </thead>\n    <tbody class=\"ac-list-table-tbody\">\n      <tr class=\"ac-list-table-tbody-tr\"\n          *ngFor=\"let row of list; let idxRow = index;\"\n          tabindex=\"0\"> \n        <!-- <td *ngIf=\"selectMode != ''\">\n          <ac-checkbox \n            *ngIf=\"selectMode == 'CHECKBOX'\"\n            [disabled]=\"disabled\"\n            [(model)]=\"selectedValues[getRowId(idxRow)]!\"\n            [onToggle]=\"onSelectedRow\">\n          </ac-checkbox>\n        </td> -->\n        <td class=\"ac-list-table-tbody-tr-td\" \n            *ngFor=\"let column of columns; let idxCol = index\"> \n          <div class=\"ac-list-column-body\" \n               *ngIf=\"!column.hide\" attr.style=\"width:{{column.size}}px;\">\n            <div *ngIf=\"!rowTemplate\">\n              {{row[column.param]}}\n            </div>\n            <ng-template *ngIf=\"rowTemplate\"\n              [ngTemplateOutlet]=\"rowTemplate\"\n              [ngTemplateOutletContext]=\"{\n                row: row, \n                idxRow: idxRow, \n                column: column.param, \n                idxCol: idxCol\n              }\">\n            </ng-template>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>", styles: [".ac-list{max-height:100%;overflow:auto}.ac-list .ac-list-table{max-height:100%;width:100%;border-collapse:separate;border-spacing:0;overflow:visible}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr{background-color:var(--primary-color)}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th{font-weight:500;font-size:14px;color:#fff;padding-left:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th:last-child{padding-right:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th .ac-list-column-header{display:flex;align-items:center;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr .ac-list-table-thead-tr-th .ac-list-column-header .sort-icon{font-size:20px;display:flex;align-items:center}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr{outline:none}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:nth-child(2n){background:var(--list-item-even-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:hover{background:var(--list-item-hover-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:focus{background:var(--list-item-focus-background-color)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td{color:var(--font-color);padding-left:5px}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td:last-child{padding-right:5px}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td .ac-list-column-body{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { columns: [{
+                type: Input
+            }], list: [{
+                type: Input
+            }], rowTemplate: [{
+                type: Input
+            }], sortColumn: [{
+                type: Input
+            }], sortDirection: [{
+                type: Input
+            }] } });
+
+class ComponentsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
+            AcButton,
+            AcSwitch,
+            AcCheckBox,
+            AcInputPassword,
+            AcInputText,
+            AcInputDocumentNumber,
+            AcInputPhoneNumber,
+            AcInputDateTime,
+            AcInputDate,
+            AcInputTime,
+            AcInputFile,
+            AcActionLink,
+            AcSelect,
+            AcPagination,
+            AcNotification,
+            AcProgressBar,
+            AcSideMenu,
+            AcList], exports: [AcButton,
+            AcSwitch,
+            AcCheckBox,
+            AcInputPassword,
+            AcInputText,
+            AcInputDocumentNumber,
+            AcInputPhoneNumber,
+            AcInputDateTime,
+            AcInputDate,
+            AcInputTime,
+            AcInputFile,
+            AcActionLink,
+            AcSelect,
+            AcPagination,
+            AcNotification,
+            AcProgressBar,
+            AcSideMenu,
+            AcList] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
+            AcButton,
+            AcSwitch,
+            AcCheckBox,
+            AcInputPassword,
+            AcInputText,
+            AcInputDocumentNumber,
+            AcInputPhoneNumber,
+            AcInputDateTime,
+            AcInputDate,
+            AcInputTime,
+            AcInputFile,
+            AcActionLink,
+            AcSelect,
+            AcPagination,
+            AcNotification,
+            AcProgressBar,
+            AcSideMenu,
+            AcList] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        AcButton,
+                        AcSwitch,
+                        AcCheckBox,
+                        AcInputPassword,
+                        AcInputText,
+                        AcInputDocumentNumber,
+                        AcInputPhoneNumber,
+                        AcInputDateTime,
+                        AcInputDate,
+                        AcInputTime,
+                        AcInputFile,
+                        AcActionLink,
+                        AcSelect,
+                        AcPagination,
+                        AcNotification,
+                        AcProgressBar,
+                        AcSideMenu,
+                        AcList
+                    ],
+                    exports: [
+                        AcButton,
+                        AcSwitch,
+                        AcCheckBox,
+                        AcInputPassword,
+                        AcInputText,
+                        AcInputDocumentNumber,
+                        AcInputPhoneNumber,
+                        AcInputDateTime,
+                        AcInputDate,
+                        AcInputTime,
+                        AcInputFile,
+                        AcActionLink,
+                        AcSelect,
+                        AcPagination,
+                        AcNotification,
+                        AcProgressBar,
+                        AcSideMenu,
+                        AcList
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AcActionLink, AcButton, AcCheckBox, AcInputDate, AcInputDateTime, AcInputDocumentNumber, AcInputFile, AcInputPassword, AcInputPhoneNumber, AcInputText, AcInputTime, AcList, AcNotification, AcPagination, AcProgressBar, AcSelect, AcSideMenu, AcSwitch, ComponentsModule };
+//# sourceMappingURL=sgcloud-sgsistemas-angular-components.mjs.map