@acorex/components 5.0.48 → 5.0.51
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.
- package/esm2020/lib/avatar/avatar.component.mjs +2 -2
- package/esm2020/lib/base/mixin/base-components.class.mjs +1 -3
- package/esm2020/lib/base/mixin/color-look-mixing.class.mjs +1 -1
- package/esm2020/lib/base/mixin/mixin.class.mjs +3 -2
- package/esm2020/lib/base/mixin/value-mixin.class.mjs +1 -1
- package/esm2020/lib/base/overlay.service.mjs +2 -2
- package/esm2020/lib/calendar/calendar.class.mjs +19 -2
- package/esm2020/lib/calendar/calendar.component.mjs +25 -24
- package/esm2020/lib/datepicker/datepicker.component.mjs +8 -6
- package/esm2020/lib/decorators/content.component.mjs +1 -1
- package/esm2020/lib/dialog/dialog.service.mjs +2 -2
- package/esm2020/lib/label/label.component.mjs +8 -5
- package/esm2020/lib/password-box/password-box.component.mjs +4 -10
- package/esm2020/lib/progress-bar/progress-bar.component.mjs +11 -12
- package/esm2020/lib/selection-list/selection-list.component.mjs +3 -4
- package/esm2020/lib/tabs/tab-item.component.mjs +45 -28
- package/esm2020/lib/tabs/tabs.class.mjs +1 -1
- package/esm2020/lib/tabs/tabs.component.mjs +25 -12
- package/fesm2015/acorex-components.mjs +135 -95
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +135 -95
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/alert/alert.component.d.ts +0 -2
- package/lib/avatar/avatar.component.d.ts +1 -1
- package/lib/badge/badge.component.d.ts +0 -2
- package/lib/base/mixin/base-components.class.d.ts +0 -4
- package/lib/base/mixin/button-mixin.class.d.ts +1 -5
- package/lib/base/mixin/clickable-mixin.class.d.ts +0 -2
- package/lib/base/mixin/color-look-mixing.class.d.ts +0 -2
- package/lib/base/mixin/datalist-component.class.d.ts +0 -2
- package/lib/base/mixin/dropdown-mixin.class.d.ts +0 -2
- package/lib/base/mixin/interactive-mixin.class.d.ts +1 -5
- package/lib/base/mixin/loading-mixin.class.d.ts +0 -2
- package/lib/base/mixin/mixin.class.d.ts +32 -66
- package/lib/base/mixin/selection-component.class.d.ts +0 -2
- package/lib/base/mixin/sizable-mixin.class.d.ts +0 -2
- package/lib/base/mixin/textbox-mixin.class.d.ts +4 -3
- package/lib/base/mixin/value-mixin.class.d.ts +1 -5
- package/lib/button/button-item.component.d.ts +0 -4
- package/lib/calendar/calendar.class.d.ts +4 -0
- package/lib/calendar/calendar.component.d.ts +4 -4
- package/lib/datepicker/datepicker.component.d.ts +2 -39
- package/lib/label/label.component.d.ts +2 -1
- package/lib/password-box/password-box.component.d.ts +0 -1
- package/lib/progress-bar/progress-bar.component.d.ts +2 -4
- package/lib/selection-list/selection-list.component.d.ts +1 -1
- package/lib/tabs/tab-item.component.d.ts +37 -6
- package/lib/tabs/tabs.class.d.ts +2 -2
- package/lib/tabs/tabs.component.d.ts +6 -3
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
|
|
1
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
2
|
import { AXBaseComponentMixin } from '../base';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
4
5
|
export class AXLabelComponent extends AXBaseComponentMixin {
|
|
5
6
|
constructor(elementRef, cdr) {
|
|
6
7
|
super(elementRef, cdr);
|
|
@@ -14,9 +15,11 @@ export class AXLabelComponent extends AXBaseComponentMixin {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
AXLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
AXLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXLabelComponent, selector: "ax-label", usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"target\">\r\n <ng-content></ng-content>\r\n</label>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
|
+
AXLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXLabelComponent, selector: "ax-label", inputs: { class: "class" }, usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"target\" [ngClass]=\"class\">\r\n <ng-content></ng-content>\r\n</label>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXLabelComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ax-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<label [attr.for]=\"target\">\r\n <ng-content></ng-content>\r\n</label>" }]
|
|
21
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }
|
|
22
|
-
|
|
21
|
+
args: [{ selector: 'ax-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<label [attr.for]=\"target\" [ngClass]=\"class\">\r\n <ng-content></ng-content>\r\n</label>" }]
|
|
22
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQThDLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQVEvQyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsb0JBQW9CO0lBSXhELFlBQVksVUFBc0IsRUFBRSxHQUFzQjtRQUN4RCxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFJRCxJQUFXLE1BQU07UUFDZixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQVcsTUFBTSxDQUFDLENBQVU7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs2R0FoQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsbUdDVDdCLGdHQUVROzJGRE9LLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLG1CQUVILHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7aUlBSTVCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBFbGVtZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudE1peGluIH0gZnJvbSAnLi4vYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWxhYmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYTGFiZWxDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcblxyXG4gIEBJbnB1dCgpIGNsYXNzO1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgXHJcbiAgcHJpdmF0ZSBfdGFyZ2V0IDogc3RyaW5nO1xyXG4gIHB1YmxpYyBnZXQgdGFyZ2V0KCkgOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX3RhcmdldDtcclxuICB9XHJcbiAgcHVibGljIHNldCB0YXJnZXQodiA6IHN0cmluZykge1xyXG4gICAgdGhpcy5fdGFyZ2V0ID0gdjtcclxuICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcbiAgXHJcblxyXG59XHJcbiIsIjxsYWJlbCBbYXR0ci5mb3JdPVwidGFyZ2V0XCIgW25nQ2xhc3NdPVwiY2xhc3NcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9sYWJlbD4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
|
|
3
3
|
import { TEXTBOX_INPUTS, TEXTBOX_OUTPUT, } from '../base/mixin/textbox-mixin.class';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -24,9 +24,6 @@ export class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
|
|
|
24
24
|
*/
|
|
25
25
|
this.showToggleButton = true;
|
|
26
26
|
}
|
|
27
|
-
get hostClass() {
|
|
28
|
-
return `${this.cssClass} ax-${this.size}`;
|
|
29
|
-
}
|
|
30
27
|
toggleType() {
|
|
31
28
|
if (this._type === 'password') {
|
|
32
29
|
this._type = 'text';
|
|
@@ -39,7 +36,7 @@ export class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
|
|
|
39
36
|
}
|
|
40
37
|
}
|
|
41
38
|
AXPasswordBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXPasswordBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
AXPasswordBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXPasswordBoxComponent, selector: "ax-password-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", cssClass: "cssClass", size: "size", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", debounceTime: "debounceTime", type: "type", value: "value", name: "name", checked: "checked", showToggleButton: "showToggleButton" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: {
|
|
39
|
+
AXPasswordBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXPasswordBoxComponent, selector: "ax-password-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", cssClass: "cssClass", size: "size", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", debounceTime: "debounceTime", type: "type", value: "value", name: "name", checked: "checked", showToggleButton: "showToggleButton" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { classAttribute: "ax-password-box ax-editor-container" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input class=\"ax-input\" [attr.name]=\"name\" [type]=\"_type\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\">\r\n\r\n<ng-content select=\"ax-suffix\">\r\n\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-input-mask\">\r\n</ng-content>\r\n<ax-button color=\"light\" look=\"blank\" [size]=\"size\" (onClick)=\"toggleType()\" [tabIndex]=\"-1\" *ngIf=\"showToggleButton\">\r\n <ax-icon [icon]=\"_icon\"></ax-icon>\r\n</ax-button>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "color", "look", "text", "submitBehavior", "cancelBehavior", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i2.AXIconComponent, selector: "ax-icon", inputs: ["icon"] }], directives: [{ type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXPasswordBoxComponent, decorators: [{
|
|
44
41
|
type: Component,
|
|
45
42
|
args: [{ selector: 'ax-password-box', inputs: [
|
|
@@ -56,10 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
56
53
|
'onFocus',
|
|
57
54
|
...TEXTBOX_OUTPUT,
|
|
58
55
|
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ax-password-box ax-editor-container' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input class=\"ax-input\" [attr.name]=\"name\" [type]=\"_type\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\">\r\n\r\n<ng-content select=\"ax-suffix\">\r\n\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-input-mask\">\r\n</ng-content>\r\n<ax-button color=\"light\" look=\"blank\" [size]=\"size\" (onClick)=\"toggleType()\" [tabIndex]=\"-1\" *ngIf=\"showToggleButton\">\r\n <ax-icon [icon]=\"_icon\"></ax-icon>\r\n</ax-button>" }]
|
|
59
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: {
|
|
60
|
-
type: HostBinding,
|
|
61
|
-
args: ['class']
|
|
62
|
-
}], showToggleButton: [{
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showToggleButton: [{
|
|
63
57
|
type: Input
|
|
64
58
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvcGFzc3dvcmQtYm94L3Bhc3N3b3JkLWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3Bhc3N3b3JkLWJveC9wYXNzd29yZC1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBSVQsS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQ0gsY0FBYyxFQUNkLGNBQWMsR0FDakIsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7O0FBRTNDOzs7O0dBSUc7QUF1QkgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGtCQUFrQjtJQVUxRDs7TUFFRTtJQUNGLFlBQVksVUFBc0IsRUFBRSxHQUFzQjtRQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBWjNCLFVBQUssR0FBd0IsVUFBVSxDQUFDO1FBQ3hDLFVBQUssR0FBa0MsV0FBVyxDQUFDO1FBRW5EOztjQUVNO1FBQ0cscUJBQWdCLEdBQVksSUFBSSxDQUFDO0lBTzFDLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFVBQVUsRUFBRTtZQUMzQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztZQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLGVBQWUsQ0FBQztTQUNoQzthQUFNO1lBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7U0FDNUI7SUFDTCxDQUFDOzttSEF6QlEsc0JBQXNCO3VHQUF0QixzQkFBc0Isa2tCQzNDbkMscTFCQWNZOzJGRDZCQyxzQkFBc0I7a0JBdEJsQyxTQUFTOytCQUNJLGlCQUFpQixVQUVuQjt3QkFDSixVQUFVO3dCQUNWLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixVQUFVO3dCQUNWLE1BQU07d0JBQ04sR0FBRyxjQUFjO3FCQUNwQixXQUNRO3dCQUNMLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsR0FBRyxjQUFjO3FCQUNwQixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLHFDQUFxQyxFQUFFO2lJQVU3QyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIENvbXBvbmVudCxcclxuICAgIENvbnRlbnRDaGlsZCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBIb3N0QmluZGluZyxcclxuICAgIElucHV0LFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZVRleHRCb3hNaXhpbiB9IGZyb20gJy4uL2Jhc2UvbWl4aW4vbWl4aW4uY2xhc3MnO1xyXG5pbXBvcnQge1xyXG4gICAgVEVYVEJPWF9JTlBVVFMsXHJcbiAgICBURVhUQk9YX09VVFBVVCxcclxufSBmcm9tICcuLi9iYXNlL21peGluL3RleHRib3gtbWl4aW4uY2xhc3MnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBUZXh0Ym94IGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XHJcbiAqXHJcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtcGFzc3dvcmQtYm94JyxcclxuICAgIHRlbXBsYXRlVXJsOiAncGFzc3dvcmQtYm94LmNvbXBvbmVudC5odG1sJyxcclxuICAgIGlucHV0czogW1xyXG4gICAgICAgICdkaXNhYmxlZCcsXHJcbiAgICAgICAgJ3JlYWRvbmx5JyxcclxuICAgICAgICAndGFiSW5kZXgnLFxyXG4gICAgICAgICdjc3NDbGFzcycsXHJcbiAgICAgICAgJ3NpemUnLFxyXG4gICAgICAgIC4uLlRFWFRCT1hfSU5QVVRTLFxyXG4gICAgXSxcclxuICAgIG91dHB1dHM6IFtcclxuICAgICAgICAndmFsdWVDaGFuZ2UnLFxyXG4gICAgICAgICdvblZhbHVlQ2hhbmdlZCcsXHJcbiAgICAgICAgJ29uQmx1cicsXHJcbiAgICAgICAgJ29uRm9jdXMnLFxyXG4gICAgICAgIC4uLlRFWFRCT1hfT1VUUFVULFxyXG4gICAgXSxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdheC1wYXNzd29yZC1ib3ggYXgtZWRpdG9yLWNvbnRhaW5lcicgfSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYUGFzc3dvcmRCb3hDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VUZXh0Qm94TWl4aW4ge1xyXG5cclxuICAgIF90eXBlOiAncGFzc3dvcmQnIHwgJ3RleHQnID0gJ3Bhc3N3b3JkJztcclxuICAgIF9pY29uOiAnYXgtaWMtZXllJyB8ICdheC1pYy1leWUtb2ZmJyA9ICdheC1pYy1leWUnO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICAgICogIEEgZmxhZyBmb3Igc2hvd2luZyBvciBoaWRpbmcgcGFzc3dvcmQgYnV0dG9uLlxyXG4gICAgICAgICovXHJcbiAgICBASW5wdXQoKSBzaG93VG9nZ2xlQnV0dG9uOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgICAvKipcclxuICAgICogIEBpZ25vcmVcclxuICAgICovXHJcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICAgIH1cclxuXHJcbiAgICB0b2dnbGVUeXBlKCkge1xyXG4gICAgICAgIGlmICh0aGlzLl90eXBlID09PSAncGFzc3dvcmQnKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3R5cGUgPSAndGV4dCc7XHJcbiAgICAgICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWMtZXllLW9mZic7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5fdHlwZSA9ICdwYXNzd29yZCc7XHJcbiAgICAgICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWMtZXllJztcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+XHJcbjwvbmctY29udGVudD5cclxuPGlucHV0IGNsYXNzPVwiYXgtaW5wdXRcIiBbYXR0ci5uYW1lXT1cIm5hbWVcIiBbdHlwZV09XCJfdHlwZVwiIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW2F0dHIubWF4bGVuZ3RoXT1cIm1heExlbmd0aFwiIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCIgKGZvY3VzKT1cIl9lbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIiAoYmx1cik9XCJfZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIiBbYXR0ci5hdXRvY29tcGxldGVdPVwiYXV0b0NvbXBsZXRlXCI+XHJcblxyXG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj5cclxuXHJcbjwvbmctY29udGVudD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtdmFsaWRhdGlvbi1ydWxlXCI+XHJcbjwvbmctY29udGVudD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaW5wdXQtbWFza1wiPlxyXG48L25nLWNvbnRlbnQ+XHJcbjxheC1idXR0b24gY29sb3I9XCJsaWdodFwiIGxvb2s9XCJibGFua1wiIFtzaXplXT1cInNpemVcIiAob25DbGljayk9XCJ0b2dnbGVUeXBlKClcIiBbdGFiSW5kZXhdPVwiLTFcIiAqbmdJZj1cInNob3dUb2dnbGVCdXR0b25cIj5cclxuICAgIDxheC1pY29uIFtpY29uXT1cIl9pY29uXCI+PC9heC1pY29uPlxyXG48L2F4LWJ1dHRvbj4iXX0=
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import { AXBaseComponentMixin } from '../base';
|
|
3
|
+
import { COLOR_LOOK_INPUTS } from '../base/mixin/color-look-mixing.class';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export class AXProgressBarComponent extends AXBaseComponentMixin {
|
|
5
6
|
constructor() {
|
|
6
7
|
super();
|
|
7
8
|
this.value = 0;
|
|
8
9
|
}
|
|
9
|
-
get max() {
|
|
10
|
-
return this._max;
|
|
11
|
-
}
|
|
12
|
-
set max(v) {
|
|
13
|
-
this._max = v;
|
|
14
|
-
}
|
|
15
10
|
ngOnInit() { }
|
|
11
|
+
get __hostClass() {
|
|
12
|
+
return `ax-${this['color']}-default`;
|
|
13
|
+
}
|
|
16
14
|
}
|
|
17
15
|
AXProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
AXProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { value: "value",
|
|
16
|
+
AXProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", look: "look", value: "value" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-progress-bar-container\">\r\n <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\r\n </div>\r\n</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>" });
|
|
19
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXProgressBarComponent, decorators: [{
|
|
20
18
|
type: Component,
|
|
21
|
-
args: [{ selector: 'ax-progress-bar', template: "<progress [
|
|
19
|
+
args: [{ selector: 'ax-progress-bar', inputs: [...COLOR_LOOK_INPUTS], host: { class: 'ax-progress-bar' }, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-progress-bar-container\">\r\n <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\r\n </div>\r\n</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>" }]
|
|
22
20
|
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
23
21
|
type: Input
|
|
24
|
-
}],
|
|
25
|
-
type:
|
|
22
|
+
}], __hostClass: [{
|
|
23
|
+
type: HostBinding,
|
|
24
|
+
args: ['class']
|
|
26
25
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFRMUUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG9CQUFvQjtJQVE1RDtRQUNJLEtBQUssRUFBRSxDQUFDO1FBSlosVUFBSyxHQUFXLENBQUMsQ0FBQztJQUtsQixDQUFDO0lBRUQsUUFBUSxLQUFXLENBQUM7SUFFcEIsSUFDWSxXQUFXO1FBQ25CLE9BQU8sTUFBTSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztJQUN6QyxDQUFDOzttSEFqQlEsc0JBQXNCO3VHQUF0QixzQkFBc0Isa09DVm5DLHFTQUs0QzsyRkRLL0Isc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLGlCQUFpQixVQUVuQixDQUFDLEdBQUcsaUJBQWlCLENBQUMsUUFDeEIsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUU7MEVBT2xDLEtBQUs7c0JBREosS0FBSztnQkFXTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJy4uL2Jhc2UnO1xyXG5pbXBvcnQgeyBDT0xPUl9MT09LX0lOUFVUUyB9IGZyb20gJy4uL2Jhc2UvbWl4aW4vY29sb3ItbG9vay1taXhpbmcuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LXByb2dyZXNzLWJhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIGlucHV0czogWy4uLkNPTE9SX0xPT0tfSU5QVVRTXSxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdheC1wcm9ncmVzcy1iYXInIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYUHJvZ3Jlc3NCYXJDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcblxyXG5cclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgdmFsdWU6IG51bWJlciA9IDA7XHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICAgIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIGBheC0ke3RoaXNbJ2NvbG9yJ119LWRlZmF1bHRgO1xyXG4gICAgfVxyXG59XHJcbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cclxuPGRpdiBjbGFzcz1cImF4LXByb2dyZXNzLWJhci1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1wcm9ncmVzcy1iYXItcmlzZSBheC1hbmltYXRlLWFuaW1hdGVkIGF4LWFuaW1hdGUtZmVkZUluIGF4LWFuaW1hdGUtZmFzdGVyXCIgW3N0eWxlLndpZHRoLiVdPVwidmFsdWVcIj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PiJdfQ==
|
|
@@ -18,7 +18,7 @@ export class AXSelectionListComponent extends AXBaseSelectionValueMixin {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
AXSelectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXSelectionListComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
AXSelectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", size: "size", value: "value", valueField: "valueField", textField: "textField", multiple: "multiple", items: "items", selectionMode: "selectionMode",
|
|
21
|
+
AXSelectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", size: "size", value: "value", valueField: "valueField", textField: "textField", multiple: "multiple", items: "items", selectionMode: "selectionMode", direction: "direction" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container\" [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-check-box\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-checkbox\" type=\"checkbox\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container\" [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-radio\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div>\r\n\r\n<!-- <div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-check-box [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n \r\n <ax-label> {{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-check-box>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-radio [id]=\"id+'-'+i\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n <ax-label>{{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-radio>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div> -->", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXSelectionListComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'ax-selection-list', inputs: [
|
|
@@ -32,9 +32,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
32
32
|
'multiple',
|
|
33
33
|
'items',
|
|
34
34
|
'selectionMode',
|
|
35
|
-
'
|
|
36
|
-
], outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-check-box\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-checkbox\" type=\"checkbox\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-radio\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div>\r\n\r\n<!-- <div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-check-box [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n \r\n <ax-label> {{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-check-box>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-radio [id]=\"id+'-'+i\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n <ax-label>{{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-radio>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div> -->" }]
|
|
35
|
+
], outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container\" [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-check-box\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-checkbox\" type=\"checkbox\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container\" [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-flex ax-items-center ax-h-5 ax-radio\">\r\n <input [id]=\"id+'-'+i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\" (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n </div>\r\n <div class=\"ax-ms-3 ax-text-sm\">\r\n <label [for]=\"id+'-'+i\" class=\"ax-font-medium ax-text-light-700 dark:ax-text-light-100\"> {{item[textField]}}</label>\r\n <p class=\"ax-text-light-500\"> {{item.hint ? item.hint : item[hintField]}}</p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div>\r\n\r\n<!-- <div class=\"ax-selection-list ax-{{direction}}\">\r\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-checkbox-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-check-box [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n \r\n <ax-label> {{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-check-box>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index\">\r\n <div class=\"ax-flex ax-items-start ax-radio-container ax-mb-2\">\r\n <div class=\"ax-flex ax-items-center ax-h-5\">\r\n <ax-radio [id]=\"id+'-'+i\" [checked]=\"isItemSelected(item)\" [disabled]=\"disabled || item.disabled\" [readonly]=\"readonly || item.readonly\">\r\n <ax-label>{{item[textField]}} | {{isItemSelected(item)}}</ax-label>\r\n <ax-form-hint *ngIf=\"item[hintField]\"> {{item[hintField]}} </ax-form-hint>\r\n </ax-radio>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\">\r\n </ng-content>\r\n</div> -->" }]
|
|
37
36
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { direction: [{
|
|
38
37
|
type: Input
|
|
39
38
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9zZWxlY3Rpb24tbGlzdC9zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3NlbGVjdGlvbi1saXN0L3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUdqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHlCQUF5QixFQUFlLE1BQU0sU0FBUyxDQUFDOzs7QUFxQmpFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSx5QkFBeUI7SUFDckUsWUFBWSxVQUFzQixFQUFFLEdBQXNCO1FBQ3hELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFJekIsY0FBUyxHQUFnQixZQUFZLENBQUM7SUFIdEMsQ0FBQztJQUtELHdCQUF3QixDQUFDLElBQVMsRUFBRSxDQUFRO1FBQzFDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDckI7YUFBTTtZQUNKLENBQUMsQ0FBQyxNQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQy9FO0lBQ0gsQ0FBQzs7cUhBZlUsd0JBQXdCO3lHQUF4Qix3QkFBd0IsNmJDN0JyQyx5N0hBNkRXOzJGRGhDRSx3QkFBd0I7a0JBbkJwQyxTQUFTOytCQUNFLG1CQUFtQixVQUVyQjt3QkFDTixVQUFVO3dCQUNWLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixNQUFNO3dCQUNOLE9BQU87d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFVBQVU7d0JBQ1YsT0FBTzt3QkFDUCxlQUFlO3FCQUNoQixXQUNRLENBQUMsYUFBYSxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxTQUFTLENBQUMsaUJBQ2hELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07aUlBUS9DLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSW5wdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZVNlbGVjdGlvblZhbHVlTWl4aW4sIEFYRGlyZWN0aW9uIH0gZnJvbSAnLi4vYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXNlbGVjdGlvbi1saXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGlucHV0czogW1xyXG4gICAgJ2Rpc2FibGVkJyxcclxuICAgICdyZWFkb25seScsXHJcbiAgICAndGFiSW5kZXgnLFxyXG4gICAgJ3NpemUnLFxyXG4gICAgJ3ZhbHVlJyxcclxuICAgICd2YWx1ZUZpZWxkJyxcclxuICAgICd0ZXh0RmllbGQnLFxyXG4gICAgJ211bHRpcGxlJyxcclxuICAgICdpdGVtcycsXHJcbiAgICAnc2VsZWN0aW9uTW9kZScsXHJcbiAgXSxcclxuICBvdXRwdXRzOiBbJ3ZhbHVlQ2hhbmdlJywgJ29uVmFsdWVDaGFuZ2VkJywgJ29uQmx1cicsICdvbkZvY3VzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYU2VsZWN0aW9uTGlzdENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVNlbGVjdGlvblZhbHVlTWl4aW4ge1xyXG4gIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGRpcmVjdGlvbjogQVhEaXJlY3Rpb24gPSAnaG9yaXpvbnRhbCc7XHJcblxyXG4gIF9oYW5kbGVPbkl0ZW1WYWx1ZUNoYW5nZShpdGVtOiBhbnksIGU6IEV2ZW50KSB7XHJcbiAgICBpZiAodGhpcy5yZWFkb25seSB8fCB0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIChlLnRhcmdldCBhcyBhbnkpLmNoZWNrZWQgPyB0aGlzLnNlbGVjdEl0ZW1zKGl0ZW0pIDogdGhpcy51bnNlbGVjdEl0ZW1zKGl0ZW0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8gX2hhbmRsZU9uQ2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XHJcbiAgLy9cclxuICAvLyAgIGlmICh0aGlzLnJlYWRvbmx5IHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAvLyAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIC8vICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gIC8vICAgfVxyXG4gIC8vIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYXgtc2VsZWN0aW9uLWxpc3QgYXgte3tkaXJlY3Rpb259fVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm11bHRpcGxlOyB0aGVuIGNoZWNrYm94TGlzdDsgZWxzZSByYWRpb0J1dHRvbkxpc3RcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy10ZW1wbGF0ZSAjY2hlY2tib3hMaXN0PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGlzcGxheUl0ZW1zO2xldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtc3RhcnQgYXgtY2hlY2tib3gtY29udGFpbmVyXCIgW2NsYXNzLmF4LXN0YXRlLXNlbGVjdGVkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtaC01IGF4LWNoZWNrLWJveFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCBbaWRdPVwiaWQrJy0nK2lcIiBjbGFzcz1cImF4LWNoZWNrYm94XCIgdHlwZT1cImNoZWNrYm94XCIgKGNoYW5nZSk9XCJfaGFuZGxlT25JdGVtVmFsdWVDaGFuZ2UoaXRlbSwgJGV2ZW50KVwiIFtjaGVja2VkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGl0ZW0uZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwicmVhZG9ubHkgfHwgaXRlbS5yZWFkb25seVwiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtbXMtMyBheC10ZXh0LXNtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIFtmb3JdPVwiaWQrJy0nK2lcIiBjbGFzcz1cImF4LWZvbnQtbWVkaXVtIGF4LXRleHQtbGlnaHQtNzAwIGRhcms6YXgtdGV4dC1saWdodC0xMDBcIj4ge3tpdGVtW3RleHRGaWVsZF19fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJheC10ZXh0LWxpZ2h0LTUwMFwiPiB7e2l0ZW0uaGludCA/IGl0ZW0uaGludCA6IGl0ZW1baGludEZpZWxkXX19PC9wPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy10ZW1wbGF0ZSAjcmFkaW9CdXR0b25MaXN0PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGlzcGxheUl0ZW1zO2xldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtc3RhcnQgYXgtcmFkaW8tY29udGFpbmVyXCIgW2NsYXNzLmF4LXN0YXRlLXNlbGVjdGVkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtaC01IGF4LXJhZGlvXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGlucHV0IFtpZF09XCJpZCsnLScraVwiIGNsYXNzPVwiYXgtcmFkaW9cIiB0eXBlPVwicmFkaW9cIiBbYXR0ci5uYW1lXT1cImlkXCIgKGNoYW5nZSk9XCJfaGFuZGxlT25JdGVtVmFsdWVDaGFuZ2UoaXRlbSwgJGV2ZW50KVwiIFtjaGVja2VkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGl0ZW0uZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwicmVhZG9ubHkgfHwgaXRlbS5yZWFkb25seVwiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtbXMtMyBheC10ZXh0LXNtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIFtmb3JdPVwiaWQrJy0nK2lcIiBjbGFzcz1cImF4LWZvbnQtbWVkaXVtIGF4LXRleHQtbGlnaHQtNzAwIGRhcms6YXgtdGV4dC1saWdodC0xMDBcIj4ge3tpdGVtW3RleHRGaWVsZF19fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJheC10ZXh0LWxpZ2h0LTUwMFwiPiB7e2l0ZW0uaGludCA/IGl0ZW0uaGludCA6IGl0ZW1baGludEZpZWxkXX19PC9wPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXZhbGlkYXRpb24tcnVsZVwiPlxyXG4gICAgPC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuXHJcbjwhLS0gPGRpdiBjbGFzcz1cImF4LXNlbGVjdGlvbi1saXN0IGF4LXt7ZGlyZWN0aW9ufX1cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtdWx0aXBsZTsgdGhlbiBjaGVja2JveExpc3Q7IGVsc2UgcmFkaW9CdXR0b25MaXN0XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctdGVtcGxhdGUgI2NoZWNrYm94TGlzdD5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRpc3BsYXlJdGVtcztsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLXN0YXJ0IGF4LWNoZWNrYm94LWNvbnRhaW5lciBheC1tYi0yXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtaC01XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGF4LWNoZWNrLWJveCBbY2hlY2tlZF09XCJpc0l0ZW1TZWxlY3RlZChpdGVtKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBpdGVtLmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cInJlYWRvbmx5IHx8IGl0ZW0ucmVhZG9ubHlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPGF4LWxhYmVsPiB7e2l0ZW1bdGV4dEZpZWxkXX19IHwgIHt7aXNJdGVtU2VsZWN0ZWQoaXRlbSl9fTwvYXgtbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxheC1mb3JtLWhpbnQgKm5nSWY9XCJpdGVtW2hpbnRGaWVsZF1cIj4ge3tpdGVtW2hpbnRGaWVsZF19fSA8L2F4LWZvcm0taGludD5cclxuICAgICAgICAgICAgICAgICAgICA8L2F4LWNoZWNrLWJveD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8bmctdGVtcGxhdGUgI3JhZGlvQnV0dG9uTGlzdD5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRpc3BsYXlJdGVtcztsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLXN0YXJ0IGF4LXJhZGlvLWNvbnRhaW5lciBheC1tYi0yXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtaC01XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGF4LXJhZGlvIFtpZF09XCJpZCsnLScraVwiIFtjaGVja2VkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGl0ZW0uZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwicmVhZG9ubHkgfHwgaXRlbS5yZWFkb25seVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXgtbGFiZWw+e3tpdGVtW3RleHRGaWVsZF19fSB8ICB7e2lzSXRlbVNlbGVjdGVkKGl0ZW0pfX08L2F4LWxhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXgtZm9ybS1oaW50ICpuZ0lmPVwiaXRlbVtoaW50RmllbGRdXCI+IHt7aXRlbVtoaW50RmllbGRdfX0gPC9heC1mb3JtLWhpbnQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9heC1yYWRpbz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj5cclxuICAgIDwvbmctY29udGVudD5cclxuPC9kaXY+ICAtLT4iXX0=
|
|
@@ -1,43 +1,58 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild, Output, EventEmitter, HostListener, ContentChild, } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { AXBaseComponent } from '../base';
|
|
3
|
+
import { _ClickableComponenetMixin } from '../base/mixin/clickable-mixin.class';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
5
|
-
export
|
|
6
|
+
export const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);
|
|
7
|
+
export class AXTabItemComponent extends AXBaseTabItemMixin {
|
|
6
8
|
constructor(elementRef, cdr) {
|
|
7
9
|
super(elementRef, cdr);
|
|
8
|
-
this.width = false;
|
|
9
10
|
this.activeChange = new EventEmitter();
|
|
10
11
|
this._active = false;
|
|
12
|
+
this.disabledChange = new EventEmitter();
|
|
13
|
+
this._disabled = false;
|
|
11
14
|
}
|
|
12
15
|
get active() {
|
|
13
16
|
return this._active;
|
|
14
17
|
}
|
|
15
|
-
set active(
|
|
16
|
-
this.
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
set active(value) {
|
|
19
|
+
this._setOption({
|
|
20
|
+
name: 'active',
|
|
21
|
+
value
|
|
22
|
+
});
|
|
20
23
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
// }
|
|
29
|
-
__hostClick(e) {
|
|
30
|
-
this.onClick.emit({
|
|
31
|
-
component: this,
|
|
32
|
-
htmlElement: this._getHostElement(),
|
|
33
|
-
nativeEvent: e
|
|
24
|
+
get disabled() {
|
|
25
|
+
return this._disabled;
|
|
26
|
+
}
|
|
27
|
+
set disabled(value) {
|
|
28
|
+
this._setOption({
|
|
29
|
+
name: 'disabled',
|
|
30
|
+
value
|
|
34
31
|
});
|
|
35
32
|
}
|
|
33
|
+
__hostClick(e) {
|
|
34
|
+
if (!this.disabled) {
|
|
35
|
+
this.onClick.emit({
|
|
36
|
+
component: this,
|
|
37
|
+
htmlElement: this._getHostElement(),
|
|
38
|
+
nativeEvent: e
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
_onOptionChanged(option) {
|
|
43
|
+
const classListRef = this._getHostElement().classList;
|
|
44
|
+
if (option.name == 'disabled') {
|
|
45
|
+
option.newValue ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');
|
|
46
|
+
}
|
|
47
|
+
if (option.name == 'active') {
|
|
48
|
+
option.newValue ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');
|
|
49
|
+
}
|
|
50
|
+
}
|
|
36
51
|
}
|
|
37
52
|
AXTabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: AXTabItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text",
|
|
53
|
+
AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text", key: "key", active: "active", disabled: "disabled" }, outputs: { activeChange: "activeChange", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
39
54
|
<ng-container *ngIf="headerTemplate;else header">
|
|
40
|
-
<ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ $implicit: {text,active} }"></ng-container>
|
|
55
|
+
<ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ $implicit: {text,key,active,disabled} }"></ng-container>
|
|
41
56
|
</ng-container>
|
|
42
57
|
<!-- <ng-container *ngIf="headerTemplate;else header">
|
|
43
58
|
<ng-content select="ax-header">
|
|
@@ -59,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
59
74
|
selector: 'ax-tab-item',
|
|
60
75
|
template: `
|
|
61
76
|
<ng-container *ngIf="headerTemplate;else header">
|
|
62
|
-
<ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ $implicit: {text,active} }"></ng-container>
|
|
77
|
+
<ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ $implicit: {text,key,active,disabled} }"></ng-container>
|
|
63
78
|
</ng-container>
|
|
64
79
|
<!-- <ng-container *ngIf="headerTemplate;else header">
|
|
65
80
|
<ng-content select="ax-header">
|
|
@@ -80,9 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
80
95
|
}]
|
|
81
96
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
|
82
97
|
type: Input
|
|
83
|
-
}],
|
|
84
|
-
type: Input
|
|
85
|
-
}], width: [{
|
|
98
|
+
}], key: [{
|
|
86
99
|
type: Input
|
|
87
100
|
}], template: [{
|
|
88
101
|
type: ViewChild,
|
|
@@ -94,8 +107,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
94
107
|
type: Output
|
|
95
108
|
}], active: [{
|
|
96
109
|
type: Input
|
|
110
|
+
}], disabledChange: [{
|
|
111
|
+
type: Output
|
|
112
|
+
}], disabled: [{
|
|
113
|
+
type: Input
|
|
97
114
|
}], __hostClick: [{
|
|
98
115
|
type: HostListener,
|
|
99
116
|
args: ['click', ['$event']]
|
|
100
117
|
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsS0FBSyxFQUNMLFNBQVMsRUFFVCxNQUFNLEVBQ04sWUFBWSxFQUNaLFlBQVksRUFDWixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBNEIsTUFBTSxTQUFTLENBQUM7QUFDcEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQUdoRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyx5QkFBeUIsQ0FBQyxlQUFlLENBQUMsQ0FBQTtBQXlCNUUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGtCQUFrQjtJQUV0RCxZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDdEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQW1CM0IsaUJBQVksR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUUxRCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBY2pDLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUQsY0FBUyxHQUFZLEtBQUssQ0FBQztJQW5DbkMsQ0FBQztJQXFCRCxJQUNXLE1BQU07UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsTUFBTSxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNaLElBQUksRUFBRSxRQUFRO1lBQ2QsS0FBSztTQUNSLENBQUMsQ0FBQztJQUNQLENBQUM7SUFNRCxJQUNXLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQVcsUUFBUSxDQUFDLEtBQWM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNaLElBQUksRUFBRSxVQUFVO1lBQ2hCLEtBQUs7U0FDUixDQUFDLENBQUM7SUFDUCxDQUFDO0lBSU8sV0FBVyxDQUFDLENBQWE7UUFDN0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7Z0JBQ2QsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7Z0JBQ25DLFdBQVcsRUFBRSxDQUFDO2FBQ2pCLENBQUMsQ0FBQTtTQUNMO0lBQ0wsQ0FBQztJQUdELGdCQUFnQixDQUFDLE1BQWdDO1FBQzdDLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7UUFDdEQsSUFBSSxNQUFNLENBQUMsSUFBSSxJQUFJLFVBQVUsRUFBRTtZQUMzQixNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQTtTQUNyRztRQUNELElBQUksTUFBTSxDQUFDLElBQUksSUFBSSxRQUFRLEVBQUU7WUFDekIsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7U0FDakc7SUFDTCxDQUFDOzsrR0F4RVEsa0JBQWtCO21HQUFsQixrQkFBa0IsdWZBckJqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FpQlQ7MkZBSVEsa0JBQWtCO2tCQXZCOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3hDO2lJQVFHLElBQUk7c0JBREgsS0FBSztnQkFLTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFNBQVM7Z0JBS3BCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUt4QyxZQUFZO3NCQURYLE1BQU07Z0JBS0ksTUFBTTtzQkFEaEIsS0FBSztnQkFhTixjQUFjO3NCQURiLE1BQU07Z0JBSUksUUFBUTtzQkFEbEIsS0FBSztnQkFhRSxXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgSW5wdXQsXHJcbiAgICBWaWV3Q2hpbGQsXHJcbiAgICBUZW1wbGF0ZVJlZixcclxuICAgIE91dHB1dCxcclxuICAgIEV2ZW50RW1pdHRlcixcclxuICAgIEhvc3RMaXN0ZW5lcixcclxuICAgIENvbnRlbnRDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWENvbXBvbmVudE9wdGlvbkNoYW5nZWQgfSBmcm9tICcuLi9iYXNlJztcclxuaW1wb3J0IHsgX0NsaWNrYWJsZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gJy4uL2Jhc2UvbWl4aW4vY2xpY2thYmxlLW1peGluLmNsYXNzJztcclxuXHJcblxyXG5leHBvcnQgY29uc3QgQVhCYXNlVGFiSXRlbU1peGluID0gX0NsaWNrYWJsZUNvbXBvbmVuZXRNaXhpbihBWEJhc2VDb21wb25lbnQpXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtdGFiLWl0ZW0nLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaGVhZGVyVGVtcGxhdGU7ZWxzZSBoZWFkZXJcIj5cclxuICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGVyVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IHt0ZXh0LGtleSxhY3RpdmUsZGlzYWJsZWR9IH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKm5nSWY9XCJoZWFkZXJUZW1wbGF0ZTtlbHNlIGhlYWRlclwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgPC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2hlYWRlcj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8c3Bhbj57e3RleHR9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNjb250ZW50PlxyXG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgYCxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVGFiSXRlbUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRhYkl0ZW1NaXhpbiB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHRleHQ6IHN0cmluZztcclxuXHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGtleTogc3RyaW5nO1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnKVxyXG4gICAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG5cclxuICAgIEBDb250ZW50Q2hpbGQoJ2hlYWRlcicsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgICBoZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBhY3RpdmVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgICBwcml2YXRlIF9hY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fYWN0aXZlO1xyXG4gICAgfVxyXG4gICAgcHVibGljIHNldCBhY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLl9zZXRPcHRpb24oe1xyXG4gICAgICAgICAgICBuYW1lOiAnYWN0aXZlJyxcclxuICAgICAgICAgICAgdmFsdWVcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBkaXNhYmxlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gICAgcHJpdmF0ZSBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcclxuICAgIH1cclxuICAgIHB1YmxpYyBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLl9zZXRPcHRpb24oe1xyXG4gICAgICAgICAgICBuYW1lOiAnZGlzYWJsZWQnLFxyXG4gICAgICAgICAgICB2YWx1ZVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgICBwcml2YXRlIF9faG9zdENsaWNrKGU6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xyXG4gICAgICAgICAgICAgICAgY29tcG9uZW50OiB0aGlzLFxyXG4gICAgICAgICAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KCksXHJcbiAgICAgICAgICAgICAgICBuYXRpdmVFdmVudDogZVxyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcblxyXG4gICAgX29uT3B0aW9uQ2hhbmdlZChvcHRpb246IEFYQ29tcG9uZW50T3B0aW9uQ2hhbmdlZCk6IHZvaWQge1xyXG4gICAgICAgIGNvbnN0IGNsYXNzTGlzdFJlZiA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0O1xyXG4gICAgICAgIGlmIChvcHRpb24ubmFtZSA9PSAnZGlzYWJsZWQnKSB7XHJcbiAgICAgICAgICAgIG9wdGlvbi5uZXdWYWx1ZSA/IGNsYXNzTGlzdFJlZi5hZGQoJ2F4LXN0YXRlLWRpc2FibGVkJykgOiBjbGFzc0xpc3RSZWYucmVtb3ZlKCdheC1zdGF0ZS1kaXNhYmxlZCcpXHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChvcHRpb24ubmFtZSA9PSAnYWN0aXZlJykge1xyXG4gICAgICAgICAgICBvcHRpb24ubmV3VmFsdWUgPyBjbGFzc0xpc3RSZWYuYWRkKCdheC1zdGF0ZS1hY3RpdmUnKSA6IGNsYXNzTGlzdFJlZi5yZW1vdmUoJ2F4LXN0YXRlLWFjdGl2ZScpXHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { AXEvent } from "../base";
|
|
2
2
|
export class AXTabStripChangedEvent extends AXEvent {
|
|
3
3
|
}
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvdGFicy90YWJzLmNsYXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFLbEMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLE9BQU87Q0FHbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEV2ZW50IH0gZnJvbSBcIi4uL2Jhc2VcIjtcclxuaW1wb3J0IHsgQVhUYWJJdGVtQ29tcG9uZW50IH0gZnJvbSBcIi4vdGFiLWl0ZW0uY29tcG9uZW50XCI7XHJcblxyXG5cclxuXHJcbmV4cG9ydCBjbGFzcyBBWFRhYlN0cmlwQ2hhbmdlZEV2ZW50IGV4dGVuZHMgQVhFdmVudCB7XHJcbiAgdGFiOiBBWFRhYkl0ZW1Db21wb25lbnQ7XHJcbiAgaW5kZXg6IG51bWJlcjtcclxufSJdfQ==
|
|
@@ -10,6 +10,15 @@ export class AXTabsComponent extends AXBaseComponent {
|
|
|
10
10
|
this._isUserInteraction = false;
|
|
11
11
|
this.onActiveTabChanged = new EventEmitter();
|
|
12
12
|
}
|
|
13
|
+
get items() {
|
|
14
|
+
return this._contentTabs.toArray();
|
|
15
|
+
}
|
|
16
|
+
get selectedIndex() {
|
|
17
|
+
return this.items.findIndex(c => c.active);
|
|
18
|
+
}
|
|
19
|
+
get selectedItem() {
|
|
20
|
+
return this.items.find(c => c.active);
|
|
21
|
+
}
|
|
13
22
|
onRenderCssClass() {
|
|
14
23
|
const classList = Array.from(this._getHostElement().classList);
|
|
15
24
|
if (!classList.some(c => ['ax-vertical', 'ax-horizontal'].includes(c))) {
|
|
@@ -20,28 +29,32 @@ export class AXTabsComponent extends AXBaseComponent {
|
|
|
20
29
|
}
|
|
21
30
|
}
|
|
22
31
|
onViewInit() {
|
|
23
|
-
const selected = this.
|
|
24
|
-
this.
|
|
25
|
-
this.
|
|
32
|
+
const selected = this.items.find(c => c.active) || this.items[0];
|
|
33
|
+
this.select(selected);
|
|
34
|
+
this.items.forEach(c => {
|
|
26
35
|
c.onClick.subscribe(t => {
|
|
27
36
|
this._isUserInteraction = t.nativeEvent?.isTrusted;
|
|
28
|
-
this.
|
|
37
|
+
this.select(c);
|
|
29
38
|
});
|
|
30
39
|
});
|
|
31
40
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
41
|
+
select(tab) {
|
|
42
|
+
let tabItem = typeof tab == 'number' ? this.items[tab] : tab;
|
|
43
|
+
//
|
|
44
|
+
if (!tab || this.selectedItem == tabItem)
|
|
45
|
+
return;
|
|
46
|
+
//
|
|
47
|
+
this.items.forEach(c => c.active = false);
|
|
48
|
+
tabItem.active = true;
|
|
36
49
|
if (this.content) {
|
|
37
|
-
this.content.portal =
|
|
50
|
+
this.content.portal = tabItem.template;
|
|
38
51
|
}
|
|
39
52
|
this._cdr.markForCheck();
|
|
40
53
|
this.onActiveTabChanged.emit({
|
|
41
54
|
component: this,
|
|
42
55
|
isUserInteraction: this._isUserInteraction,
|
|
43
|
-
|
|
44
|
-
|
|
56
|
+
tab: tabItem,
|
|
57
|
+
index: this.selectedIndex
|
|
45
58
|
});
|
|
46
59
|
this._isUserInteraction = false;
|
|
47
60
|
}
|
|
@@ -78,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
78
91
|
}], onActiveTabChanged: [{
|
|
79
92
|
type: Output
|
|
80
93
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3RhYnMvdGFicy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBaUMsZUFBZSxFQUFhLEtBQUssRUFBd0csTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwUixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWMxRCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxlQUFlO0lBZWhELFlBQ0ksVUFBc0IsRUFDdEIsR0FBc0I7UUFFdEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQWIzQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBRzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFjbEIsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBa0I1Qyx1QkFBa0IsR0FBeUMsSUFBSSxZQUFZLEVBQTBCLENBQUM7SUFyQnRHLENBQUM7SUFNRCxJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUdELElBQUksWUFBWTtRQUNaLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQU1ELGdCQUFnQjtRQUNaLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEUsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDekQ7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUMsRUFBRTtZQUNoRCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQzNEO0lBQ0wsQ0FBQztJQUVELFVBQVU7UUFDTixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDbkIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQztnQkFDbkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNuQixDQUFDLENBQUMsQ0FBQTtRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFnQztRQUNuQyxJQUFJLE9BQU8sR0FBdUIsT0FBTyxHQUFHLElBQUksUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDakYsRUFBRTtRQUNGLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxPQUFPO1lBQUUsT0FBTztRQUNqRCxFQUFFO1FBQ0YsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQzFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDMUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsU0FBUyxFQUFFLElBQUk7WUFDZixpQkFBaUIsRUFBRSxJQUFJLENBQUMsa0JBQWtCO1lBQzFDLEdBQUcsRUFBRSxPQUFPO1lBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxhQUFhO1NBQzVCLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQzs7NEdBbEZRLGVBQWU7Z0dBQWYsZUFBZSxpTkFFUCxrQkFBa0Isb0RBWHpCOzs7OztLQUtUOzJGQUlRLGVBQWU7a0JBWDNCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRTs7Ozs7S0FLVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3hDO2lJQUlXLFlBQVk7c0JBRG5CLGVBQWU7dUJBQUMsa0JBQWtCO2dCQUluQyxTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkE2Qk4sa0JBQWtCO3NCQURqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEVsZW1lbnRSZWYsIENoYW5nZURldGVjdG9yUmVmLCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBWaWV3Q2hpbGQsIFRlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmLCBSZW5kZXJlcjIsIENvbXBvbmVudEZhY3RvcnksIEluamVjdCwgSW5qZWN0b3IsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYVGFiU3RyaXBDaGFuZ2VkRXZlbnQgfSBmcm9tICcuL3RhYnMuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlJztcclxuaW1wb3J0IHsgQVhUYWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi90YWItaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWFRhYkNvbnRlbnREaXJlY3RpdmUgfSBmcm9tICcuL3RhYi1jb250ZW50LmRpcmVjdGl2ZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtdGFicycsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1pdGVtcy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXRhYi1pdGVtXCI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFRhYnNDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG5cclxuICAgIEBDb250ZW50Q2hpbGRyZW4oQVhUYWJJdGVtQ29tcG9uZW50KVxyXG4gICAgcHJpdmF0ZSBfY29udGVudFRhYnM6IFF1ZXJ5TGlzdDxBWFRhYkl0ZW1Db21wb25lbnQ+O1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBmaXRQYXJlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbWluV2lkdGg6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbnRlbnQ6IEFYVGFiQ29udGVudERpcmVjdGl2ZTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIHByaXZhdGUgX2lzVXNlckludGVyYWN0aW9uOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG5cclxuICAgIGdldCBpdGVtcygpOiBBWFRhYkl0ZW1Db21wb25lbnRbXSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRlbnRUYWJzLnRvQXJyYXkoKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgc2VsZWN0ZWRJbmRleCgpOiBudW1iZXIge1xyXG4gICAgICAgIHJldHVybiB0aGlzLml0ZW1zLmZpbmRJbmRleChjID0+IGMuYWN0aXZlKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgZ2V0IHNlbGVjdGVkSXRlbSgpOiBBWFRhYkl0ZW1Db21wb25lbnQge1xyXG4gICAgICAgIHJldHVybiB0aGlzLml0ZW1zLmZpbmQoYyA9PiBjLmFjdGl2ZSk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgb25BY3RpdmVUYWJDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhUYWJTdHJpcENoYW5nZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYVGFiU3RyaXBDaGFuZ2VkRXZlbnQ+KCk7XHJcblxyXG4gICAgb25SZW5kZXJDc3NDbGFzcygpIHtcclxuICAgICAgICBjb25zdCBjbGFzc0xpc3QgPSBBcnJheS5mcm9tKHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0KTtcclxuICAgICAgICBpZiAoIWNsYXNzTGlzdC5zb21lKGMgPT4gWydheC12ZXJ0aWNhbCcsICdheC1ob3Jpem9udGFsJ10uaW5jbHVkZXMoYykpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0LmFkZCgnYXgtaG9yaXpvbnRhbCcpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoIWNsYXNzTGlzdC5zb21lKGMgPT4gYy5zdGFydHNXaXRoKCdheC1sb29rLScpKSkge1xyXG4gICAgICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmNsYXNzTGlzdC5hZGQoJ2F4LWxvb2stZGVmYXVsdCcpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvblZpZXdJbml0KCkge1xyXG4gICAgICAgIGNvbnN0IHNlbGVjdGVkID0gdGhpcy5pdGVtcy5maW5kKGMgPT4gYy5hY3RpdmUpIHx8IHRoaXMuaXRlbXNbMF07XHJcbiAgICAgICAgdGhpcy5zZWxlY3Qoc2VsZWN0ZWQpO1xyXG4gICAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaChjID0+IHtcclxuICAgICAgICAgICAgYy5vbkNsaWNrLnN1YnNjcmliZSh0ID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX2lzVXNlckludGVyYWN0aW9uID0gdC5uYXRpdmVFdmVudD8uaXNUcnVzdGVkO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QoYyk7XHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgc2VsZWN0KHRhYjogbnVtYmVyIHwgQVhUYWJJdGVtQ29tcG9uZW50KSB7XHJcbiAgICAgICAgbGV0IHRhYkl0ZW06IEFYVGFiSXRlbUNvbXBvbmVudCA9IHR5cGVvZiB0YWIgPT0gJ251bWJlcicgPyB0aGlzLml0ZW1zW3RhYl0gOiB0YWI7XHJcbiAgICAgICAgLy9cclxuICAgICAgICBpZiAoIXRhYiB8fCB0aGlzLnNlbGVjdGVkSXRlbSA9PSB0YWJJdGVtKSByZXR1cm47XHJcbiAgICAgICAgLy9cclxuICAgICAgICB0aGlzLml0ZW1zLmZvckVhY2goYyA9PiBjLmFjdGl2ZSA9IGZhbHNlKTtcclxuICAgICAgICB0YWJJdGVtLmFjdGl2ZSA9IHRydWU7XHJcbiAgICAgICAgaWYgKHRoaXMuY29udGVudCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRlbnQucG9ydGFsID0gdGFiSXRlbS50ZW1wbGF0ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5fY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgICAgIHRoaXMub25BY3RpdmVUYWJDaGFuZ2VkLmVtaXQoe1xyXG4gICAgICAgICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgICAgICAgIGlzVXNlckludGVyYWN0aW9uOiB0aGlzLl9pc1VzZXJJbnRlcmFjdGlvbixcclxuICAgICAgICAgICAgdGFiOiB0YWJJdGVtLFxyXG4gICAgICAgICAgICBpbmRleDogdGhpcy5zZWxlY3RlZEluZGV4XHJcbiAgICAgICAgfSlcclxuICAgICAgICB0aGlzLl9pc1VzZXJJbnRlcmFjdGlvbiA9IGZhbHNlO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|