@acorex/components 16.18.26 → 16.18.28
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/form-group/form-group.component.mjs +20 -11
- package/esm2022/lib/property-editor/editors/textarea-editor/textarea.editor.mjs +1 -1
- package/esm2022/lib/selectbox/selectbox.component.mjs +2 -2
- package/esm2022/lib/tab-strip/tab-strip.component.mjs +9 -6
- package/esm2022/lib/textarea/textarea.component.mjs +18 -5
- package/esm2022/lib/textbox/textbox.component.mjs +9 -5
- package/fesm2022/acorex-components.mjs +50 -21
- package/fesm2022/acorex-components.mjs.map +1 -1
- package/lib/form-group/form-group.component.d.ts +0 -1
- package/lib/selectbox/selectbox.component.d.ts +1 -1
- package/lib/tab-strip/tab-strip.component.d.ts +2 -1
- package/lib/textarea/textarea.component.d.ts +7 -2
- package/package.json +1 -1
|
@@ -1,31 +1,44 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input, } from '@angular/core';
|
|
1
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input, EventEmitter, Output, } from '@angular/core';
|
|
2
2
|
import { AXBaseTextComponent, AXValidatableComponent, } from '../base/element.class';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class AXTextAreaComponent extends AXBaseTextComponent {
|
|
6
6
|
cdr;
|
|
7
|
+
componentName = 'textArea';
|
|
7
8
|
constructor(cdr, ref) {
|
|
8
9
|
super(cdr, ref);
|
|
9
10
|
this.cdr = cdr;
|
|
10
11
|
}
|
|
11
12
|
rows = 0;
|
|
12
13
|
cols = 0;
|
|
14
|
+
onBlur = new EventEmitter();
|
|
15
|
+
onFocus = new EventEmitter();
|
|
13
16
|
maxLength = null;
|
|
17
|
+
focusHandler(e) {
|
|
18
|
+
this.onFocus.emit(e);
|
|
19
|
+
}
|
|
20
|
+
blurHandler(e) {
|
|
21
|
+
this.onBlur.emit(e);
|
|
22
|
+
}
|
|
14
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, outputs: { onBlur: "onBlur", onFocus: "onFocus" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
16
25
|
{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
|
|
17
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n (focus)=\"focusHandler($event)\"\n (blur)=\"blurHandler($event)\"\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
27
|
}
|
|
19
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, decorators: [{
|
|
20
29
|
type: Component,
|
|
21
30
|
args: [{ selector: 'ax-text-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
22
31
|
{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
|
|
23
|
-
], template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n" }]
|
|
32
|
+
], template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n (focus)=\"focusHandler($event)\"\n (blur)=\"blurHandler($event)\"\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n" }]
|
|
24
33
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { rows: [{
|
|
25
34
|
type: Input
|
|
26
35
|
}], cols: [{
|
|
27
36
|
type: Input
|
|
37
|
+
}], onBlur: [{
|
|
38
|
+
type: Output
|
|
39
|
+
}], onFocus: [{
|
|
40
|
+
type: Output
|
|
28
41
|
}], maxLength: [{
|
|
29
42
|
type: Input
|
|
30
43
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixzQkFBc0IsR0FDdkIsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBWS9CLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxtQkFBbUI7SUFHcEM7SUFGdEIsYUFBYSxHQUFHLFVBQVUsQ0FBQztJQUUzQixZQUFzQixHQUFzQixFQUFFLEdBQWU7UUFDM0QsS0FBSyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQURJLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRTVDLENBQUM7SUFHRCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBRWpCLElBQUksR0FBVyxDQUFDLENBQUM7SUFFUCxNQUFNLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFFcEQsT0FBTyxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBRy9ELFNBQVMsR0FBVyxJQUFJLENBQUM7SUFFZixZQUFZLENBQUMsQ0FBYTtRQUNsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBQ1MsV0FBVyxDQUFDLENBQWE7UUFDakMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEIsQ0FBQzt1R0F4QlUsbUJBQW1COzJGQUFuQixtQkFBbUIsbU1BSm5CO1lBQ1QsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1NBQ3RFLGlEQ3ZCSCw2MkJBaUNBOzsyRkRSYSxtQkFBbUI7a0JBVi9CLFNBQVM7K0JBQ0UsY0FBYyxpQkFFVCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxhQUNuQjt3QkFDVCxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3FCQUN0RTsrR0FVRCxJQUFJO3NCQURILEtBQUs7Z0JBR04sSUFBSTtzQkFESCxLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTTtnQkFFRyxPQUFPO3NCQUFoQixNQUFNO2dCQUdQLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQmFzZVRleHRDb21wb25lbnQsXG4gIEFYVmFsaWRhdGFibGVDb21wb25lbnQsXG59IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRleHQtYXJlYScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IHN0eWxlOiAnd2lkdGg6IDEwMCUnIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhWYWxpZGF0YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhUZXh0QXJlYUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuICBjb21wb25lbnROYW1lID0gJ3RleHRBcmVhJztcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoY2RyLCByZWYpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcm93czogbnVtYmVyID0gMDtcbiAgQElucHV0KClcbiAgY29sczogbnVtYmVyID0gMDtcblxuICBAT3V0cHV0KCkgb25CbHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoKSBvbkZvY3VzOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBJbnB1dCgpXG4gIG1heExlbmd0aDogbnVtYmVyID0gbnVsbDtcblxuICBwcm90ZWN0ZWQgZm9jdXNIYW5kbGVyKGU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLm9uRm9jdXMuZW1pdChlKTtcbiAgfVxuICBwcm90ZWN0ZWQgYmx1ckhhbmRsZXIoZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMub25CbHVyLmVtaXQoZSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJheCBmb3JtLWl0ZW0ge3sgc2l6ZSB9fVwiXG4gIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFthdHRyLmlkXT1cInVpZFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJheCBpbnB1dCB7eyBzaXplIH19XCJcbiAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICBbY2xhc3MucmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgID5cbiAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAoZm9jdXMpPVwiZm9jdXNIYW5kbGVyKCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJibHVySGFuZGxlcigkZXZlbnQpXCJcbiAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhMZW5ndGhcIlxuICAgICAgICByb3dzPVwie3sgcm93cyB9fVwiXG4gICAgICAgIGNvbHM9XCJ7eyBjb2xzIH19XCJcbiAgICAgICAgI2lucHV0XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgY2xhc3M9XCJheCBpY29uIHt7IHNpemUgfX1cIlxuICAgICAgICBbbmdDbGFzc109XCJzZXRUZXh0QWxpZ24oKVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2Vob2xkZXIgfX1cIlxuICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICB2YWx1ZT1cInt7IHZhbHVlIH19XCJcbiAgICAgID48L3RleHRhcmVhPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImF4IGJ1dHRvbnNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25cIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input } from '@angular/core';
|
|
2
|
-
import { AXBaseTextComponent, AXValidatableComponent } from '../base/element.class';
|
|
1
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input, } from '@angular/core';
|
|
2
|
+
import { AXBaseTextComponent, AXValidatableComponent, } from '../base/element.class';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "../button/button.component";
|
|
@@ -19,11 +19,15 @@ export class AXTextBoxComponent extends AXBaseTextComponent {
|
|
|
19
19
|
this.cdr = cdr;
|
|
20
20
|
}
|
|
21
21
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
23
|
+
{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
|
|
24
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\"> </ng-content>\n <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
25
|
}
|
|
24
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextBoxComponent, decorators: [{
|
|
25
27
|
type: Component,
|
|
26
|
-
args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
28
|
+
args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
29
|
+
{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
|
|
30
|
+
], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\"> </ng-content>\n <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </div>\n</div>" }]
|
|
27
31
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { mask: [{
|
|
28
32
|
type: Input
|
|
29
33
|
}], showMask: [{
|
|
@@ -39,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
|
|
|
39
43
|
}], maskKeepCharPositions: [{
|
|
40
44
|
type: Input
|
|
41
45
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixpQkFBaUIsRUFFakIsVUFBVSxFQUNWLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLHNCQUFzQixHQUN2QixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFZL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLG1CQUFtQjtJQXNCbkM7SUFwQnRCLElBQUksQ0FBTTtJQUdWLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFHakIsSUFBSSxHQUE4RCxNQUFNLENBQUM7SUFHekUsU0FBUyxDQUFTO0lBR2xCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFHMUIsZUFBZSxHQUFXLEdBQUcsQ0FBQztJQUc5QixxQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFFdkMsWUFBc0IsR0FBc0IsRUFBRSxHQUFlO1FBQzNELEtBQUssQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFESSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUU1QyxDQUFDO3VHQXhCVSxrQkFBa0I7MkZBQWxCLGtCQUFrQiwrUUFKbEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUU7U0FDckUsaURDdEJILDZtQ0FrQk07OzJGRE1PLGtCQUFrQjtrQkFWOUIsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLGFBQ25CO3dCQUNULEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsb0JBQW9CLEVBQUU7cUJBQ3JFOytHQUlELElBQUk7c0JBREgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLHFCQUFxQjtzQkFEcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBWEJhc2VUZXh0Q29tcG9uZW50LFxuICBBWFZhbGlkYXRhYmxlQ29tcG9uZW50LFxufSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0Ym94LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgc3R5bGU6ICd3aWR0aDogMTAwJScgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0Qm94Q29tcG9uZW50IH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEJveENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBtYXNrOiBhbnk7XG5cbiAgQElucHV0KClcbiAgc2hvd01hc2sgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICB0eXBlOiAndGV4dCcgfCAnbnVtYmVyJyB8ICd0ZWwnIHwgJ3VybCcgfCAncGFzc3dvcmQnIHwgJ3NlYXJjaCcgPSAndGV4dCc7XG5cbiAgQElucHV0KClcbiAgbWF4TGVuZ3RoOiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgbWFza0d1aWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBtYXNrUGxhY2Vob2xkZXI6IHN0cmluZyA9ICdfJztcblxuICBASW5wdXQoKVxuICBtYXNrS2VlcENoYXJQb3NpdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoY2RyLCByZWYpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXggZm9ybS1pdGVtXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIuaWRdPVwidWlkXCIgI2ZjPlxuICA8ZGl2IGNsYXNzPVwiYXggaXRlbXMtd3JhcHBlclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdGFydF1cIj4gPC9uZy1jb250ZW50PlxuICAgIDxpIGNsYXNzPVwiZm9ybS1pdGVtLWljb24ge3sgaWNvbiB9fVwiICpuZ0lmPVwiaWNvblwiPjwvaT5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgI2NvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cImF4IGZvcm0tY29udHJvbCBpbnB1dCB7eyBzaXplIH19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgIFtjbGFzcy5pY29uXT1cImljb25cIj5cbiAgICAgIDxpbnB1dCAjaW5wdXQgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGVcIiBbbmFtZV09XCJuYW1lXCIgY2xhc3M9XCJheCB7eyBzaXplIH19XCIgW2F0dHIudHlwZV09XCJ0eXBlXCJcbiAgICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heExlbmd0aFwiIFttYXNrXT1cIm1hc2tcIiBbc2hvd01hc2tUeXBlZF09XCJzaG93TWFza1wiIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCIgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW25nQ2xhc3NdPVwic2V0VGV4dEFsaWduKClcIlxuICAgICAgICBbY2xhc3MuY2xlYXJdPVwidmFsdWUgJiYgYWxsb3dDbGVhclwiIChmb2N1cyk9XCJoYW5kbGVJbnB1dEZvY3VzKCRldmVudClcIiAoYmx1cik9XCJoYW5kbGVJbnB1dEJsdXIoJGV2ZW50KVwiIC8+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXggaXRlbXMtd3JhcHBlclwiPlxuICAgIDxheC1idXR0b24gKm5nSWY9XCJ2YWx1ZSAmJiBhbGxvd0NsZWFyXCIgaWNvbj1cImZhciBmYS10aW1lc1wiIHR5cGU9XCJkYW5nZXIgYmxhbmtcIiAoY2xpY2spPVwiY2xlYXIoKVwiPjwvYXgtYnV0dG9uPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltlbmRdXCI+IDwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, Component, Inject, Optional, Input, Injectable, EventEmitter, Output, Directive, ViewChild, ContentChild, TemplateRef, ViewEncapsulation, HostListener, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, ViewChildren, inject, ChangeDetectorRef, model,
|
|
2
|
+
import { ElementRef, Component, Inject, Optional, Input, Injectable, EventEmitter, Output, Directive, ViewChild, ContentChild, TemplateRef, ViewEncapsulation, HostListener, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, ViewChildren, inject, ChangeDetectorRef, model, afterNextRender, input, contentChildren, NO_ERRORS_SCHEMA, ViewContainerRef, HostBinding } from '@angular/core';
|
|
3
3
|
import * as i1$2 from '@acorex/core';
|
|
4
4
|
import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule, AXObjectUtil, AXScrollModule, setPropByPath, AXColorUtil } from '@acorex/core';
|
|
5
5
|
import * as i1 from '@angular/cdk/overlay';
|
|
@@ -4014,11 +4014,15 @@ class AXTextBoxComponent extends AXBaseTextComponent {
|
|
|
4014
4014
|
this.cdr = cdr;
|
|
4015
4015
|
}
|
|
4016
4016
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
4017
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
4018
|
+
{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
|
|
4019
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\"> </ng-content>\n <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4018
4020
|
}
|
|
4019
4021
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextBoxComponent, decorators: [{
|
|
4020
4022
|
type: Component,
|
|
4021
|
-
args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
4023
|
+
args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
4024
|
+
{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
|
|
4025
|
+
], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\"> </ng-content>\n <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </div>\n</div>" }]
|
|
4022
4026
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { mask: [{
|
|
4023
4027
|
type: Input
|
|
4024
4028
|
}], showMask: [{
|
|
@@ -6181,19 +6185,20 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6181
6185
|
component;
|
|
6182
6186
|
required = AXConfig.get('form')?.required || false;
|
|
6183
6187
|
labelMode = model(AXConfig.get('form')?.labelMode || 'static');
|
|
6184
|
-
isFloatActive = signal(false);
|
|
6185
6188
|
#nextRender = afterNextRender(() => {
|
|
6186
|
-
this.required = this.component?.validation?.rules?.some((c) => c.type === 'required');
|
|
6189
|
+
this.required = this.component?.validation?.rules?.some((c) => c.type === 'required' && c.enabled);
|
|
6187
6190
|
this.div.nativeElement.classList.add(this.size);
|
|
6188
6191
|
if (this.required) {
|
|
6189
6192
|
this.div.nativeElement.classList.add('required-state');
|
|
6190
6193
|
}
|
|
6191
|
-
if (this.
|
|
6192
|
-
|
|
6193
|
-
|
|
6194
|
+
if (this.labelMode() === 'static' || this.labelMode() === 'over')
|
|
6195
|
+
return;
|
|
6196
|
+
const convertTypeComponent = this.component;
|
|
6197
|
+
if (convertTypeComponent.value ||
|
|
6198
|
+
convertTypeComponent.selectedItems?.length > 0) {
|
|
6194
6199
|
this.labelMode.set('over');
|
|
6195
6200
|
}
|
|
6196
|
-
if (
|
|
6201
|
+
if (convertTypeComponent.componentName === 'selectBox') {
|
|
6197
6202
|
const selectBox = this.component;
|
|
6198
6203
|
selectBox.selectedItemsChange.subscribe((e) => {
|
|
6199
6204
|
if (e.length > 0) {
|
|
@@ -6205,7 +6210,7 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6205
6210
|
});
|
|
6206
6211
|
}
|
|
6207
6212
|
else {
|
|
6208
|
-
|
|
6213
|
+
convertTypeComponent.onValueChanged.subscribe((e) => {
|
|
6209
6214
|
if (e.value) {
|
|
6210
6215
|
this.labelMode.set('over');
|
|
6211
6216
|
}
|
|
@@ -6214,13 +6219,21 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6214
6219
|
}
|
|
6215
6220
|
});
|
|
6216
6221
|
}
|
|
6222
|
+
if (convertTypeComponent.componentName === 'textArea') {
|
|
6223
|
+
const textArea = this.component;
|
|
6224
|
+
textArea.onFocus.subscribe((e) => {
|
|
6225
|
+
if (!e.target.value) {
|
|
6226
|
+
this.labelMode.set('over');
|
|
6227
|
+
}
|
|
6228
|
+
});
|
|
6229
|
+
}
|
|
6217
6230
|
});
|
|
6218
6231
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6219
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div
|
|
6232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div class=\"ax-lable-{{ labelMode() }}\">\n <ng-content select=\"ax-label\"></ng-content>\n </div>\n <div\n #div\n class=\"ax form-item {{ size }}\"\n [ngClass]=\"{ 'required-state': required }\"\n >\n <div class=\"ax buttons start-buttons\" #startButtons>\n <ng-content select=\"ax-button[start]\"></ng-content>\n </div>\n <div\n class=\"content {{ labelMode() === 'over' && 'ax-over-apply' }}\"\n #content\n >\n <ng-content></ng-content>\n </div>\n <div class=\"ax buttons end-buttons\" #endButtons>\n <ng-content select=\"ax-button[end]\"></ng-content>\n <ng-content select=\"ax-button\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:7%}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem}.ax-form-group-container .ax-lable-over .form-group-label,.ax-form-group-container .ax-lable-float .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container .content.ax-over-apply{padding:.8rem 0 0}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6220
6233
|
}
|
|
6221
6234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, decorators: [{
|
|
6222
6235
|
type: Component,
|
|
6223
|
-
args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div
|
|
6236
|
+
args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div class=\"ax-lable-{{ labelMode() }}\">\n <ng-content select=\"ax-label\"></ng-content>\n </div>\n <div\n #div\n class=\"ax form-item {{ size }}\"\n [ngClass]=\"{ 'required-state': required }\"\n >\n <div class=\"ax buttons start-buttons\" #startButtons>\n <ng-content select=\"ax-button[start]\"></ng-content>\n </div>\n <div\n class=\"content {{ labelMode() === 'over' && 'ax-over-apply' }}\"\n #content\n >\n <ng-content></ng-content>\n </div>\n <div class=\"ax buttons end-buttons\" #endButtons>\n <ng-content select=\"ax-button[end]\"></ng-content>\n <ng-content select=\"ax-button\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:7%}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem}.ax-form-group-container .ax-lable-over .form-group-label,.ax-form-group-container .ax-lable-float .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container .content.ax-over-apply{padding:.8rem 0 0}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
|
|
6224
6237
|
}], propDecorators: { size: [{
|
|
6225
6238
|
type: Input
|
|
6226
6239
|
}], div: [{
|
|
@@ -8673,7 +8686,7 @@ class AXSelectBoxComponent extends AXValidatableComponent {
|
|
|
8673
8686
|
cdr;
|
|
8674
8687
|
ref;
|
|
8675
8688
|
zone;
|
|
8676
|
-
|
|
8689
|
+
componentName = 'selectBox';
|
|
8677
8690
|
showDropDownButton = true;
|
|
8678
8691
|
rowTemplate;
|
|
8679
8692
|
rowInputTemplate;
|
|
@@ -13742,27 +13755,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
|
|
|
13742
13755
|
|
|
13743
13756
|
class AXTextAreaComponent extends AXBaseTextComponent {
|
|
13744
13757
|
cdr;
|
|
13758
|
+
componentName = 'textArea';
|
|
13745
13759
|
constructor(cdr, ref) {
|
|
13746
13760
|
super(cdr, ref);
|
|
13747
13761
|
this.cdr = cdr;
|
|
13748
13762
|
}
|
|
13749
13763
|
rows = 0;
|
|
13750
13764
|
cols = 0;
|
|
13765
|
+
onBlur = new EventEmitter();
|
|
13766
|
+
onFocus = new EventEmitter();
|
|
13751
13767
|
maxLength = null;
|
|
13768
|
+
focusHandler(e) {
|
|
13769
|
+
this.onFocus.emit(e);
|
|
13770
|
+
}
|
|
13771
|
+
blurHandler(e) {
|
|
13772
|
+
this.onBlur.emit(e);
|
|
13773
|
+
}
|
|
13752
13774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
13753
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
13775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, outputs: { onBlur: "onBlur", onFocus: "onFocus" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
13754
13776
|
{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
|
|
13755
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13777
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n (focus)=\"focusHandler($event)\"\n (blur)=\"blurHandler($event)\"\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13756
13778
|
}
|
|
13757
13779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, decorators: [{
|
|
13758
13780
|
type: Component,
|
|
13759
13781
|
args: [{ selector: 'ax-text-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
|
|
13760
13782
|
{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
|
|
13761
|
-
], template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n" }]
|
|
13783
|
+
], template: "<div\n class=\"ax form-item {{ size }}\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"uid\"\n>\n <div class=\"content\">\n <div\n class=\"ax input {{ size }}\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\"\n >\n <textarea\n (focus)=\"focusHandler($event)\"\n (blur)=\"blurHandler($event)\"\n [name]=\"name\"\n [attr.maxlength]=\"maxLength\"\n rows=\"{{ rows }}\"\n cols=\"{{ cols }}\"\n #input\n type=\"text\"\n class=\"ax icon {{ size }}\"\n [ngClass]=\"setTextAlign()\"\n placeholder=\"{{ placeholder }}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n value=\"{{ value }}\"\n ></textarea>\n </div>\n </div>\n <div class=\"ax buttons\">\n <ng-content select=\"ax-button\"> </ng-content>\n </div>\n</div>\n" }]
|
|
13762
13784
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { rows: [{
|
|
13763
13785
|
type: Input
|
|
13764
13786
|
}], cols: [{
|
|
13765
13787
|
type: Input
|
|
13788
|
+
}], onBlur: [{
|
|
13789
|
+
type: Output
|
|
13790
|
+
}], onFocus: [{
|
|
13791
|
+
type: Output
|
|
13766
13792
|
}], maxLength: [{
|
|
13767
13793
|
type: Input
|
|
13768
13794
|
}] } });
|
|
@@ -13786,7 +13812,7 @@ class AXTextareaPropertyEditorComponent extends AXProperyEditorComponent {
|
|
|
13786
13812
|
this.onRenderCompleted.emit();
|
|
13787
13813
|
}
|
|
13788
13814
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextareaPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
13789
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextareaPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-text-area (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" \n [readonly]=\"readonly\" \n [allowClear]=\"clearButton\"\n [placeholder]=\"placeholder\"\n [rows]=\"rows\"\n >\n <ax-validation [rules]=\"validation?.rules\">\n </ax-validation>\n</ax-text-area>\n", dependencies: [{ kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["rows", "cols", "maxLength"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
|
|
13815
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextareaPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-text-area (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" \n [readonly]=\"readonly\" \n [allowClear]=\"clearButton\"\n [placeholder]=\"placeholder\"\n [rows]=\"rows\"\n >\n <ax-validation [rules]=\"validation?.rules\">\n </ax-validation>\n</ax-text-area>\n", dependencies: [{ kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["rows", "cols", "maxLength"], outputs: ["onBlur", "onFocus"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
|
|
13790
13816
|
}
|
|
13791
13817
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextareaPropertyEditorComponent, decorators: [{
|
|
13792
13818
|
type: Component,
|
|
@@ -15591,6 +15617,7 @@ class AXTabStripComponent {
|
|
|
15591
15617
|
this.ref = ref;
|
|
15592
15618
|
}
|
|
15593
15619
|
ngOnInit() { }
|
|
15620
|
+
maxWidth;
|
|
15594
15621
|
items = [];
|
|
15595
15622
|
onTabChanged = new EventEmitter();
|
|
15596
15623
|
handleClick(i) {
|
|
@@ -15600,17 +15627,19 @@ class AXTabStripComponent {
|
|
|
15600
15627
|
this.onTabChanged.emit({
|
|
15601
15628
|
component: this,
|
|
15602
15629
|
seledtedTab: i,
|
|
15603
|
-
htmlElement: this.ref.nativeElement
|
|
15630
|
+
htmlElement: this.ref.nativeElement,
|
|
15604
15631
|
});
|
|
15605
15632
|
}
|
|
15606
15633
|
}
|
|
15607
15634
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
15608
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTabStripComponent, selector: "ax-tab-strip", inputs: { items: "items" }, outputs: { onTabChanged: "onTabChanged" }, ngImport: i0, template: "<ul
|
|
15635
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTabStripComponent, selector: "ax-tab-strip", inputs: { maxWidth: "maxWidth", items: "items" }, outputs: { onTabChanged: "onTabChanged" }, ngImport: i0, template: "<ul\n class=\"tab-strip-container\"\n [ngClass]=\"{ 'tab-strip-custom-width': maxWidth }\"\n [style.max-width]=\"maxWidth\"\n>\n <ng-container *ngFor=\"let item of items\">\n <li\n *ngIf=\"!!item.visible || item.visible == undefined\"\n [class.active]=\"item.active\"\n [class.disabled]=\"item.disable\"\n (click)=\"handleClick(item)\"\n >\n {{ item.text }}\n </li>\n </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15609
15636
|
}
|
|
15610
15637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabStripComponent, decorators: [{
|
|
15611
15638
|
type: Component,
|
|
15612
|
-
args: [{ selector: 'ax-tab-strip', template: "<ul
|
|
15613
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: {
|
|
15639
|
+
args: [{ selector: 'ax-tab-strip', template: "<ul\n class=\"tab-strip-container\"\n [ngClass]=\"{ 'tab-strip-custom-width': maxWidth }\"\n [style.max-width]=\"maxWidth\"\n>\n <ng-container *ngFor=\"let item of items\">\n <li\n *ngIf=\"!!item.visible || item.visible == undefined\"\n [class.active]=\"item.active\"\n [class.disabled]=\"item.disable\"\n (click)=\"handleClick(item)\"\n >\n {{ item.text }}\n </li>\n </ng-container>\n</ul>\n" }]
|
|
15640
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { maxWidth: [{
|
|
15641
|
+
type: Input
|
|
15642
|
+
}], items: [{
|
|
15614
15643
|
type: Input
|
|
15615
15644
|
}], onTabChanged: [{
|
|
15616
15645
|
type: Output
|