@sgcloud-sgsistemas/angular-components 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -51,12 +51,12 @@ class AcButton {
|
|
|
51
51
|
this.isSuccess = this.colorType === 'success';
|
|
52
52
|
this.isWarning = this.colorType === 'warning';
|
|
53
53
|
}
|
|
54
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
55
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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, #0747a6)}.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, #0747a6)}.ac-button .ac-button-button.secondary{background:var(--secondary-color, #ff991f)}.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"] }] });
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcButton, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
|
-
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, #
|
|
59
|
+
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, #0747a6)}.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, #0747a6)}.ac-button .ac-button-button.secondary{background:var(--secondary-color, #ff991f)}.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"] }]
|
|
60
60
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
61
61
|
type: Input
|
|
62
62
|
}], title: [{
|
|
@@ -91,10 +91,10 @@ class AcSwitch {
|
|
|
91
91
|
this.onToggle();
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
95
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
94
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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"] }] });
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSwitch, decorators: [{
|
|
98
98
|
type: Component,
|
|
99
99
|
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"] }]
|
|
100
100
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
@@ -143,10 +143,10 @@ class AcInput {
|
|
|
143
143
|
onChange(value) {
|
|
144
144
|
this.inputSubject.next(value);
|
|
145
145
|
}
|
|
146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
147
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
147
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: AcInput, isStandalone: true, inputs: { model: "model", disabled: "disabled", placeholder: "placeholder", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, ngImport: i0 });
|
|
148
148
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInput, decorators: [{
|
|
150
150
|
type: Directive
|
|
151
151
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
152
152
|
type: Input
|
|
@@ -174,24 +174,24 @@ class AcInputPassword extends AcInput {
|
|
|
174
174
|
togglePasswordVisibility() {
|
|
175
175
|
this.showPassword = !this.showPassword;
|
|
176
176
|
}
|
|
177
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
178
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
177
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
178
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
179
179
|
}
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputPassword, decorators: [{
|
|
181
181
|
type: Component,
|
|
182
|
-
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
|
|
182
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
183
183
|
}], ctorParameters: () => [] });
|
|
184
184
|
|
|
185
185
|
class AcInputText extends AcInput {
|
|
186
186
|
constructor() {
|
|
187
187
|
super();
|
|
188
188
|
}
|
|
189
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
189
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
191
191
|
}
|
|
192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputText, decorators: [{
|
|
193
193
|
type: Component,
|
|
194
|
-
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
|
|
194
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
195
195
|
}], ctorParameters: () => [] });
|
|
196
196
|
|
|
197
197
|
class AcInputMaskNumber {
|
|
@@ -226,10 +226,10 @@ class AcInputMaskNumber {
|
|
|
226
226
|
this.inputSubject.next(this.formattedValue.replace(/\D/g, ''));
|
|
227
227
|
});
|
|
228
228
|
}
|
|
229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
230
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputMaskNumber, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
230
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", 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 });
|
|
231
231
|
}
|
|
232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputMaskNumber, decorators: [{
|
|
233
233
|
type: Directive
|
|
234
234
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
235
235
|
type: Input
|
|
@@ -270,12 +270,12 @@ class AcInputDocumentNumber extends AcInputMaskNumber {
|
|
|
270
270
|
}
|
|
271
271
|
return value;
|
|
272
272
|
}
|
|
273
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
274
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
273
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDocumentNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
274
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
275
275
|
}
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDocumentNumber, decorators: [{
|
|
277
277
|
type: Component,
|
|
278
|
-
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
|
|
278
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
279
279
|
}], ctorParameters: () => [], propDecorators: { documentType: [{
|
|
280
280
|
type: Input
|
|
281
281
|
}] } });
|
|
@@ -303,12 +303,12 @@ class AcInputPhoneNumber extends AcInputMaskNumber {
|
|
|
303
303
|
}
|
|
304
304
|
return value;
|
|
305
305
|
}
|
|
306
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
306
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputPhoneNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
307
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
308
308
|
}
|
|
309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputPhoneNumber, decorators: [{
|
|
310
310
|
type: Component,
|
|
311
|
-
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
|
|
311
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
312
312
|
}], ctorParameters: () => [] });
|
|
313
313
|
|
|
314
314
|
class AcInputDateTimeDefault {
|
|
@@ -376,10 +376,10 @@ class AcInputDateTimeDefault {
|
|
|
376
376
|
const seconds = String(date.getSeconds()).padStart(2, '0');
|
|
377
377
|
return `${hours}:${minutes}:${seconds}`;
|
|
378
378
|
}
|
|
379
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
380
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
379
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDateTimeDefault, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
380
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: AcInputDateTimeDefault, isStandalone: true, inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
|
|
381
381
|
}
|
|
382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDateTimeDefault, decorators: [{
|
|
383
383
|
type: Directive
|
|
384
384
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
385
385
|
type: Input
|
|
@@ -401,36 +401,36 @@ class AcInputDateTime extends AcInputDateTimeDefault {
|
|
|
401
401
|
constructor() {
|
|
402
402
|
super();
|
|
403
403
|
}
|
|
404
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
405
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
404
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDateTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
405
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
406
406
|
}
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDateTime, decorators: [{
|
|
408
408
|
type: Component,
|
|
409
|
-
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
|
|
409
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
410
410
|
}], ctorParameters: () => [] });
|
|
411
411
|
|
|
412
412
|
class AcInputDate extends AcInputDateTimeDefault {
|
|
413
413
|
constructor() {
|
|
414
414
|
super();
|
|
415
415
|
}
|
|
416
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
417
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
416
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
417
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
418
418
|
}
|
|
419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputDate, decorators: [{
|
|
420
420
|
type: Component,
|
|
421
|
-
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
|
|
421
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
422
422
|
}], ctorParameters: () => [] });
|
|
423
423
|
|
|
424
424
|
class AcInputTime extends AcInputDateTimeDefault {
|
|
425
425
|
constructor() {
|
|
426
426
|
super();
|
|
427
427
|
}
|
|
428
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
429
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
428
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
429
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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"] }] });
|
|
430
430
|
}
|
|
431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputTime, decorators: [{
|
|
432
432
|
type: Component,
|
|
433
|
-
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
|
|
433
|
+
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 var(--primary-color, #0747a6)}.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"] }]
|
|
434
434
|
}], ctorParameters: () => [] });
|
|
435
435
|
|
|
436
436
|
class AcInputFile {
|
|
@@ -477,12 +477,12 @@ class AcInputFile {
|
|
|
477
477
|
}
|
|
478
478
|
return (s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4()).toUpperCase();
|
|
479
479
|
}
|
|
480
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
481
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
480
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputFile, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
481
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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, #ff991f);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"] }] });
|
|
482
482
|
}
|
|
483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcInputFile, decorators: [{
|
|
484
484
|
type: Component,
|
|
485
|
-
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
|
|
485
|
+
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 var(--primary-color, #0747a6)}.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, #ff991f);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"] }]
|
|
486
486
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
487
487
|
type: Input
|
|
488
488
|
}], disabled: [{
|
|
@@ -512,10 +512,10 @@ class AcActionLink {
|
|
|
512
512
|
this.onClick();
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
516
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
515
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcActionLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
516
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 }] });
|
|
517
517
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcActionLink, decorators: [{
|
|
519
519
|
type: Component,
|
|
520
520
|
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"] }]
|
|
521
521
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
@@ -696,12 +696,12 @@ class AcSelect {
|
|
|
696
696
|
haveModel() {
|
|
697
697
|
return this.model !== undefined && this.model !== null;
|
|
698
698
|
}
|
|
699
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
700
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
699
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
700
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 var(--primary-color, #0747a6)}.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, #75797e)}.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"] }] });
|
|
701
701
|
}
|
|
702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSelect, decorators: [{
|
|
703
703
|
type: Component,
|
|
704
|
-
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
|
|
704
|
+
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 var(--primary-color, #0747a6)}.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, #75797e)}.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"] }]
|
|
705
705
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { model: [{
|
|
706
706
|
type: Input
|
|
707
707
|
}], index: [{
|
|
@@ -777,10 +777,10 @@ class AcPagination {
|
|
|
777
777
|
this.pageChange.emit(this.currentPage);
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
781
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
780
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
781
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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"] }] });
|
|
782
782
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcPagination, decorators: [{
|
|
784
784
|
type: Component,
|
|
785
785
|
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"] }]
|
|
786
786
|
}], ctorParameters: () => [], propDecorators: { totalItems: [{
|
|
@@ -853,10 +853,10 @@ class AcProgressBar {
|
|
|
853
853
|
return 'rgba(72, 255, 0, 0.5)';
|
|
854
854
|
}
|
|
855
855
|
}
|
|
856
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
857
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
856
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
857
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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"] }] });
|
|
858
858
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcProgressBar, decorators: [{
|
|
860
860
|
type: Component,
|
|
861
861
|
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"] }]
|
|
862
862
|
}], propDecorators: { color: [{
|
|
@@ -904,10 +904,10 @@ class AcNotification {
|
|
|
904
904
|
return '';
|
|
905
905
|
return value.charAt(0).toUpperCase() + value.slice(1);
|
|
906
906
|
}
|
|
907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcNotification, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
908
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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"] }] });
|
|
909
909
|
}
|
|
910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcNotification, decorators: [{
|
|
911
911
|
type: Component,
|
|
912
912
|
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"] }]
|
|
913
913
|
}] });
|
|
@@ -928,10 +928,10 @@ class AcCheckBox {
|
|
|
928
928
|
this.onToggle();
|
|
929
929
|
}
|
|
930
930
|
}
|
|
931
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
931
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
932
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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"] }] });
|
|
933
933
|
}
|
|
934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcCheckBox, decorators: [{
|
|
935
935
|
type: Component,
|
|
936
936
|
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"] }]
|
|
937
937
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
@@ -1061,15 +1061,15 @@ class AcSideMenu {
|
|
|
1061
1061
|
this.previewIdx = -1;
|
|
1062
1062
|
this.moduleClicked = 0;
|
|
1063
1063
|
}
|
|
1064
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1065
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1064
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1065
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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 class=\"ac-side-menu-submodule-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, #0747a6),var(--primary-color-dark, #052658));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, #ff991f);border-radius:5px}.ac-side-menu .ac-side-menu-path.module-active{color:var(--secondary-color, #ff991f)}.ac-side-menu .ac-side-menu-path:hover:not(.top-module){color:var(--secondary-color, #ff991f)}.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, #0747a6),var(--primary-color-dark, #052658));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;width:auto}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule .ac-side-menu-submodule-label{white-space:nowrap;display:block;width:auto}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule:hover{color:var(--secondary-color, #ff991f)}.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"] }] });
|
|
1066
1066
|
}
|
|
1067
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcSideMenu, decorators: [{
|
|
1068
1068
|
type: Component,
|
|
1069
1069
|
args: [{ selector: 'ac-side-menu', standalone: true, imports: [
|
|
1070
1070
|
CommonModule,
|
|
1071
1071
|
MatIconModule
|
|
1072
|
-
], 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"] }]
|
|
1072
|
+
], 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 class=\"ac-side-menu-submodule-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, #0747a6),var(--primary-color-dark, #052658));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, #ff991f);border-radius:5px}.ac-side-menu .ac-side-menu-path.module-active{color:var(--secondary-color, #ff991f)}.ac-side-menu .ac-side-menu-path:hover:not(.top-module){color:var(--secondary-color, #ff991f)}.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, #0747a6),var(--primary-color-dark, #052658));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;width:auto}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule .ac-side-menu-submodule-label{white-space:nowrap;display:block;width:auto}.ac-side-menu .ac-side-menu-path .ac-side-menu-module .ac-side-menu-submodule:hover{color:var(--secondary-color, #ff991f)}.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"] }]
|
|
1073
1073
|
}], ctorParameters: () => [], propDecorators: { routes: [{
|
|
1074
1074
|
type: Input
|
|
1075
1075
|
}], goTo: [{
|
|
@@ -1102,19 +1102,19 @@ class AcList {
|
|
|
1102
1102
|
}
|
|
1103
1103
|
return 'NONE';
|
|
1104
1104
|
}
|
|
1105
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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, #0747a6)}.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, #e1e1e1)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:hover{background:var(--list-item-hover-background-color, #cacaca)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:focus{background:var(--list-item-focus-background-color, rgba(7, 71, 166, .3137254902))}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td{color:var(--font-color, black);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:
|
|
1107
1107
|
// AcCheckBox,
|
|
1108
1108
|
MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1109
1109
|
}
|
|
1110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AcList, decorators: [{
|
|
1111
1111
|
type: Component,
|
|
1112
1112
|
args: [{ selector: 'ac-list', imports: [
|
|
1113
1113
|
CommonModule,
|
|
1114
1114
|
FormsModule,
|
|
1115
1115
|
// AcCheckBox,
|
|
1116
1116
|
MatIconModule
|
|
1117
|
-
], 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"] }]
|
|
1117
|
+
], 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, #0747a6)}.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, #e1e1e1)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:hover{background:var(--list-item-hover-background-color, #cacaca)}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr:focus{background:var(--list-item-focus-background-color, rgba(7, 71, 166, .3137254902))}.ac-list .ac-list-table .ac-list-table-tbody .ac-list-table-tbody-tr .ac-list-table-tbody-tr-td{color:var(--font-color, black);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"] }]
|
|
1118
1118
|
}], ctorParameters: () => [], propDecorators: { columns: [{
|
|
1119
1119
|
type: Input
|
|
1120
1120
|
}], list: [{
|
|
@@ -1128,8 +1128,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
1128
1128
|
}] } });
|
|
1129
1129
|
|
|
1130
1130
|
class ComponentsModule {
|
|
1131
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1132
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.
|
|
1131
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1132
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
1133
1133
|
AcButton,
|
|
1134
1134
|
AcSwitch,
|
|
1135
1135
|
AcCheckBox,
|
|
@@ -1165,7 +1165,7 @@ class ComponentsModule {
|
|
|
1165
1165
|
AcProgressBar,
|
|
1166
1166
|
AcSideMenu,
|
|
1167
1167
|
AcList] });
|
|
1168
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.
|
|
1168
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
1169
1169
|
AcButton,
|
|
1170
1170
|
AcSwitch,
|
|
1171
1171
|
AcCheckBox,
|
|
@@ -1185,7 +1185,7 @@ class ComponentsModule {
|
|
|
1185
1185
|
AcSideMenu,
|
|
1186
1186
|
AcList] });
|
|
1187
1187
|
}
|
|
1188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
1189
1189
|
type: NgModule,
|
|
1190
1190
|
args: [{
|
|
1191
1191
|
declarations: [],
|