@acorex/components 16.18.27 → 16.18.28
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
|
|
1
|
+
import { Component, Input, Output, EventEmitter, ElementRef, } from '@angular/core';
|
|
2
2
|
import { AXBaseEvent } from '../base/events.class';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
@@ -11,6 +11,7 @@ export class AXTabStripComponent {
|
|
|
11
11
|
this.ref = ref;
|
|
12
12
|
}
|
|
13
13
|
ngOnInit() { }
|
|
14
|
+
maxWidth;
|
|
14
15
|
items = [];
|
|
15
16
|
onTabChanged = new EventEmitter();
|
|
16
17
|
handleClick(i) {
|
|
@@ -20,19 +21,21 @@ export class AXTabStripComponent {
|
|
|
20
21
|
this.onTabChanged.emit({
|
|
21
22
|
component: this,
|
|
22
23
|
seledtedTab: i,
|
|
23
|
-
htmlElement: this.ref.nativeElement
|
|
24
|
+
htmlElement: this.ref.nativeElement,
|
|
24
25
|
});
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
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
|
|
29
|
+
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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
30
|
}
|
|
30
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabStripComponent, decorators: [{
|
|
31
32
|
type: Component,
|
|
32
|
-
args: [{ selector: 'ax-tab-strip', template: "<ul
|
|
33
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: {
|
|
33
|
+
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" }]
|
|
34
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { maxWidth: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], items: [{
|
|
34
37
|
type: Input
|
|
35
38
|
}], onTabChanged: [{
|
|
36
39
|
type: Output
|
|
37
40
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXN0cmlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi1zdHJpcC90YWItc3RyaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXN0cmlwL3RhYi1zdHJpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQWVuRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsV0FBVztJQUNyRCxXQUFXLENBQWlCO0NBQzdCO0FBTUQsTUFBTSxPQUFPLG1CQUFtQjtJQUNWO0lBQXBCLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO0lBQUcsQ0FBQztJQUV2QyxRQUFRLEtBQVUsQ0FBQztJQUduQixRQUFRLENBQVM7SUFHakIsS0FBSyxHQUFxQixFQUFFLENBQUM7SUFHN0IsWUFBWSxHQUNWLElBQUksWUFBWSxFQUEwQixDQUFDO0lBRTdDLFdBQVcsQ0FBQyxDQUFpQjtRQUMzQixJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQzlDLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNyQixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsQ0FBQztnQkFDZCxXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhO2FBQ3BDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDO3VHQXpCVSxtQkFBbUI7MkZBQW5CLG1CQUFtQixpSkMvQmhDLGliQWdCQTs7MkZEZWEsbUJBQW1CO2tCQUovQixTQUFTOytCQUNFLGNBQWM7K0VBU3hCLFFBQVE7c0JBRFAsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgRWxlbWVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEJhc2VFdmVudCB9IGZyb20gJy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgQVhUYWJTdHJpcEl0ZW0ge1xuICBpZDogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xuICBpY29uPzogc3RyaW5nO1xuICB2aXNpYmxlPzogYm9vbGVhbjtcbiAgZGlzYWJsZT86IGJvb2xlYW47XG4gIGRhdGE/OiBhbnk7XG4gIHN0eWxlPzogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY2xhc3MgQVhUYWJTdHJpcENoYW5nZWRFdmVudCBleHRlbmRzIEFYQmFzZUV2ZW50IHtcbiAgc2VsZWR0ZWRUYWI6IEFYVGFiU3RyaXBJdGVtO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10YWItc3RyaXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLXN0cmlwLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQVhUYWJTdHJpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBASW5wdXQoKVxuICBtYXhXaWR0aDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBWFRhYlN0cmlwSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIG9uVGFiQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEFYVGFiU3RyaXBDaGFuZ2VkRXZlbnQ+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyPEFYVGFiU3RyaXBDaGFuZ2VkRXZlbnQ+KCk7XG5cbiAgaGFuZGxlQ2xpY2soaTogQVhUYWJTdHJpcEl0ZW0pIHtcbiAgICBpZiAoIWkuZGlzYWJsZSkge1xuICAgICAgdGhpcy5pdGVtcy5mb3JFYWNoKChjKSA9PiAoYy5hY3RpdmUgPSBmYWxzZSkpO1xuICAgICAgaS5hY3RpdmUgPSB0cnVlO1xuICAgICAgdGhpcy5vblRhYkNoYW5nZWQuZW1pdCh7XG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgc2VsZWR0ZWRUYWI6IGksXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLnJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8dWxcbiAgY2xhc3M9XCJ0YWItc3RyaXAtY29udGFpbmVyXCJcbiAgW25nQ2xhc3NdPVwieyAndGFiLXN0cmlwLWN1c3RvbS13aWR0aCc6IG1heFdpZHRoIH1cIlxuICBbc3R5bGUubWF4LXdpZHRoXT1cIm1heFdpZHRoXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgIDxsaVxuICAgICAgKm5nSWY9XCIhIWl0ZW0udmlzaWJsZSB8fCBpdGVtLnZpc2libGUgPT0gdW5kZWZpbmVkXCJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaXRlbS5hY3RpdmVcIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlQ2xpY2soaXRlbSlcIlxuICAgID5cbiAgICAgIHt7IGl0ZW0udGV4dCB9fVxuICAgIDwvbGk+XG4gIDwvbmctY29udGFpbmVyPlxuPC91bD5cbiJdfQ==
|
|
@@ -15617,6 +15617,7 @@ class AXTabStripComponent {
|
|
|
15617
15617
|
this.ref = ref;
|
|
15618
15618
|
}
|
|
15619
15619
|
ngOnInit() { }
|
|
15620
|
+
maxWidth;
|
|
15620
15621
|
items = [];
|
|
15621
15622
|
onTabChanged = new EventEmitter();
|
|
15622
15623
|
handleClick(i) {
|
|
@@ -15626,17 +15627,19 @@ class AXTabStripComponent {
|
|
|
15626
15627
|
this.onTabChanged.emit({
|
|
15627
15628
|
component: this,
|
|
15628
15629
|
seledtedTab: i,
|
|
15629
|
-
htmlElement: this.ref.nativeElement
|
|
15630
|
+
htmlElement: this.ref.nativeElement,
|
|
15630
15631
|
});
|
|
15631
15632
|
}
|
|
15632
15633
|
}
|
|
15633
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 });
|
|
15634
|
-
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"] }] });
|
|
15635
15636
|
}
|
|
15636
15637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabStripComponent, decorators: [{
|
|
15637
15638
|
type: Component,
|
|
15638
|
-
args: [{ selector: 'ax-tab-strip', template: "<ul
|
|
15639
|
-
}], 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: [{
|
|
15640
15643
|
type: Input
|
|
15641
15644
|
}], onTabChanged: [{
|
|
15642
15645
|
type: Output
|