@sgcloud-sgsistemas/angular-components 0.0.5 → 0.0.7
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.
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, EventEmitter, Output, Directive, HostListener, inject, ElementRef, NgModule } from '@angular/core';
|
|
2
|
+
import { Input, Component, EventEmitter, Output, Directive, HostListener, inject, ElementRef, TemplateRef, ContentChild, ContentChildren, NgModule } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2$2 from '@angular/cdk/scrolling';
|
|
6
|
+
import { ScrollingModule } from '@angular/cdk/scrolling';
|
|
5
7
|
import * as i2$1 from '@angular/material/icon';
|
|
6
8
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
9
|
import * as i1 from '@angular/forms';
|
|
@@ -129,6 +131,7 @@ class AcInput {
|
|
|
129
131
|
buildTitleSpace = false;
|
|
130
132
|
debounce = 0;
|
|
131
133
|
onChangeModel = null;
|
|
134
|
+
onBlur = null;
|
|
132
135
|
applyFormatText = null;
|
|
133
136
|
modelChange = new EventEmitter();
|
|
134
137
|
inputSubject = new Subject();
|
|
@@ -151,8 +154,15 @@ class AcInput {
|
|
|
151
154
|
});
|
|
152
155
|
});
|
|
153
156
|
}
|
|
157
|
+
onBlurFunction() {
|
|
158
|
+
setTimeout(() => {
|
|
159
|
+
if (this.onBlur) {
|
|
160
|
+
this.onBlur();
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
}
|
|
154
164
|
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 });
|
|
165
|
+
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", onBlur: "onBlur", applyFormatText: "applyFormatText" }, outputs: { modelChange: "modelChange" }, ngImport: i0 });
|
|
156
166
|
}
|
|
157
167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInput, decorators: [{
|
|
158
168
|
type: Directive
|
|
@@ -170,6 +180,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
170
180
|
type: Input
|
|
171
181
|
}], onChangeModel: [{
|
|
172
182
|
type: Input
|
|
183
|
+
}], onBlur: [{
|
|
184
|
+
type: Input
|
|
173
185
|
}], applyFormatText: [{
|
|
174
186
|
type: Input
|
|
175
187
|
}], modelChange: [{
|
|
@@ -197,11 +209,11 @@ class AcInputText extends AcInput {
|
|
|
197
209
|
super();
|
|
198
210
|
}
|
|
199
211
|
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"] }] });
|
|
212
|
+
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 (blur)=\"onBlurFunction()\"\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"] }] });
|
|
201
213
|
}
|
|
202
214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputText, decorators: [{
|
|
203
215
|
type: Component,
|
|
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"] }]
|
|
216
|
+
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 (blur)=\"onBlurFunction()\"\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"] }]
|
|
205
217
|
}], ctorParameters: () => [] });
|
|
206
218
|
|
|
207
219
|
class AcInputMaskNumber {
|
|
@@ -212,6 +224,7 @@ class AcInputMaskNumber {
|
|
|
212
224
|
buildTitleSpace = false;
|
|
213
225
|
debounce = 0;
|
|
214
226
|
onChangeModel = null;
|
|
227
|
+
onBlur = null;
|
|
215
228
|
modelChange = new EventEmitter();
|
|
216
229
|
inputSubject = new Subject();
|
|
217
230
|
formattedValue = '';
|
|
@@ -238,8 +251,15 @@ class AcInputMaskNumber {
|
|
|
238
251
|
this.inputSubject.next(this.formattedValue.replace(/\D/g, ''));
|
|
239
252
|
});
|
|
240
253
|
}
|
|
254
|
+
onBlurFunction() {
|
|
255
|
+
setTimeout(() => {
|
|
256
|
+
if (this.onBlur) {
|
|
257
|
+
this.onBlur();
|
|
258
|
+
}
|
|
259
|
+
});
|
|
260
|
+
}
|
|
241
261
|
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 });
|
|
262
|
+
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", onBlur: "onBlur" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0 });
|
|
243
263
|
}
|
|
244
264
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMaskNumber, decorators: [{
|
|
245
265
|
type: Directive
|
|
@@ -257,6 +277,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
257
277
|
type: Input
|
|
258
278
|
}], onChangeModel: [{
|
|
259
279
|
type: Input
|
|
280
|
+
}], onBlur: [{
|
|
281
|
+
type: Input
|
|
260
282
|
}], modelChange: [{
|
|
261
283
|
type: Output
|
|
262
284
|
}] } });
|
|
@@ -283,11 +305,11 @@ class AcInputDocumentNumber extends AcInputMaskNumber {
|
|
|
283
305
|
return value;
|
|
284
306
|
}
|
|
285
307
|
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"] }] });
|
|
308
|
+
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 (blur)=\"onBlurFunction()\"\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"] }] });
|
|
287
309
|
}
|
|
288
310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputDocumentNumber, decorators: [{
|
|
289
311
|
type: Component,
|
|
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"] }]
|
|
312
|
+
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 (blur)=\"onBlurFunction()\"\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"] }]
|
|
291
313
|
}], ctorParameters: () => [], propDecorators: { documentType: [{
|
|
292
314
|
type: Input
|
|
293
315
|
}] } });
|
|
@@ -316,11 +338,11 @@ class AcInputPhoneNumber extends AcInputMaskNumber {
|
|
|
316
338
|
return value;
|
|
317
339
|
}
|
|
318
340
|
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"] }] });
|
|
341
|
+
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 (blur)=\"onBlurFunction()\"\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"] }] });
|
|
320
342
|
}
|
|
321
343
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPhoneNumber, decorators: [{
|
|
322
344
|
type: Component,
|
|
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"] }]
|
|
345
|
+
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 (blur)=\"onBlurFunction()\"\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"] }]
|
|
324
346
|
}], ctorParameters: () => [] });
|
|
325
347
|
|
|
326
348
|
class AcInputDateTimeDefault {
|
|
@@ -601,7 +623,7 @@ class AcInputPercentage extends AcInputMaskNumber {
|
|
|
601
623
|
}
|
|
602
624
|
this.numberInputSubject.next(decimalValue);
|
|
603
625
|
}
|
|
604
|
-
|
|
626
|
+
onBlurInputPercentage() {
|
|
605
627
|
this.isUserTyping = false;
|
|
606
628
|
if (this.rawValue) {
|
|
607
629
|
const num = parseFloat(this.rawValue);
|
|
@@ -610,6 +632,7 @@ class AcInputPercentage extends AcInputMaskNumber {
|
|
|
610
632
|
this.emitValue(this.rawValue);
|
|
611
633
|
}
|
|
612
634
|
}
|
|
635
|
+
this.onBlurFunction();
|
|
613
636
|
}
|
|
614
637
|
onFocus() {
|
|
615
638
|
if (this.formattedValue) {
|
|
@@ -637,11 +660,11 @@ class AcInputPercentage extends AcInputMaskNumber {
|
|
|
637
660
|
return value;
|
|
638
661
|
}
|
|
639
662
|
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)=\"
|
|
663
|
+
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)=\"onBlurInputPercentage()\"\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
664
|
}
|
|
642
665
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputPercentage, decorators: [{
|
|
643
666
|
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)=\"
|
|
667
|
+
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)=\"onBlurInputPercentage()\"\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
668
|
}], propDecorators: { decimalPlaces: [{
|
|
646
669
|
type: Input
|
|
647
670
|
}] } });
|
|
@@ -1370,6 +1393,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
1370
1393
|
type: Input
|
|
1371
1394
|
}] } });
|
|
1372
1395
|
|
|
1396
|
+
class AcListV2Content {
|
|
1397
|
+
template;
|
|
1398
|
+
constructor(template) {
|
|
1399
|
+
this.template = template;
|
|
1400
|
+
}
|
|
1401
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2Content, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1402
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: AcListV2Content, isStandalone: true, selector: "[ac-list-v2-content]", ngImport: i0 });
|
|
1403
|
+
}
|
|
1404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2Content, decorators: [{
|
|
1405
|
+
type: Directive,
|
|
1406
|
+
args: [{
|
|
1407
|
+
selector: '[ac-list-v2-content]',
|
|
1408
|
+
standalone: true
|
|
1409
|
+
}]
|
|
1410
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
1411
|
+
|
|
1412
|
+
class AcListV2Column {
|
|
1413
|
+
name;
|
|
1414
|
+
label;
|
|
1415
|
+
sortable = false;
|
|
1416
|
+
alignColumn = 'left';
|
|
1417
|
+
alignRow = 'left';
|
|
1418
|
+
contentTpl;
|
|
1419
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2Column, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1420
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcListV2Column, isStandalone: true, selector: "ac-list-v2-column", inputs: { name: "name", label: "label", sortable: "sortable", alignColumn: "alignColumn", alignRow: "alignRow" }, queries: [{ propertyName: "contentTpl", first: true, predicate: AcListV2Content, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true });
|
|
1421
|
+
}
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2Column, decorators: [{
|
|
1423
|
+
type: Component,
|
|
1424
|
+
args: [{
|
|
1425
|
+
selector: 'ac-list-v2-column',
|
|
1426
|
+
standalone: true,
|
|
1427
|
+
template: '',
|
|
1428
|
+
}]
|
|
1429
|
+
}], propDecorators: { name: [{
|
|
1430
|
+
type: Input
|
|
1431
|
+
}], label: [{
|
|
1432
|
+
type: Input
|
|
1433
|
+
}], sortable: [{
|
|
1434
|
+
type: Input
|
|
1435
|
+
}], alignColumn: [{
|
|
1436
|
+
type: Input
|
|
1437
|
+
}], alignRow: [{
|
|
1438
|
+
type: Input
|
|
1439
|
+
}], contentTpl: [{
|
|
1440
|
+
type: ContentChild,
|
|
1441
|
+
args: [AcListV2Content, { read: TemplateRef }]
|
|
1442
|
+
}] } });
|
|
1443
|
+
|
|
1444
|
+
class AcListV2 {
|
|
1445
|
+
list = [];
|
|
1446
|
+
itemSize = 25;
|
|
1447
|
+
columns;
|
|
1448
|
+
columnsArr = [];
|
|
1449
|
+
sortColumn = '';
|
|
1450
|
+
sortDirection = 'NONE';
|
|
1451
|
+
ngAfterContentInit() {
|
|
1452
|
+
this.columnsArr = this.columns.toArray();
|
|
1453
|
+
}
|
|
1454
|
+
onSort(column) {
|
|
1455
|
+
if (!column.sortable)
|
|
1456
|
+
return;
|
|
1457
|
+
if (this.sortColumn === column.name) {
|
|
1458
|
+
this.sortDirection = this.sortDirection === 'ASC' ? 'DESC' : (this.sortDirection === 'DESC' ? 'NONE' : 'ASC');
|
|
1459
|
+
}
|
|
1460
|
+
else {
|
|
1461
|
+
this.sortColumn = column.name;
|
|
1462
|
+
this.sortDirection = 'ASC';
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
getSortedList() {
|
|
1466
|
+
if (this.sortDirection === 'NONE' || !this.sortColumn)
|
|
1467
|
+
return this.list;
|
|
1468
|
+
return [...this.list].sort((a, b) => {
|
|
1469
|
+
const valA = a[this.sortColumn];
|
|
1470
|
+
const valB = b[this.sortColumn];
|
|
1471
|
+
if (valA == null)
|
|
1472
|
+
return 1;
|
|
1473
|
+
if (valB == null)
|
|
1474
|
+
return -1;
|
|
1475
|
+
if (valA > valB)
|
|
1476
|
+
return this.sortDirection === 'ASC' ? 1 : -1;
|
|
1477
|
+
if (valA < valB)
|
|
1478
|
+
return this.sortDirection === 'ASC' ? -1 : 1;
|
|
1479
|
+
return 0;
|
|
1480
|
+
});
|
|
1481
|
+
}
|
|
1482
|
+
get shouldUseVirtualScroll() {
|
|
1483
|
+
return this.getSortedList().length > 20;
|
|
1484
|
+
}
|
|
1485
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1486
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: AcListV2, isStandalone: true, selector: "ac-list-v2", inputs: { list: "list", itemSize: "itemSize" }, queries: [{ propertyName: "columns", predicate: AcListV2Column }], ngImport: i0, template: "<div class=\"ac-list-v2-container\">\n <table class=\"ac-list-v2-table\">\n <thead>\n <tr>\n <th *ngFor=\"let col of columnsArr\"\n [style.text-align]=\"col.alignColumn\"\n [class.left]=\"col.alignColumn === 'left'\"\n [class.center]=\"col.alignColumn === 'center'\"\n [class.right]=\"col.alignColumn === 'right'\"\n (click)=\"onSort(col)\"\n [class.sortable]=\"col.sortable\">\n {{ col.label || col.name }}\n <span *ngIf=\"col.sortable\">\n <ng-container [ngSwitch]=\"sortColumn === col.name ? sortDirection : 'NONE'\">\n <span *ngSwitchCase=\"'ASC'\">\u25B2</span>\n <span *ngSwitchCase=\"'DESC'\">\u25BC</span>\n <span *ngSwitchDefault>\u21C5</span>\n </ng-container>\n </span>\n </th>\n </tr>\n </thead>\n </table>\n\n <ng-template #cellTemplate let-row=\"row\" let-idxRow=\"idxRow\">\n <ng-container *ngFor=\"let col of columnsArr; let idxCol = index\">\n <td [style.text-align]=\"col.alignRow\"\n [class.left]=\"col.alignRow === 'left'\"\n [class.center]=\"col.alignRow === 'center'\"\n [class.right]=\"col.alignRow === 'right'\">\n <ng-container *ngIf=\"col.contentTpl; else defaultCell\">\n <ng-container *ngTemplateOutlet=\"col.contentTpl; context: { $implicit: row, row: row, idxRow: idxRow, column: col.name, idxCol: idxCol }\"></ng-container>\n </ng-container>\n <ng-template #defaultCell>\n {{ row[col.name] }}\n </ng-template>\n </td>\n </ng-container>\n </ng-template>\n\n <div *ngIf=\"!shouldUseVirtualScroll\" class=\"ac-list-v2-body-container\">\n <table class=\"ac-list-v2-table\">\n <tbody>\n <tr *ngFor=\"let row of getSortedList(); let idxRow = index\">\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: {row: row, idxRow: idxRow}\"></ng-container>\n </tr>\n </tbody>\n </table>\n </div>\n\n <div *ngIf=\"shouldUseVirtualScroll\" class=\"ac-list-v2-body-container-virtual-scroll\">\n <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" class=\"ac-list-v2-viewport\">\n <table class=\"ac-list-v2-table ac-list-v2-body\">\n <tbody>\n <tr *cdkVirtualFor=\"let row of getSortedList(); let idxRow = index\">\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: {row: row, idxRow: idxRow}\"></ng-container>\n </tr>\n </tbody>\n </table>\n </cdk-virtual-scroll-viewport>\n </div>\n</div>\n", styles: [".ac-list-v2-container{border-radius:5px;overflow:hidden;width:100%}.ac-list-v2-body-container{position:relative;width:100%}.ac-list-v2-body-container-virtual-scroll{position:relative}.ac-list-v2-viewport{height:400px;width:100%}.ac-list-v2-body thead{display:none}.ac-list-v2-table{width:100%;border-collapse:collapse;border-spacing:0;font-family:inherit;table-layout:fixed}.ac-list-v2-table thead tr{background-color:var(--primary-color, #0747a6)}.ac-list-v2-table th,.ac-list-v2-table td{padding:4px 14px;border:none;font-weight:400;background:none;white-space:nowrap;vertical-align:middle;box-sizing:border-box;margin:0}.ac-list-v2-table tr{height:25px}.ac-list-v2-table th{background-color:var(--primary-color, #0747a6);color:#fff;font-weight:500;position:sticky;top:0;text-align:left;border:none;margin:0}.ac-list-v2-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ac-list-v2-table th.left{text-align:left}.ac-list-v2-table th.center{text-align:center;vertical-align:middle}.ac-list-v2-table th.right{text-align:right}.ac-list-v2-table th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list-v2-table th:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list-v2-table td{color:var(--font-color, black)}.ac-list-v2-table td.left{text-align:left}.ac-list-v2-table td.center{text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;height:28px;padding:0}.ac-list-v2-table td.right{text-align:right}.ac-list-v2-table td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list-v2-table td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list-v2-table td *{color:inherit}.ac-list-v2-table tbody tr:nth-child(2n){background-color:var(--list-item-even-background-color, #e1e1e1)}.ac-list-v2-table tbody tr:nth-child(odd){background-color:var(--background-color, #f5f5f5)}.ac-list-v2-table tbody tr:hover{background-color:var(--list-item-hover-background-color, #cacaca)}.ac-list-v2-table tbody tr:focus{background-color:var(--list-item-focus-background-color, rgba(7, 71, 166, .3137254902))}\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: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }] });
|
|
1487
|
+
}
|
|
1488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcListV2, decorators: [{
|
|
1489
|
+
type: Component,
|
|
1490
|
+
args: [{ selector: 'ac-list-v2', standalone: true, imports: [CommonModule, ScrollingModule], template: "<div class=\"ac-list-v2-container\">\n <table class=\"ac-list-v2-table\">\n <thead>\n <tr>\n <th *ngFor=\"let col of columnsArr\"\n [style.text-align]=\"col.alignColumn\"\n [class.left]=\"col.alignColumn === 'left'\"\n [class.center]=\"col.alignColumn === 'center'\"\n [class.right]=\"col.alignColumn === 'right'\"\n (click)=\"onSort(col)\"\n [class.sortable]=\"col.sortable\">\n {{ col.label || col.name }}\n <span *ngIf=\"col.sortable\">\n <ng-container [ngSwitch]=\"sortColumn === col.name ? sortDirection : 'NONE'\">\n <span *ngSwitchCase=\"'ASC'\">\u25B2</span>\n <span *ngSwitchCase=\"'DESC'\">\u25BC</span>\n <span *ngSwitchDefault>\u21C5</span>\n </ng-container>\n </span>\n </th>\n </tr>\n </thead>\n </table>\n\n <ng-template #cellTemplate let-row=\"row\" let-idxRow=\"idxRow\">\n <ng-container *ngFor=\"let col of columnsArr; let idxCol = index\">\n <td [style.text-align]=\"col.alignRow\"\n [class.left]=\"col.alignRow === 'left'\"\n [class.center]=\"col.alignRow === 'center'\"\n [class.right]=\"col.alignRow === 'right'\">\n <ng-container *ngIf=\"col.contentTpl; else defaultCell\">\n <ng-container *ngTemplateOutlet=\"col.contentTpl; context: { $implicit: row, row: row, idxRow: idxRow, column: col.name, idxCol: idxCol }\"></ng-container>\n </ng-container>\n <ng-template #defaultCell>\n {{ row[col.name] }}\n </ng-template>\n </td>\n </ng-container>\n </ng-template>\n\n <div *ngIf=\"!shouldUseVirtualScroll\" class=\"ac-list-v2-body-container\">\n <table class=\"ac-list-v2-table\">\n <tbody>\n <tr *ngFor=\"let row of getSortedList(); let idxRow = index\">\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: {row: row, idxRow: idxRow}\"></ng-container>\n </tr>\n </tbody>\n </table>\n </div>\n\n <div *ngIf=\"shouldUseVirtualScroll\" class=\"ac-list-v2-body-container-virtual-scroll\">\n <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" class=\"ac-list-v2-viewport\">\n <table class=\"ac-list-v2-table ac-list-v2-body\">\n <tbody>\n <tr *cdkVirtualFor=\"let row of getSortedList(); let idxRow = index\">\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: {row: row, idxRow: idxRow}\"></ng-container>\n </tr>\n </tbody>\n </table>\n </cdk-virtual-scroll-viewport>\n </div>\n</div>\n", styles: [".ac-list-v2-container{border-radius:5px;overflow:hidden;width:100%}.ac-list-v2-body-container{position:relative;width:100%}.ac-list-v2-body-container-virtual-scroll{position:relative}.ac-list-v2-viewport{height:400px;width:100%}.ac-list-v2-body thead{display:none}.ac-list-v2-table{width:100%;border-collapse:collapse;border-spacing:0;font-family:inherit;table-layout:fixed}.ac-list-v2-table thead tr{background-color:var(--primary-color, #0747a6)}.ac-list-v2-table th,.ac-list-v2-table td{padding:4px 14px;border:none;font-weight:400;background:none;white-space:nowrap;vertical-align:middle;box-sizing:border-box;margin:0}.ac-list-v2-table tr{height:25px}.ac-list-v2-table th{background-color:var(--primary-color, #0747a6);color:#fff;font-weight:500;position:sticky;top:0;text-align:left;border:none;margin:0}.ac-list-v2-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ac-list-v2-table th.left{text-align:left}.ac-list-v2-table th.center{text-align:center;vertical-align:middle}.ac-list-v2-table th.right{text-align:right}.ac-list-v2-table th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list-v2-table th:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list-v2-table td{color:var(--font-color, black)}.ac-list-v2-table td.left{text-align:left}.ac-list-v2-table td.center{text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;height:28px;padding:0}.ac-list-v2-table td.right{text-align:right}.ac-list-v2-table td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ac-list-v2-table td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.ac-list-v2-table td *{color:inherit}.ac-list-v2-table tbody tr:nth-child(2n){background-color:var(--list-item-even-background-color, #e1e1e1)}.ac-list-v2-table tbody tr:nth-child(odd){background-color:var(--background-color, #f5f5f5)}.ac-list-v2-table tbody tr:hover{background-color:var(--list-item-hover-background-color, #cacaca)}.ac-list-v2-table tbody tr:focus{background-color:var(--list-item-focus-background-color, rgba(7, 71, 166, .3137254902))}\n"] }]
|
|
1491
|
+
}], propDecorators: { list: [{
|
|
1492
|
+
type: Input
|
|
1493
|
+
}], itemSize: [{
|
|
1494
|
+
type: Input
|
|
1495
|
+
}], columns: [{
|
|
1496
|
+
type: ContentChildren,
|
|
1497
|
+
args: [AcListV2Column]
|
|
1498
|
+
}] } });
|
|
1499
|
+
|
|
1373
1500
|
class ComponentsModule {
|
|
1374
1501
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1375
1502
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
@@ -1393,7 +1520,11 @@ class ComponentsModule {
|
|
|
1393
1520
|
AcNotification,
|
|
1394
1521
|
AcProgressBar,
|
|
1395
1522
|
AcSideMenu,
|
|
1396
|
-
AcList
|
|
1523
|
+
AcList,
|
|
1524
|
+
AcListV2,
|
|
1525
|
+
AcListV2Column,
|
|
1526
|
+
AcListV2Content,
|
|
1527
|
+
ScrollingModule], exports: [AcButton,
|
|
1397
1528
|
AcSwitch,
|
|
1398
1529
|
AcCheckBox,
|
|
1399
1530
|
AcInputPassword,
|
|
@@ -1413,7 +1544,10 @@ class ComponentsModule {
|
|
|
1413
1544
|
AcNotification,
|
|
1414
1545
|
AcProgressBar,
|
|
1415
1546
|
AcSideMenu,
|
|
1416
|
-
AcList
|
|
1547
|
+
AcList,
|
|
1548
|
+
AcListV2,
|
|
1549
|
+
AcListV2Column,
|
|
1550
|
+
AcListV2Content] });
|
|
1417
1551
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
|
1418
1552
|
AcButton,
|
|
1419
1553
|
AcSwitch,
|
|
@@ -1435,7 +1569,9 @@ class ComponentsModule {
|
|
|
1435
1569
|
AcNotification,
|
|
1436
1570
|
AcProgressBar,
|
|
1437
1571
|
AcSideMenu,
|
|
1438
|
-
AcList
|
|
1572
|
+
AcList,
|
|
1573
|
+
AcListV2,
|
|
1574
|
+
ScrollingModule] });
|
|
1439
1575
|
}
|
|
1440
1576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
1441
1577
|
type: NgModule,
|
|
@@ -1463,7 +1599,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
1463
1599
|
AcNotification,
|
|
1464
1600
|
AcProgressBar,
|
|
1465
1601
|
AcSideMenu,
|
|
1466
|
-
AcList
|
|
1602
|
+
AcList,
|
|
1603
|
+
AcListV2,
|
|
1604
|
+
AcListV2Column,
|
|
1605
|
+
AcListV2Content,
|
|
1606
|
+
ScrollingModule,
|
|
1467
1607
|
],
|
|
1468
1608
|
exports: [
|
|
1469
1609
|
AcButton,
|
|
@@ -1486,7 +1626,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
1486
1626
|
AcNotification,
|
|
1487
1627
|
AcProgressBar,
|
|
1488
1628
|
AcSideMenu,
|
|
1489
|
-
AcList
|
|
1629
|
+
AcList,
|
|
1630
|
+
AcListV2,
|
|
1631
|
+
AcListV2Column,
|
|
1632
|
+
AcListV2Content
|
|
1490
1633
|
]
|
|
1491
1634
|
}]
|
|
1492
1635
|
}] });
|
|
@@ -1501,7 +1644,7 @@ class AcInputMoney extends AcInputMaskNumber {
|
|
|
1501
1644
|
return '';
|
|
1502
1645
|
let strValue = typeof value === 'number' ? value.toString() : value;
|
|
1503
1646
|
if (this.isUserTyping) {
|
|
1504
|
-
return this.rawValue
|
|
1647
|
+
return this.rawValue;
|
|
1505
1648
|
}
|
|
1506
1649
|
if (typeof value === 'number') {
|
|
1507
1650
|
strValue = strValue.replace('.', ',');
|
|
@@ -1522,10 +1665,12 @@ class AcInputMoney extends AcInputMaskNumber {
|
|
|
1522
1665
|
dec = dec.slice(0, this.decimalPlaces);
|
|
1523
1666
|
while (dec.length < this.decimalPlaces)
|
|
1524
1667
|
dec += '0';
|
|
1525
|
-
|
|
1668
|
+
const formattedInt = (int === '0' || int === '') ? '0' : int.replace(/^0+/, '') || '0';
|
|
1669
|
+
return 'R$ ' + formattedInt + ',' + dec;
|
|
1526
1670
|
}
|
|
1527
1671
|
else {
|
|
1528
|
-
|
|
1672
|
+
const formattedInt = (int === '0' || int === '') ? '0' : int.replace(/^0+/, '') || '0';
|
|
1673
|
+
return 'R$ ' + formattedInt;
|
|
1529
1674
|
}
|
|
1530
1675
|
}
|
|
1531
1676
|
onChange(value) {
|
|
@@ -1560,7 +1705,7 @@ class AcInputMoney extends AcInputMaskNumber {
|
|
|
1560
1705
|
}
|
|
1561
1706
|
this.numberInputSubject.next(num);
|
|
1562
1707
|
}
|
|
1563
|
-
|
|
1708
|
+
onBlurInputMoney() {
|
|
1564
1709
|
this.isUserTyping = false;
|
|
1565
1710
|
if (this.rawValue) {
|
|
1566
1711
|
const num = parseFloat(this.rawValue);
|
|
@@ -1569,6 +1714,10 @@ class AcInputMoney extends AcInputMaskNumber {
|
|
|
1569
1714
|
this.emitValue(this.rawValue);
|
|
1570
1715
|
}
|
|
1571
1716
|
}
|
|
1717
|
+
else {
|
|
1718
|
+
this.formattedValue = this.applyMask(0);
|
|
1719
|
+
}
|
|
1720
|
+
this.onBlurFunction();
|
|
1572
1721
|
}
|
|
1573
1722
|
onFocus() {
|
|
1574
1723
|
if (this.formattedValue) {
|
|
@@ -1596,11 +1745,11 @@ class AcInputMoney extends AcInputMaskNumber {
|
|
|
1596
1745
|
});
|
|
1597
1746
|
}
|
|
1598
1747
|
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)=\"
|
|
1748
|
+
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)=\"onBlurInputMoney()\"\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
1749
|
}
|
|
1601
1750
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: AcInputMoney, decorators: [{
|
|
1602
1751
|
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)=\"
|
|
1752
|
+
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)=\"onBlurInputMoney()\"\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
1753
|
}], propDecorators: { decimalPlaces: [{
|
|
1605
1754
|
type: Input
|
|
1606
1755
|
}] } });
|
|
@@ -1613,5 +1762,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
1613
1762
|
* Generated bundle index. Do not edit.
|
|
1614
1763
|
*/
|
|
1615
1764
|
|
|
1616
|
-
export { AcActionLink, AcButton, AcCheckBox, AcInputDate, AcInputDateTime, AcInputDocumentNumber, AcInputFile, AcInputMoney, AcInputNumber, AcInputPassword, AcInputPercentage, AcInputPhoneNumber, AcInputText, AcInputTime, AcList, AcNotification, AcPagination, AcProgressBar, AcSelect, AcSideMenu, AcSwitch, ComponentsModule };
|
|
1765
|
+
export { AcActionLink, AcButton, AcCheckBox, AcInputDate, AcInputDateTime, AcInputDocumentNumber, AcInputFile, AcInputMoney, AcInputNumber, AcInputPassword, AcInputPercentage, AcInputPhoneNumber, AcInputText, AcInputTime, AcList, AcListV2, AcListV2Column, AcListV2Content, AcNotification, AcPagination, AcProgressBar, AcSelect, AcSideMenu, AcSwitch, ComponentsModule };
|
|
1617
1766
|
//# sourceMappingURL=sgcloud-sgsistemas-angular-components.mjs.map
|