@sgcloud-sgsistemas/angular-components 0.0.4 → 0.0.5
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,10 +51,10 @@ 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.2", ngImport: i0, type: AcButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcButton, isStandalone: true, selector: "ac-button", inputs: { disabled: "disabled", title: "title", colorType: "colorType", leftIcon: "leftIcon", rightIcon: "rightIcon", onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-button\">\n <button \n class=\"ac-button-button\"\n [ngClass]=\"{\n 'white': isWhite,\n 'primary': isPrimary,\n 'secondary': isSecondary,\n 'tertiary': isTertiary,\n 'neutral': isNeutral,\n 'error': isError,\n 'success': isSuccess,\n 'warning': isWarning\n }\"\n (click)=\"actionClick()\" \n [disabled]=\"disabled\">\n\n <mat-icon *ngIf=\"leftIcon\" [fontIcon]=\"leftIcon\"></mat-icon>\n <label *ngIf=\"title\" class=\"ac-button-label\">{{title}}</label>\n <mat-icon *ngIf=\"rightIcon\" [fontIcon]=\"rightIcon\"></mat-icon>\n </button>\n</div>\n ", styles: [".ac-button{height:100%;width:100%;min-height:24px}.ac-button .ac-button-button{display:flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none;border-radius:5px;min-width:50px;width:100%;height:100%;background:var(--primary-color, #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.2", ngImport: i0, type: AcButton, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
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: [{
|
|
@@ -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.2", ngImport: i0, type: AcSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSwitch, isStandalone: true, selector: "ac-switch", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", titleColor: "titleColor", backgroundColor: "backgroundColor", checkedColor: "checkedColor", focusColor: "focusColor", ballColor: "ballColor", onToggle: "onToggle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<div class=\"ac-switch\" \n [ngStyle]=\"{ \n '--switch-bg-color': backgroundColor,\n '--switch-checked-bg-color': checkedColor, \n '--switch-focus-color': focusColor,\n '--switch-ball-color': ballColor,\n '--title-color': titleColor\n }\">\n <label class=\"ac-label ac-switch-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <label class=\"ac-switch-comp\">\n <input\n class=\"ac-switch-input\" \n type=\"checkbox\" \n [checked]=\"model\"\n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (change)=\"onChange()\"\n >\n <span class=\"slider\"></span>\n </label>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-switch{display:flex;flex-direction:column;align-items:flex-start}.ac-switch .ac-switch-label{color:var(--title-color, var(--font-color, black))}.ac-switch .ac-switch-comp{position:relative;display:inline-block;width:30px;height:20px;-webkit-user-select:none;user-select:none}.ac-switch .ac-switch-comp input{opacity:0;width:0;height:0}.ac-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-bg-color);transition:.4s;border-radius:20px}.ac-switch .slider:before{position:absolute;content:\"\";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--switch-ball-color);transition:.15s;border-radius:50%}.ac-switch input:checked+.slider{background-color:var(--switch-checked-bg-color)}.ac-switch input:checked+.slider:before{transform:translate(10px)}.ac-switch input:focus+.slider{box-shadow:0 0 1px 1px var(--switch-focus-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", 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: [{
|
|
@@ -129,6 +129,7 @@ class AcInput {
|
|
|
129
129
|
buildTitleSpace = false;
|
|
130
130
|
debounce = 0;
|
|
131
131
|
onChangeModel = null;
|
|
132
|
+
applyFormatText = null;
|
|
132
133
|
modelChange = new EventEmitter();
|
|
133
134
|
inputSubject = new Subject();
|
|
134
135
|
constructor() { }
|
|
@@ -141,12 +142,19 @@ class AcInput {
|
|
|
141
142
|
});
|
|
142
143
|
}
|
|
143
144
|
onChange(value) {
|
|
144
|
-
|
|
145
|
+
setTimeout(() => {
|
|
146
|
+
this.inputSubject.next(value);
|
|
147
|
+
setTimeout(() => {
|
|
148
|
+
if (this.applyFormatText) {
|
|
149
|
+
this.inputSubject.next(this.applyFormatText(value));
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
});
|
|
145
153
|
}
|
|
146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
147
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
154
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
155
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInput, isStandalone: true, inputs: { model: "model", disabled: "disabled", placeholder: "placeholder", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel", applyFormatText: "applyFormatText" }, outputs: { modelChange: "modelChange" }, ngImport: i0 });
|
|
148
156
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInput, decorators: [{
|
|
150
158
|
type: Directive
|
|
151
159
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
152
160
|
type: Input
|
|
@@ -162,6 +170,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
162
170
|
type: Input
|
|
163
171
|
}], onChangeModel: [{
|
|
164
172
|
type: Input
|
|
173
|
+
}], applyFormatText: [{
|
|
174
|
+
type: Input
|
|
165
175
|
}], modelChange: [{
|
|
166
176
|
type: Output
|
|
167
177
|
}] } });
|
|
@@ -174,10 +184,10 @@ class AcInputPassword extends AcInput {
|
|
|
174
184
|
togglePasswordVisibility() {
|
|
175
185
|
this.showPassword = !this.showPassword;
|
|
176
186
|
}
|
|
177
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
178
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
188
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputPassword, isStandalone: true, selector: "ac-input-password", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base ac-input-password\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp ac-input-password-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"showPassword ? 'text' : 'password'\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChange($event)\"\n placeholder=\"{{placeholder}}\"\n >\n <button \n type=\"button\" \n class=\"toggle-password-visibility\"\n (click)=\"togglePasswordVisibility()\">\n <i class=\"material-icons\">{{ showPassword ? 'visibility_off' : 'visibility' }}</i>\n </button>\n </div>\n\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
189
|
}
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPassword, decorators: [{
|
|
181
191
|
type: Component,
|
|
182
192
|
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
193
|
}], ctorParameters: () => [] });
|
|
@@ -186,10 +196,10 @@ class AcInputText extends AcInput {
|
|
|
186
196
|
constructor() {
|
|
187
197
|
super();
|
|
188
198
|
}
|
|
189
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputText, isStandalone: true, selector: "ac-input-text", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'text'\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChange($event)\"\n placeholder=\"{{placeholder}}\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
201
|
}
|
|
192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputText, decorators: [{
|
|
193
203
|
type: Component,
|
|
194
204
|
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
205
|
}], ctorParameters: () => [] });
|
|
@@ -207,7 +217,8 @@ class AcInputMaskNumber {
|
|
|
207
217
|
formattedValue = '';
|
|
208
218
|
constructor() { }
|
|
209
219
|
ngOnInit() {
|
|
210
|
-
this.
|
|
220
|
+
const value = typeof this.model === 'number' ? this.model.toString() : this.model;
|
|
221
|
+
this.formattedValue = this.applyMask(value, false);
|
|
211
222
|
this.inputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
|
|
212
223
|
this.modelChange.emit(value);
|
|
213
224
|
if (this.onChangeModel) {
|
|
@@ -217,7 +228,8 @@ class AcInputMaskNumber {
|
|
|
217
228
|
}
|
|
218
229
|
ngOnChanges(changes) {
|
|
219
230
|
if (changes['model'] && changes['model'].currentValue !== changes['model'].previousValue) {
|
|
220
|
-
this.
|
|
231
|
+
const value = typeof this.model === 'number' ? this.model.toString() : this.model;
|
|
232
|
+
this.formattedValue = this.applyMask(value, false);
|
|
221
233
|
}
|
|
222
234
|
}
|
|
223
235
|
onChange(value) {
|
|
@@ -226,10 +238,10 @@ class AcInputMaskNumber {
|
|
|
226
238
|
this.inputSubject.next(this.formattedValue.replace(/\D/g, ''));
|
|
227
239
|
});
|
|
228
240
|
}
|
|
229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
230
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
241
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMaskNumber, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
242
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInputMaskNumber, isStandalone: true, inputs: { model: "model", disabled: "disabled", placeholder: "placeholder", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
|
|
231
243
|
}
|
|
232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMaskNumber, decorators: [{
|
|
233
245
|
type: Directive
|
|
234
246
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
235
247
|
type: Input
|
|
@@ -270,10 +282,10 @@ class AcInputDocumentNumber extends AcInputMaskNumber {
|
|
|
270
282
|
}
|
|
271
283
|
return value;
|
|
272
284
|
}
|
|
273
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
274
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
285
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDocumentNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDocumentNumber, isStandalone: true, selector: "ac-input-document-number", inputs: { documentType: "documentType" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'text'\" \n [(ngModel)]=\"formattedValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChange($event)\"\n placeholder=\"{{placeholder}}\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
287
|
}
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDocumentNumber, decorators: [{
|
|
277
289
|
type: Component,
|
|
278
290
|
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
291
|
}], ctorParameters: () => [], propDecorators: { documentType: [{
|
|
@@ -303,10 +315,10 @@ class AcInputPhoneNumber extends AcInputMaskNumber {
|
|
|
303
315
|
}
|
|
304
316
|
return value;
|
|
305
317
|
}
|
|
306
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
318
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPhoneNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
319
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputPhoneNumber, isStandalone: true, selector: "ac-input-phone-number", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'text'\" \n [(ngModel)]=\"formattedValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChange($event)\"\n placeholder=\"{{placeholder}}\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
320
|
}
|
|
309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
321
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPhoneNumber, decorators: [{
|
|
310
322
|
type: Component,
|
|
311
323
|
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
324
|
}], ctorParameters: () => [] });
|
|
@@ -376,10 +388,10 @@ class AcInputDateTimeDefault {
|
|
|
376
388
|
const seconds = String(date.getSeconds()).padStart(2, '0');
|
|
377
389
|
return `${hours}:${minutes}:${seconds}`;
|
|
378
390
|
}
|
|
379
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
380
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.
|
|
391
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTimeDefault, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
392
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDateTimeDefault, isStandalone: true, inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
|
|
381
393
|
}
|
|
382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTimeDefault, decorators: [{
|
|
383
395
|
type: Directive
|
|
384
396
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
385
397
|
type: Input
|
|
@@ -401,10 +413,10 @@ class AcInputDateTime extends AcInputDateTimeDefault {
|
|
|
401
413
|
constructor() {
|
|
402
414
|
super();
|
|
403
415
|
}
|
|
404
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
405
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
416
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
417
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDateTime, isStandalone: true, selector: "ac-input-date-time", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'date'\" \n [(ngModel)]=\"date\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChangeDate($event)\"\n >\n <input\n [type]=\"'time'\" \n [(ngModel)]=\"time\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChangeTime($event)\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
418
|
}
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDateTime, decorators: [{
|
|
408
420
|
type: Component,
|
|
409
421
|
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
422
|
}], ctorParameters: () => [] });
|
|
@@ -413,10 +425,23 @@ class AcInputDate extends AcInputDateTimeDefault {
|
|
|
413
425
|
constructor() {
|
|
414
426
|
super();
|
|
415
427
|
}
|
|
416
|
-
|
|
417
|
-
|
|
428
|
+
applyMask() {
|
|
429
|
+
if (this.model) {
|
|
430
|
+
if (typeof this.model === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(this.model)) {
|
|
431
|
+
this.date = this.model;
|
|
432
|
+
this.time = '';
|
|
433
|
+
}
|
|
434
|
+
else {
|
|
435
|
+
const dateObj = new Date(this.model);
|
|
436
|
+
this.date = this.formatDate(dateObj);
|
|
437
|
+
this.time = this.formatTime(dateObj);
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputDate, isStandalone: true, selector: "ac-input-date", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'date'\" \n [(ngModel)]=\"date\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChangeDate($event)\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
443
|
}
|
|
419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDate, decorators: [{
|
|
420
445
|
type: Component,
|
|
421
446
|
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
447
|
}], ctorParameters: () => [] });
|
|
@@ -425,10 +450,23 @@ class AcInputTime extends AcInputDateTimeDefault {
|
|
|
425
450
|
constructor() {
|
|
426
451
|
super();
|
|
427
452
|
}
|
|
428
|
-
|
|
429
|
-
|
|
453
|
+
applyMask() {
|
|
454
|
+
if (this.model) {
|
|
455
|
+
if (typeof this.model === 'string' && /^\d{2}:\d{2}(:\d{2})?$/.test(this.model)) {
|
|
456
|
+
this.date = '';
|
|
457
|
+
this.time = this.model;
|
|
458
|
+
}
|
|
459
|
+
else {
|
|
460
|
+
const dateObj = new Date(this.model);
|
|
461
|
+
this.date = this.formatDate(dateObj);
|
|
462
|
+
this.time = this.formatTime(dateObj);
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputTime, isStandalone: true, selector: "ac-input-time", usesInheritance: true, ngImport: i0, template: "<div class=\"ac-input-base\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n [type]=\"'time'\" \n [(ngModel)]=\"time\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onChangeTime($event)\"\n >\n </div>\n</div>\n", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
468
|
}
|
|
431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputTime, decorators: [{
|
|
432
470
|
type: Component,
|
|
433
471
|
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
472
|
}], ctorParameters: () => [] });
|
|
@@ -477,10 +515,10 @@ class AcInputFile {
|
|
|
477
515
|
}
|
|
478
516
|
return (s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4()).toUpperCase();
|
|
479
517
|
}
|
|
480
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
481
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
518
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputFile, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
519
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputFile, isStandalone: true, selector: "ac-input-file", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", accept: "accept", index: "index" }, outputs: { onSelectFile: "onSelectFile", onUnselectFile: "onUnselectFile" }, ngImport: i0, template: "<div class=\"ac-input-base ac-input-file\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <div class=\"ac-input-base-comp ac-input-file-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <input\n type=\"file\" \n (change)=\"onFileChange($event)\" \n [accept]=\"accept\"\n class=\"{{'hidden-input' + ' ' + fileInputId}}\"\n />\n <button type=\"button\" class=\"custom-file-button\" (click)=\"triggerFileInput()\">\n <mat-icon [fontIcon]=\"'attach_file'\"></mat-icon>\n </button>\n <span class=\"file-name\">{{ selectedFileName || 'Nenhum arquivo selecionado' }}</span>\n <mat-icon *ngIf=\"selectedFileName\" class=\"unselect-icon\" [fontIcon]=\"'close'\" (click)=\"removeFile()\"></mat-icon>\n </div>\n</div>", styles: [".ac-input-base{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-input-base .ac-input-base-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-input-base .ac-input-base-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-input-base .ac-input-base-comp:focus-within{border-bottom:2px solid 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
520
|
}
|
|
483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputFile, decorators: [{
|
|
484
522
|
type: Component,
|
|
485
523
|
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
524
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
@@ -501,6 +539,214 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
501
539
|
type: Output
|
|
502
540
|
}] } });
|
|
503
541
|
|
|
542
|
+
class AcInputPercentage extends AcInputMaskNumber {
|
|
543
|
+
decimalPlaces = 2;
|
|
544
|
+
isUserTyping = false;
|
|
545
|
+
rawValue = '';
|
|
546
|
+
numberInputSubject = new Subject();
|
|
547
|
+
applyMask(value) {
|
|
548
|
+
if (value === undefined || value === null)
|
|
549
|
+
return '';
|
|
550
|
+
let strValue = typeof value === 'number' ? value.toString() : value;
|
|
551
|
+
if (this.isUserTyping) {
|
|
552
|
+
let raw = this.rawValue.replace(/^0+/, '');
|
|
553
|
+
if (this.decimalPlaces > 0 && (raw.includes('.') || raw.includes(','))) {
|
|
554
|
+
let [int, dec = ''] = raw.split(/[.,]/);
|
|
555
|
+
dec = dec.slice(0, this.decimalPlaces);
|
|
556
|
+
while (dec.length < this.decimalPlaces)
|
|
557
|
+
dec += '0';
|
|
558
|
+
return int.replace(/^0+/, '') + '.' + dec;
|
|
559
|
+
}
|
|
560
|
+
return raw;
|
|
561
|
+
}
|
|
562
|
+
let num = parseFloat(strValue);
|
|
563
|
+
if (isNaN(num))
|
|
564
|
+
return '';
|
|
565
|
+
return (num * 100).toFixed(this.decimalPlaces) + ' %';
|
|
566
|
+
}
|
|
567
|
+
onChange(value) {
|
|
568
|
+
this.isUserTyping = true;
|
|
569
|
+
setTimeout(() => {
|
|
570
|
+
let cleaned = value.replace(/[^0-9.,]/g, '').replace(',', '.');
|
|
571
|
+
cleaned = this.sanitizeDecimal(cleaned);
|
|
572
|
+
this.rawValue = cleaned;
|
|
573
|
+
this.formattedValue = cleaned;
|
|
574
|
+
if (cleaned === '') {
|
|
575
|
+
this.rawValue = '0';
|
|
576
|
+
this.formattedValue = '0';
|
|
577
|
+
this.emitValue('0');
|
|
578
|
+
return;
|
|
579
|
+
}
|
|
580
|
+
this.emitValue(cleaned);
|
|
581
|
+
});
|
|
582
|
+
}
|
|
583
|
+
emitValue(cleaned) {
|
|
584
|
+
if (!cleaned) {
|
|
585
|
+
this.numberInputSubject.next(0);
|
|
586
|
+
return;
|
|
587
|
+
}
|
|
588
|
+
cleaned = this.sanitizeDecimal(cleaned);
|
|
589
|
+
let num = parseFloat(cleaned);
|
|
590
|
+
if (isNaN(num)) {
|
|
591
|
+
this.numberInputSubject.next(0);
|
|
592
|
+
return;
|
|
593
|
+
}
|
|
594
|
+
let decimalValue;
|
|
595
|
+
if (num >= 1) {
|
|
596
|
+
decimalValue = num / 100;
|
|
597
|
+
}
|
|
598
|
+
else {
|
|
599
|
+
const decimalStr = cleaned.split('.')[1] || '';
|
|
600
|
+
decimalValue = num / Math.pow(10, decimalStr.length);
|
|
601
|
+
}
|
|
602
|
+
this.numberInputSubject.next(decimalValue);
|
|
603
|
+
}
|
|
604
|
+
onBlur() {
|
|
605
|
+
this.isUserTyping = false;
|
|
606
|
+
if (this.rawValue) {
|
|
607
|
+
const num = parseFloat(this.rawValue);
|
|
608
|
+
if (!isNaN(num)) {
|
|
609
|
+
this.formattedValue = num.toFixed(this.decimalPlaces) + ' %';
|
|
610
|
+
this.emitValue(this.rawValue);
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
}
|
|
614
|
+
onFocus() {
|
|
615
|
+
if (this.formattedValue) {
|
|
616
|
+
const valueWithoutPercent = this.formattedValue.replace('%', '');
|
|
617
|
+
this.rawValue = valueWithoutPercent;
|
|
618
|
+
this.formattedValue = valueWithoutPercent;
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
ngOnInit() {
|
|
622
|
+
if (this.model) {
|
|
623
|
+
this.formattedValue = this.applyMask(this.model);
|
|
624
|
+
}
|
|
625
|
+
this.numberInputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
|
|
626
|
+
this.modelChange.emit(value);
|
|
627
|
+
if (this.onChangeModel) {
|
|
628
|
+
this.onChangeModel(value);
|
|
629
|
+
}
|
|
630
|
+
});
|
|
631
|
+
}
|
|
632
|
+
sanitizeDecimal(value) {
|
|
633
|
+
const firstDot = value.indexOf('.');
|
|
634
|
+
if (firstDot !== -1) {
|
|
635
|
+
return value.substring(0, firstDot + 1) + value.substring(firstDot + 1).replace(/\./g, '');
|
|
636
|
+
}
|
|
637
|
+
return value;
|
|
638
|
+
}
|
|
639
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPercentage, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
640
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputPercentage, isStandalone: true, selector: "ac-input-percentage", inputs: { decimalPlaces: "decimalPlaces" }, 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 [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"formattedValue\"\n (ngModelChange)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\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)}:host input[type=text]{text-align:right}\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"] }] });
|
|
641
|
+
}
|
|
642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPercentage, decorators: [{
|
|
643
|
+
type: Component,
|
|
644
|
+
args: [{ selector: 'ac-input-percentage', 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 [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"formattedValue\"\n (ngModelChange)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\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)}:host input[type=text]{text-align:right}\n"] }]
|
|
645
|
+
}], propDecorators: { decimalPlaces: [{
|
|
646
|
+
type: Input
|
|
647
|
+
}] } });
|
|
648
|
+
|
|
649
|
+
class AcInputNumber extends AcInputMaskNumber {
|
|
650
|
+
decimalPlaces = 0;
|
|
651
|
+
numberModelChange = new EventEmitter();
|
|
652
|
+
numberInputSubject = new Subject();
|
|
653
|
+
applyMask(value, limitLength = false) {
|
|
654
|
+
if (value === undefined || value === null)
|
|
655
|
+
return '';
|
|
656
|
+
let strValue = typeof value === 'number' ? value.toString() : value;
|
|
657
|
+
if (typeof value === 'number') {
|
|
658
|
+
strValue = strValue.replace('.', ',');
|
|
659
|
+
}
|
|
660
|
+
strValue = strValue.replace(/[^0-9.,]/g, '');
|
|
661
|
+
if (strValue === '')
|
|
662
|
+
return '0';
|
|
663
|
+
let int = strValue;
|
|
664
|
+
let dec = '';
|
|
665
|
+
let sepIndex = Math.max(strValue.indexOf(','), strValue.indexOf('.'));
|
|
666
|
+
if (sepIndex !== -1) {
|
|
667
|
+
int = strValue.substring(0, sepIndex);
|
|
668
|
+
dec = strValue.substring(sepIndex + 1).replace(/[,\.]/g, '');
|
|
669
|
+
}
|
|
670
|
+
if (this.decimalPlaces > 0) {
|
|
671
|
+
if (int === '')
|
|
672
|
+
return '';
|
|
673
|
+
dec = dec.slice(0, this.decimalPlaces);
|
|
674
|
+
let formatted = int;
|
|
675
|
+
if (sepIndex !== -1 || limitLength) {
|
|
676
|
+
formatted += ',' + dec;
|
|
677
|
+
}
|
|
678
|
+
return formatted;
|
|
679
|
+
}
|
|
680
|
+
else {
|
|
681
|
+
return int.replace(/^0+/, '') || '0';
|
|
682
|
+
}
|
|
683
|
+
}
|
|
684
|
+
onChange(value) {
|
|
685
|
+
setTimeout(() => {
|
|
686
|
+
this.formattedValue = this.applyMask(value, true);
|
|
687
|
+
this.emitValue(this.formattedValue);
|
|
688
|
+
});
|
|
689
|
+
}
|
|
690
|
+
emitValue(formattedValue) {
|
|
691
|
+
if (!formattedValue) {
|
|
692
|
+
this.numberInputSubject.next(0);
|
|
693
|
+
return;
|
|
694
|
+
}
|
|
695
|
+
const numericValue = this.convertToNumber(formattedValue);
|
|
696
|
+
this.numberInputSubject.next(numericValue);
|
|
697
|
+
}
|
|
698
|
+
formatDecimal() {
|
|
699
|
+
if (this.formattedValue === undefined || this.formattedValue === null || this.formattedValue === '') {
|
|
700
|
+
this.emitValue('0');
|
|
701
|
+
return;
|
|
702
|
+
}
|
|
703
|
+
let value = this.formattedValue.replace(/[^0-9.,]/g, '');
|
|
704
|
+
let [int, dec = ''] = value.split(/[,\.]/);
|
|
705
|
+
if (this.decimalPlaces > 0) {
|
|
706
|
+
dec = dec.slice(0, this.decimalPlaces);
|
|
707
|
+
while (dec.length < this.decimalPlaces)
|
|
708
|
+
dec += '0';
|
|
709
|
+
let formatted = int + ',' + dec;
|
|
710
|
+
if (int === '')
|
|
711
|
+
formatted = '0,00';
|
|
712
|
+
this.formattedValue = formatted;
|
|
713
|
+
}
|
|
714
|
+
else {
|
|
715
|
+
this.formattedValue = int.replace(/^0+/, '') || '0';
|
|
716
|
+
}
|
|
717
|
+
this.emitValue(this.formattedValue);
|
|
718
|
+
}
|
|
719
|
+
convertToNumber(formattedValue) {
|
|
720
|
+
if (!formattedValue)
|
|
721
|
+
return 0;
|
|
722
|
+
const cleaned = formattedValue.replace(/[^0-9,]/g, '');
|
|
723
|
+
const numericString = cleaned.replace(',', '.');
|
|
724
|
+
const num = parseFloat(numericString);
|
|
725
|
+
return isNaN(num) ? 0 : num;
|
|
726
|
+
}
|
|
727
|
+
ngOnInit() {
|
|
728
|
+
if (this.model) {
|
|
729
|
+
this.formattedValue = this.applyMask(this.model, false);
|
|
730
|
+
}
|
|
731
|
+
this.numberInputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
|
|
732
|
+
this.modelChange.emit(value);
|
|
733
|
+
if (this.onChangeModel) {
|
|
734
|
+
this.onChangeModel(value);
|
|
735
|
+
}
|
|
736
|
+
});
|
|
737
|
+
}
|
|
738
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputNumber, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
739
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputNumber, isStandalone: true, selector: "ac-input-number", inputs: { decimalPlaces: "decimalPlaces" }, outputs: { numberModelChange: "numberModelChange" }, 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 (blur)=\"formatDecimal()\"\n [placeholder]=\"placeholder\"\n class=\"ac-input-number\"\n autocomplete=\"off\"\n inputmode=\"decimal\"\n pattern=\"[0-9]*\"\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)}:host input[type=text]{text-align:right}\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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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"] }] });
|
|
740
|
+
}
|
|
741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputNumber, decorators: [{
|
|
742
|
+
type: Component,
|
|
743
|
+
args: [{ selector: 'ac-input-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 (blur)=\"formatDecimal()\"\n [placeholder]=\"placeholder\"\n class=\"ac-input-number\"\n autocomplete=\"off\"\n inputmode=\"decimal\"\n pattern=\"[0-9]*\"\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)}:host input[type=text]{text-align:right}\n"] }]
|
|
744
|
+
}], propDecorators: { decimalPlaces: [{
|
|
745
|
+
type: Input
|
|
746
|
+
}], numberModelChange: [{
|
|
747
|
+
type: Output
|
|
748
|
+
}] } });
|
|
749
|
+
|
|
504
750
|
class AcActionLink {
|
|
505
751
|
disabled = false;
|
|
506
752
|
title = '';
|
|
@@ -512,10 +758,10 @@ class AcActionLink {
|
|
|
512
758
|
this.onClick();
|
|
513
759
|
}
|
|
514
760
|
}
|
|
515
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
516
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
761
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcActionLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
762
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcActionLink, isStandalone: true, selector: "ac-action-link", inputs: { disabled: "disabled", title: "title", onClick: "onClick" }, ngImport: i0, template: "<div class=\"ac-action-link\">\n <a class=\"ac-action-link-a\" (click)=\"actionClick()\" [class.disabled]=\"disabled\"> {{title}} </a>\n</div>", styles: [".ac-action-link .ac-action-link-a{color:#1976d2;cursor:pointer;text-decoration:underline;font-weight:500;transition:color .2s}.ac-action-link .ac-action-link-a.disabled{pointer-events:none;opacity:.8;cursor:not-allowed}.ac-action-link .ac-action-link-a:hover{color:#0d47a1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }] });
|
|
517
763
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcActionLink, decorators: [{
|
|
519
765
|
type: Component,
|
|
520
766
|
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
767
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
@@ -696,10 +942,10 @@ class AcSelect {
|
|
|
696
942
|
haveModel() {
|
|
697
943
|
return this.model !== undefined && this.model !== null;
|
|
698
944
|
}
|
|
699
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
700
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
945
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
946
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSelect, isStandalone: true, selector: "ac-select", inputs: { model: "model", index: "index", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", debounce: "debounce", placeholder: "placeholder", labelName: "labelName", valueName: "valueName", options: "options", searchOptions: "searchOptions", onChangeModel: "onChangeModel" }, outputs: { modelChange: "modelChange" }, host: { listeners: { "focusout": "onFocusOut($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-select\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\" (click)=\"onBlur()\">{{title}}</label>\n <div class=\"ac-select-comp\" [ngClass]=\"{ 'disabled': disabled }\">\n <div class=\"ac-select-input\">\n <div\n class=\"ac-select-model-label\"\n (focus)=\"onFocus()\"\n [attr.tabindex]=\"disabled ? -1 : 0\">\n <label *ngIf=\"!haveModel()\" [attr.title]=\"placeholder || 'Selecione uma op\u00E7\u00E3o'\" class=\"placeholder\">{{ placeholder || 'Selecione uma op\u00E7\u00E3o' }}</label>\n <label *ngIf=\"haveModel()\" [attr.title]=\"getItemSelectedLabel()\">{{getItemSelectedLabel()}}</label>\n </div>\n\n <mat-icon *ngIf=\"haveModel()\" fontIcon=\"close\" class=\"show-hide error-color\" (click)=\"removeItem()\">\n close\n </mat-icon>\n </div>\n\n <div tabindex=\"-1\" *ngIf=\"showList\" class=\"ac-select-list\">\n <input \n id=\"input-search\" \n type=\"text\" \n [(ngModel)]=\"searchText\" \n (ngModelChange)=\"onChangeInputSearch($event)\" \n (keydown)=\"keydownList($event)\"> \n <mat-divider></mat-divider>\n <div \n *ngFor=\"let listItem of getListPreview(); let idx = index\"\n id=\"item-{{idx}}\"\n class=\"ac-select-list-item\"\n [ngClass]=\"{focused: hasFocus(idx)}\"\n (keydown)=\"keydownList($event)\"\n (click)=\"selectItem(idx)\"\n [attr.tabindex]=\"0\">\n <div>\n <label>{{listItem}}</label>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-select{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:2px;margin-bottom:2px}.ac-select .ac-select-comp.disabled{pointer-events:none;opacity:.9;background-color:color-mix(in srgb,var(--font-color, black) 8%,transparent)}.ac-select .ac-select-comp{position:relative;display:flex;align-items:center;width:100%;height:21px;transition:border-bottom-color .3s ease;border-radius:5px;border:1px solid rgb(191.25,191.25,191.25);box-sizing:border-box}.ac-select .ac-select-comp:focus-within{border-bottom:2px solid 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
947
|
}
|
|
702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSelect, decorators: [{
|
|
703
949
|
type: Component,
|
|
704
950
|
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
951
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { model: [{
|
|
@@ -777,10 +1023,10 @@ class AcPagination {
|
|
|
777
1023
|
this.pageChange.emit(this.currentPage);
|
|
778
1024
|
}
|
|
779
1025
|
}
|
|
780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
781
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcPagination, isStandalone: true, selector: "ac-pagination", inputs: { totalItems: "totalItems", itemsPerPage: "itemsPerPage", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-pagination\">\n <ac-button\n class=\"page-button-back-after\"\n [title]=\"'Anterior'\"\n [colorType]=\"'white'\"\n [disabled]=\"currentPage === 0\"\n (click)=\"goToPage(currentPage)\">\n </ac-button>\n\n <ac-button\n class=\"page-button\"\n [title]=\"'1'\"\n [colorType]=\"'white'\"\n [disabled]=\"currentPage === 0\"\n (click)=\"goToPage(1)\"\n *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n </ac-button>\n\n <ac-button\n class=\"page-button\"\n [title]=\"'...'\"\n [colorType]=\"'white'\"\n [disabled]=\"true\"\n *ngIf=\"currentPage !== 0 && !pages.includes(1)\">\n </ac-button>\n\n <ac-button\n *ngFor=\"let page of pages\"\n class=\"page-button\"\n [title]=\"page\"\n [colorType]=\"(page === currentPage + 1) ? 'secondary' : 'white'\"\n [class.active]=\"page === currentPage + 1\"\n (click)=\"goToPage(page)\">\n </ac-button>\n\n <ac-button\n class=\"page-button\"\n [title]=\"'...'\"\n [colorType]=\"'white'\"\n [disabled]=\"true\"\n *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n </ac-button>\n\n <ac-button\n class=\"page-button\"\n [title]=\"totalPages\"\n [colorType]=\"'white'\"\n [disabled]=\"currentPage + 1 === totalPages\"\n (click)=\"goToPage(totalPages)\"\n *ngIf=\"currentPage + 1 !== totalPages && !pages.includes(totalPages) && totalPages !== 0\">\n </ac-button>\n\n <ac-button\n class=\"page-button-back-after\"\n [title]=\"'Pr\u00F3ximo'\"\n [colorType]=\"'white'\"\n [disabled]=\"totalPages === 0 || (currentPage + 1 === totalPages)\"\n (click)=\"goToPage(currentPage + 2)\">\n </ac-button>\n</div>", styles: [".ac-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px}.ac-pagination .page-button-back-after{width:80px;height:24px}.ac-pagination .page-button{width:auto;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: AcButton, selector: "ac-button", inputs: ["disabled", "title", "colorType", "leftIcon", "rightIcon", "onClick"] }] });
|
|
782
1028
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcPagination, decorators: [{
|
|
784
1030
|
type: Component,
|
|
785
1031
|
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
1032
|
}], ctorParameters: () => [], propDecorators: { totalItems: [{
|
|
@@ -853,10 +1099,10 @@ class AcProgressBar {
|
|
|
853
1099
|
return 'rgba(72, 255, 0, 0.5)';
|
|
854
1100
|
}
|
|
855
1101
|
}
|
|
856
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
857
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1102
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1103
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcProgressBar, isStandalone: true, selector: "ac-progress-bar", inputs: { color: "color", timer: "timer" }, ngImport: i0, template: "<div class=\"ac-progress-bar\" [ngStyle]=\"{'background-color': transparentColor}\">\n <div class=\"ac-progress-bar-progress\" [ngStyle]=\"{'width': getPercentage() + '%', 'background-color': color}\">\n </div>\n</div>", styles: [".ac-progress-bar{min-height:4px;border-radius:5px;position:relative}.ac-progress-bar .ac-progress-bar-progress{height:100%;border-radius:5px;position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
858
1104
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcProgressBar, decorators: [{
|
|
860
1106
|
type: Component,
|
|
861
1107
|
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
1108
|
}], propDecorators: { color: [{
|
|
@@ -904,12 +1150,12 @@ class AcNotification {
|
|
|
904
1150
|
return '';
|
|
905
1151
|
return value.charAt(0).toUpperCase() + value.slice(1);
|
|
906
1152
|
}
|
|
907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1153
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcNotification, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1154
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcNotification, isStandalone: true, selector: "ac-notification", ngImport: i0, template: "<div class=\"ac-notification\">\n <div class=\"ac-notification-top-center\">\n <div *ngFor=\"let item of getNotifications('topCenter') | async\" \n class=\"ac-notification-notification {{item.type}} top\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n <div class=\"ac-notification-top-left\">\n <div *ngFor=\"let item of getNotifications('topLeft') | async\" \n class=\"ac-notification-notification {{item.type}} top\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n <div class=\"ac-notification-top-right\">\n <div *ngFor=\"let item of getNotifications('topRight') | async\" \n class=\"ac-notification-notification {{item.type}} top\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n <div class=\"ac-notification-bottom-center\">\n <div *ngFor=\"let item of getNotifications('bottomCenter') | async\" \n class=\"ac-notification-notification {{item.type}} bottom\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n <div class=\"ac-notification-bottom-left\">\n <div *ngFor=\"let item of getNotifications('bottomLeft') | async\" \n class=\"ac-notification-notification {{item.type}} bottom\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n <div class=\"ac-notification-bottom-right\">\n <div *ngFor=\"let item of getNotifications('bottomRight') | async\" \n class=\"ac-notification-notification {{item.type}} bottom\"\n [ngClass]=\"{'hide': !item.show}\">\n {{item.message}}\n <ac-progress-bar [timer]=\"item.timer!\"></ac-progress-bar>\n </div>\n </div>\n</div>", styles: [".ac-notification{pointer-events:none;position:fixed;height:calc(100% - 50px);width:calc(100% - 40px);margin-left:20px;margin-right:20px;display:flex;z-index:99999}.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
1155
|
}
|
|
910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcNotification, decorators: [{
|
|
911
1157
|
type: Component,
|
|
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:
|
|
1158
|
+
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:99999}.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
1159
|
}] });
|
|
914
1160
|
|
|
915
1161
|
class AcCheckBox {
|
|
@@ -928,10 +1174,10 @@ class AcCheckBox {
|
|
|
928
1174
|
this.onToggle();
|
|
929
1175
|
}
|
|
930
1176
|
}
|
|
931
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1177
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1178
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcCheckBox, isStandalone: true, selector: "ac-checkbox", inputs: { model: "model", disabled: "disabled", title: "title", buildTitleSpace: "buildTitleSpace", titleColor: "titleColor", onToggle: "onToggle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<div class=\"ac-checkbox\" [ngStyle]=\"{'--title-color': titleColor}\">\n <label class=\"ac-label\" *ngIf=\"buildTitleSpace || title\">{{title}}</label>\n <input\n class=\"ac-checkbox-input\" \n type=\"checkbox\" \n [checked]=\"model\"\n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (change)=\"onChange()\"\n >\n</div>\n", styles: [".ac-label{width:100%;line-height:normal;font-weight:400;font-size:14px;padding-bottom:2px;height:auto;color:var(--font-color, black)}.ac-checkbox{display:flex;flex-direction:column;align-items:flex-start}.ac-checkbox .ac-checkbox-input{width:15px;height:15px;background-color:var(--switch-bg-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
933
1179
|
}
|
|
934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcCheckBox, decorators: [{
|
|
935
1181
|
type: Component,
|
|
936
1182
|
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
1183
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
@@ -1058,10 +1304,10 @@ class AcSideMenu {
|
|
|
1058
1304
|
this.previewIdx = -1;
|
|
1059
1305
|
this.moduleClicked = 0;
|
|
1060
1306
|
}
|
|
1061
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1062
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1307
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1308
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcSideMenu, isStandalone: true, selector: "ac-side-menu", inputs: { routes: "routes", goTo: "goTo", forcedShowModules: "forcedShowModules" }, ngImport: i0, template: "<div class=\"ac-side-menu\">\n <div class=\"ac-side-menu-body\" [ngStyle]=\"{'position': forcedShowModules ? 'relative' : 'fixed'}\">\n <div \n *ngFor=\"let module of modules; let idx = index\"\n class=\"ac-side-menu-module\" \n [ngClass]=\"{'top-module': idx == 0, 'module-active': idx != 0 && moduleClicked == idx}\"\n [attr.gap]=\"(showModules || forcedShowModules) ? '': '0'\"\n (click)=\"onModule(idx)\"\n (mouseenter)=\"mouseInSomeModule(idx)\"> \n <mat-icon class=\"ac-side-menu-icon\" *ngIf=\"module.icon\" [fontIcon]=\"module.icon\"></mat-icon>\n <label class=\"ac-side-menu-module-label\" [attr.hide]=\"!showModules && !forcedShowModules\">{{module.title}}</label>\n\n <div\n class=\"ac-side-menu-submodules\"\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>\n</div>", styles: [".ac-side-menu{height:100%;background:linear-gradient(to bottom,var(--primary-color, #0747a6),var(--primary-color-dark, #052658));min-width:38px}.ac-side-menu .ac-side-menu-body{height:100%;color:#fff;background:linear-gradient(to bottom,var(--primary-color, #0747a6),var(--primary-color-dark, #052658));padding:5px;z-index:2}.ac-side-menu .ac-side-menu-body .ac-side-menu-module{display:flex;align-items:center;flex-flow:row;padding-left:2px;padding-right:2px;position:relative;outline:none}.ac-side-menu .ac-side-menu-body .ac-side-menu-module.top-module{background-color:var(--secondary-color, #ff991f);border-radius:5px}.ac-side-menu .ac-side-menu-body .ac-side-menu-module.module-active{color:var(--secondary-color, #ff991f)}.ac-side-menu .ac-side-menu-body .ac-side-menu-module:hover:not(.top-module){color:var(--secondary-color, #ff991f)}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-module-label{overflow:hidden;white-space:nowrap;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-module-label[hide=true]{opacity:0;transform:scale(.9);visibility:hidden;width:0}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-module-label[hide=false]{opacity:1;transform:scale(1);visibility:visible}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-submodules{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-body .ac-side-menu-module .ac-side-menu-submodules[hide=true]{padding:3px 0;width:0}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-submodules .ac-side-menu-submodule{display:flex;align-items:center;flex-flow:row;overflow:hidden;width:auto}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-submodules .ac-side-menu-submodule .ac-side-menu-submodule-label{overflow:hidden;white-space:nowrap;display:block;width:auto}.ac-side-menu .ac-side-menu-body .ac-side-menu-module .ac-side-menu-submodules .ac-side-menu-submodule:hover{color:var(--secondary-color, #ff991f)}.ac-side-menu .ac-side-menu-body .ac-side-menu-icon{font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1063
1309
|
}
|
|
1064
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcSideMenu, decorators: [{
|
|
1065
1311
|
type: Component,
|
|
1066
1312
|
args: [{ selector: 'ac-side-menu', standalone: true, imports: [
|
|
1067
1313
|
CommonModule,
|
|
@@ -1099,12 +1345,12 @@ class AcList {
|
|
|
1099
1345
|
}
|
|
1100
1346
|
return 'NONE';
|
|
1101
1347
|
}
|
|
1102
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1103
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.
|
|
1348
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1349
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcList, isStandalone: true, selector: "ac-list", inputs: { columns: "columns", list: "list", rowTemplate: "rowTemplate", sortColumn: "sortColumn", sortDirection: "sortDirection" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<div class=\"ac-list\">\n <table class=\"ac-list-table\">\n <thead class=\"ac-list-table-thead\">\n <tr class=\"ac-list-table-thead-tr\">\n <!-- <th *ngIf=\"selectMode != ''\" [width]=\"1\">\n <ac-checkbox \n *ngIf=\"selectMode == 'CHECKBOX'\"\n [(model)]=\"globalCheckbox!\"\n [onToggle]=\"selectAll\">\n </ac-checkbox>\n </th> -->\n <th class=\"ac-list-table-thead-tr-th\" \n attr.style=\"width:{{column.size}}px;\" \n *ngFor=\"let column of columns; let idx = index\"> \n <div class=\"ac-list-column-header\" \n *ngIf=\"!column.hide\">\n <div>\n {{column.label}}\n </div>\n <div *ngIf=\"column.sortable\">\n <mat-icon [fontIcon]=\"direction[getSortDirection(idx)]!.icon\"\n (click)=\"onSortDirection(idx)\"\n class=\"sort-icon\">\n </mat-icon>\n </div>\n </div>\n </th>\n </tr>\n </thead>\n <tbody class=\"ac-list-table-tbody\">\n <tr class=\"ac-list-table-tbody-tr\"\n *ngFor=\"let row of list; let idxRow = index;\"\n tabindex=\"0\"> \n <!-- <td *ngIf=\"selectMode != ''\">\n <ac-checkbox \n *ngIf=\"selectMode == 'CHECKBOX'\"\n [disabled]=\"disabled\"\n [(model)]=\"selectedValues[getRowId(idxRow)]!\"\n [onToggle]=\"onSelectedRow\">\n </ac-checkbox>\n </td> -->\n <td class=\"ac-list-table-tbody-tr-td\" \n *ngFor=\"let column of columns; let idxCol = index\"> \n <div class=\"ac-list-column-body\" \n *ngIf=\"!column.hide\" attr.style=\"width:{{column.size}}px;\">\n <div *ngIf=\"!rowTemplate\">\n {{row[column.param]}}\n </div>\n <ng-template *ngIf=\"rowTemplate\"\n [ngTemplateOutlet]=\"rowTemplate\"\n [ngTemplateOutletContext]=\"{\n row: row, \n idxRow: idxRow, \n column: column.param, \n idxCol: idxCol\n }\">\n </ng-template>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n</div>", styles: [".ac-list{max-height:100%;overflow:auto}.ac-list .ac-list-table{max-height:100%;width:100%;border-collapse:separate;border-spacing:0;overflow:visible}.ac-list .ac-list-table .ac-list-table-thead .ac-list-table-thead-tr{background-color:var(--primary-color, #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:
|
|
1104
1350
|
// AcCheckBox,
|
|
1105
1351
|
MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1106
1352
|
}
|
|
1107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcList, decorators: [{
|
|
1108
1354
|
type: Component,
|
|
1109
1355
|
args: [{ selector: 'ac-list', imports: [
|
|
1110
1356
|
CommonModule,
|
|
@@ -1125,8 +1371,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1125
1371
|
}] } });
|
|
1126
1372
|
|
|
1127
1373
|
class ComponentsModule {
|
|
1128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.
|
|
1129
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.
|
|
1374
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1375
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
1130
1376
|
AcButton,
|
|
1131
1377
|
AcSwitch,
|
|
1132
1378
|
AcCheckBox,
|
|
@@ -1138,6 +1384,9 @@ class ComponentsModule {
|
|
|
1138
1384
|
AcInputDate,
|
|
1139
1385
|
AcInputTime,
|
|
1140
1386
|
AcInputFile,
|
|
1387
|
+
AcInputPercentage,
|
|
1388
|
+
AcInputNumber,
|
|
1389
|
+
AcInputMoney,
|
|
1141
1390
|
AcActionLink,
|
|
1142
1391
|
AcSelect,
|
|
1143
1392
|
AcPagination,
|
|
@@ -1155,6 +1404,9 @@ class ComponentsModule {
|
|
|
1155
1404
|
AcInputDate,
|
|
1156
1405
|
AcInputTime,
|
|
1157
1406
|
AcInputFile,
|
|
1407
|
+
AcInputPercentage,
|
|
1408
|
+
AcInputNumber,
|
|
1409
|
+
AcInputMoney,
|
|
1158
1410
|
AcActionLink,
|
|
1159
1411
|
AcSelect,
|
|
1160
1412
|
AcPagination,
|
|
@@ -1162,7 +1414,7 @@ class ComponentsModule {
|
|
|
1162
1414
|
AcProgressBar,
|
|
1163
1415
|
AcSideMenu,
|
|
1164
1416
|
AcList] });
|
|
1165
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.
|
|
1417
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
1166
1418
|
AcButton,
|
|
1167
1419
|
AcSwitch,
|
|
1168
1420
|
AcCheckBox,
|
|
@@ -1174,6 +1426,9 @@ class ComponentsModule {
|
|
|
1174
1426
|
AcInputDate,
|
|
1175
1427
|
AcInputTime,
|
|
1176
1428
|
AcInputFile,
|
|
1429
|
+
AcInputPercentage,
|
|
1430
|
+
AcInputNumber,
|
|
1431
|
+
AcInputMoney,
|
|
1177
1432
|
AcActionLink,
|
|
1178
1433
|
AcSelect,
|
|
1179
1434
|
AcPagination,
|
|
@@ -1182,7 +1437,7 @@ class ComponentsModule {
|
|
|
1182
1437
|
AcSideMenu,
|
|
1183
1438
|
AcList] });
|
|
1184
1439
|
}
|
|
1185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.
|
|
1440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
1186
1441
|
type: NgModule,
|
|
1187
1442
|
args: [{
|
|
1188
1443
|
declarations: [],
|
|
@@ -1199,6 +1454,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1199
1454
|
AcInputDate,
|
|
1200
1455
|
AcInputTime,
|
|
1201
1456
|
AcInputFile,
|
|
1457
|
+
AcInputPercentage,
|
|
1458
|
+
AcInputNumber,
|
|
1459
|
+
AcInputMoney,
|
|
1202
1460
|
AcActionLink,
|
|
1203
1461
|
AcSelect,
|
|
1204
1462
|
AcPagination,
|
|
@@ -1219,6 +1477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1219
1477
|
AcInputDate,
|
|
1220
1478
|
AcInputTime,
|
|
1221
1479
|
AcInputFile,
|
|
1480
|
+
AcInputPercentage,
|
|
1481
|
+
AcInputNumber,
|
|
1482
|
+
AcInputMoney,
|
|
1222
1483
|
AcActionLink,
|
|
1223
1484
|
AcSelect,
|
|
1224
1485
|
AcPagination,
|
|
@@ -1230,6 +1491,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1230
1491
|
}]
|
|
1231
1492
|
}] });
|
|
1232
1493
|
|
|
1494
|
+
class AcInputMoney extends AcInputMaskNumber {
|
|
1495
|
+
decimalPlaces = 2;
|
|
1496
|
+
isUserTyping = false;
|
|
1497
|
+
rawValue = '';
|
|
1498
|
+
numberInputSubject = new Subject();
|
|
1499
|
+
applyMask(value) {
|
|
1500
|
+
if (value === undefined || value === null)
|
|
1501
|
+
return '';
|
|
1502
|
+
let strValue = typeof value === 'number' ? value.toString() : value;
|
|
1503
|
+
if (this.isUserTyping) {
|
|
1504
|
+
return this.rawValue.replace(/^0+/, '');
|
|
1505
|
+
}
|
|
1506
|
+
if (typeof value === 'number') {
|
|
1507
|
+
strValue = strValue.replace('.', ',');
|
|
1508
|
+
}
|
|
1509
|
+
strValue = strValue.replace(/[^0-9.,]/g, '');
|
|
1510
|
+
if (strValue === '')
|
|
1511
|
+
return 'R$ 0,00';
|
|
1512
|
+
let int = strValue;
|
|
1513
|
+
let dec = '';
|
|
1514
|
+
let sepIndex = Math.max(strValue.indexOf(','), strValue.indexOf('.'));
|
|
1515
|
+
if (sepIndex !== -1) {
|
|
1516
|
+
int = strValue.substring(0, sepIndex);
|
|
1517
|
+
dec = strValue.substring(sepIndex + 1).replace(/[,\.]/g, '');
|
|
1518
|
+
}
|
|
1519
|
+
if (this.decimalPlaces > 0) {
|
|
1520
|
+
if (int === '')
|
|
1521
|
+
return 'R$ 0,00';
|
|
1522
|
+
dec = dec.slice(0, this.decimalPlaces);
|
|
1523
|
+
while (dec.length < this.decimalPlaces)
|
|
1524
|
+
dec += '0';
|
|
1525
|
+
return 'R$ ' + (int.replace(/^0+/, '') || '0') + ',' + dec;
|
|
1526
|
+
}
|
|
1527
|
+
else {
|
|
1528
|
+
return 'R$ ' + (int.replace(/^0+/, '') || '0');
|
|
1529
|
+
}
|
|
1530
|
+
}
|
|
1531
|
+
onChange(value) {
|
|
1532
|
+
this.isUserTyping = true;
|
|
1533
|
+
setTimeout(() => {
|
|
1534
|
+
let cleaned = value.replace(/[^0-9.,]/g, '').replace(',', '.');
|
|
1535
|
+
cleaned = this.sanitizeDecimal(cleaned);
|
|
1536
|
+
this.rawValue = cleaned;
|
|
1537
|
+
this.formattedValue = this.applyMask(cleaned);
|
|
1538
|
+
if (cleaned === '') {
|
|
1539
|
+
this.rawValue = '0';
|
|
1540
|
+
this.formattedValue = '0';
|
|
1541
|
+
this.emitValue('0');
|
|
1542
|
+
return;
|
|
1543
|
+
}
|
|
1544
|
+
this.emitValue(cleaned);
|
|
1545
|
+
});
|
|
1546
|
+
}
|
|
1547
|
+
emitValue(cleaned) {
|
|
1548
|
+
if (!cleaned) {
|
|
1549
|
+
this.numberInputSubject.next(0);
|
|
1550
|
+
return;
|
|
1551
|
+
}
|
|
1552
|
+
cleaned = this.sanitizeDecimal(cleaned);
|
|
1553
|
+
let num = parseFloat(cleaned);
|
|
1554
|
+
if (isNaN(num)) {
|
|
1555
|
+
this.numberInputSubject.next(0);
|
|
1556
|
+
return;
|
|
1557
|
+
}
|
|
1558
|
+
if (this.decimalPlaces === 0) {
|
|
1559
|
+
num = Math.trunc(num);
|
|
1560
|
+
}
|
|
1561
|
+
this.numberInputSubject.next(num);
|
|
1562
|
+
}
|
|
1563
|
+
onBlur() {
|
|
1564
|
+
this.isUserTyping = false;
|
|
1565
|
+
if (this.rawValue) {
|
|
1566
|
+
const num = parseFloat(this.rawValue);
|
|
1567
|
+
if (!isNaN(num)) {
|
|
1568
|
+
this.formattedValue = this.applyMask(num);
|
|
1569
|
+
this.emitValue(this.rawValue);
|
|
1570
|
+
}
|
|
1571
|
+
}
|
|
1572
|
+
}
|
|
1573
|
+
onFocus() {
|
|
1574
|
+
if (this.formattedValue) {
|
|
1575
|
+
const valueWithoutMoney = this.formattedValue.replace(/[R$\s]/g, '').replace(',', '.');
|
|
1576
|
+
this.rawValue = valueWithoutMoney;
|
|
1577
|
+
this.formattedValue = valueWithoutMoney;
|
|
1578
|
+
}
|
|
1579
|
+
}
|
|
1580
|
+
sanitizeDecimal(value) {
|
|
1581
|
+
const firstDot = value.indexOf('.');
|
|
1582
|
+
if (firstDot !== -1) {
|
|
1583
|
+
return value.substring(0, firstDot + 1) + value.substring(firstDot + 1).replace(/\./g, '');
|
|
1584
|
+
}
|
|
1585
|
+
return value;
|
|
1586
|
+
}
|
|
1587
|
+
ngOnInit() {
|
|
1588
|
+
if (this.model) {
|
|
1589
|
+
this.formattedValue = this.applyMask(this.model);
|
|
1590
|
+
}
|
|
1591
|
+
this.numberInputSubject.pipe(debounceTime(this.debounce)).subscribe((value) => {
|
|
1592
|
+
this.modelChange.emit(value);
|
|
1593
|
+
if (this.onChangeModel) {
|
|
1594
|
+
this.onChangeModel(value);
|
|
1595
|
+
}
|
|
1596
|
+
});
|
|
1597
|
+
}
|
|
1598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMoney, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1599
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcInputMoney, isStandalone: true, selector: "ac-input-money", inputs: { decimalPlaces: "decimalPlaces" }, 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 [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"formattedValue\"\n (ngModelChange)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n />\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)}:host input[type=text]{text-align:right}\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"] }] });
|
|
1600
|
+
}
|
|
1601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMoney, decorators: [{
|
|
1602
|
+
type: Component,
|
|
1603
|
+
args: [{ selector: 'ac-input-money', 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 [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"formattedValue\"\n (ngModelChange)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n />\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)}:host input[type=text]{text-align:right}\n"] }]
|
|
1604
|
+
}], propDecorators: { decimalPlaces: [{
|
|
1605
|
+
type: Input
|
|
1606
|
+
}] } });
|
|
1607
|
+
|
|
1233
1608
|
/*
|
|
1234
1609
|
* Public API Surface of components
|
|
1235
1610
|
*/
|
|
@@ -1238,5 +1613,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1238
1613
|
* Generated bundle index. Do not edit.
|
|
1239
1614
|
*/
|
|
1240
1615
|
|
|
1241
|
-
export { AcActionLink, AcButton, AcCheckBox, AcInputDate, AcInputDateTime, AcInputDocumentNumber, AcInputFile, AcInputPassword, AcInputPhoneNumber, AcInputText, AcInputTime, AcList, AcNotification, AcPagination, AcProgressBar, AcSelect, AcSideMenu, AcSwitch, ComponentsModule };
|
|
1616
|
+
export { AcActionLink, AcButton, AcCheckBox, AcInputDate, AcInputDateTime, AcInputDocumentNumber, AcInputFile, AcInputMoney, AcInputNumber, AcInputPassword, AcInputPercentage, AcInputPhoneNumber, AcInputText, AcInputTime, AcList, AcNotification, AcPagination, AcProgressBar, AcSelect, AcSideMenu, AcSwitch, ComponentsModule };
|
|
1242
1617
|
//# sourceMappingURL=sgcloud-sgsistemas-angular-components.mjs.map
|