@kris701/ez-ui 1.3.14 → 1.3.16
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.
|
@@ -2481,8 +2481,9 @@ const compressImage = async (file, quality, maxHeight, maxWidth, convertSize) =>
|
|
|
2481
2481
|
class EzUIMenuBarSubDataList {
|
|
2482
2482
|
menuItemTemplate;
|
|
2483
2483
|
subdatalist = [];
|
|
2484
|
+
onItemClick = new EventEmitter();
|
|
2484
2485
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBarSubDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2485
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMenuBarSubDataList, isStandalone: true, selector: "tui-data-list[subdatalist]", inputs: { menuItemTemplate: "menuItemTemplate", subdatalist: "subdatalist" }, ngImport: i0, template: `
|
|
2486
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMenuBarSubDataList, isStandalone: true, selector: "tui-data-list[subdatalist]", inputs: { menuItemTemplate: "menuItemTemplate", subdatalist: "subdatalist" }, outputs: { onItemClick: "onItemClick" }, ngImport: i0, template: `
|
|
2486
2487
|
@for(item of subdatalist; track $index){
|
|
2487
2488
|
@if(item.items){
|
|
2488
2489
|
@if(!item.hidden){
|
|
@@ -2509,7 +2510,8 @@ class EzUIMenuBarSubDataList {
|
|
|
2509
2510
|
<ng-template #dropdownContent>
|
|
2510
2511
|
<tui-data-list
|
|
2511
2512
|
class="subdatalist"
|
|
2512
|
-
[subdatalist]="item.items"
|
|
2513
|
+
[subdatalist]="item.items"
|
|
2514
|
+
(onItemClick)="onItemClick.emit()">
|
|
2513
2515
|
</tui-data-list>
|
|
2514
2516
|
</ng-template>
|
|
2515
2517
|
}
|
|
@@ -2521,7 +2523,7 @@ class EzUIMenuBarSubDataList {
|
|
|
2521
2523
|
tuiOption
|
|
2522
2524
|
[iconStart]="item.icon"
|
|
2523
2525
|
[disabled]="item.disabled"
|
|
2524
|
-
(click)="item.command(item)"
|
|
2526
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
2525
2527
|
[style]="item.style"
|
|
2526
2528
|
>
|
|
2527
2529
|
@if(menuItemTemplate){
|
|
@@ -2534,7 +2536,7 @@ class EzUIMenuBarSubDataList {
|
|
|
2534
2536
|
}
|
|
2535
2537
|
}
|
|
2536
2538
|
}
|
|
2537
|
-
`, isInline: true, styles: [".subdatalist{display:flex;flex-direction:column;padding:10px}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
2539
|
+
`, isInline: true, styles: [".subdatalist{display:flex;flex-direction:column;padding:10px}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
2538
2540
|
}
|
|
2539
2541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBarSubDataList, decorators: [{
|
|
2540
2542
|
type: Component,
|
|
@@ -2570,7 +2572,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2570
2572
|
<ng-template #dropdownContent>
|
|
2571
2573
|
<tui-data-list
|
|
2572
2574
|
class="subdatalist"
|
|
2573
|
-
[subdatalist]="item.items"
|
|
2575
|
+
[subdatalist]="item.items"
|
|
2576
|
+
(onItemClick)="onItemClick.emit()">
|
|
2574
2577
|
</tui-data-list>
|
|
2575
2578
|
</ng-template>
|
|
2576
2579
|
}
|
|
@@ -2582,7 +2585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2582
2585
|
tuiOption
|
|
2583
2586
|
[iconStart]="item.icon"
|
|
2584
2587
|
[disabled]="item.disabled"
|
|
2585
|
-
(click)="item.command(item)"
|
|
2588
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
2586
2589
|
[style]="item.style"
|
|
2587
2590
|
>
|
|
2588
2591
|
@if(menuItemTemplate){
|
|
@@ -2600,6 +2603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2600
2603
|
type: Input
|
|
2601
2604
|
}], subdatalist: [{
|
|
2602
2605
|
type: Input
|
|
2606
|
+
}], onItemClick: [{
|
|
2607
|
+
type: Output
|
|
2603
2608
|
}] } });
|
|
2604
2609
|
class EzUIMenuBar {
|
|
2605
2610
|
itemTemplate;
|
|
@@ -2641,7 +2646,8 @@ class EzUIMenuBar {
|
|
|
2641
2646
|
<tui-data-list
|
|
2642
2647
|
class="subdatalist"
|
|
2643
2648
|
[subdatalist]="item.items"
|
|
2644
|
-
[menuItemTemplate]="menuItemTemplate"
|
|
2649
|
+
[menuItemTemplate]="menuItemTemplate"
|
|
2650
|
+
(onItemClick)="item.expanded = false">
|
|
2645
2651
|
</tui-data-list>
|
|
2646
2652
|
</ng-template>
|
|
2647
2653
|
}
|
|
@@ -2669,7 +2675,7 @@ class EzUIMenuBar {
|
|
|
2669
2675
|
}
|
|
2670
2676
|
}
|
|
2671
2677
|
</div>
|
|
2672
|
-
`, isInline: true, styles: [".group{width:100%;white-space:nowrap}.subdatalist{display:flex;flex-direction:column;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"] }] });
|
|
2678
|
+
`, isInline: true, styles: [".group{width:100%;white-space:nowrap}.subdatalist{display:flex;flex-direction:column;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"], outputs: ["onItemClick"] }] });
|
|
2673
2679
|
}
|
|
2674
2680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBar, decorators: [{
|
|
2675
2681
|
type: Component,
|
|
@@ -2711,7 +2717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2711
2717
|
<tui-data-list
|
|
2712
2718
|
class="subdatalist"
|
|
2713
2719
|
[subdatalist]="item.items"
|
|
2714
|
-
[menuItemTemplate]="menuItemTemplate"
|
|
2720
|
+
[menuItemTemplate]="menuItemTemplate"
|
|
2721
|
+
(onItemClick)="item.expanded = false">
|
|
2715
2722
|
</tui-data-list>
|
|
2716
2723
|
</ng-template>
|
|
2717
2724
|
}
|
|
@@ -3510,8 +3517,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3510
3517
|
class EzUIPopoutMenuSubDataList {
|
|
3511
3518
|
itemTemplate;
|
|
3512
3519
|
popsubdatalist = [];
|
|
3520
|
+
onItemClick = new EventEmitter();
|
|
3513
3521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3514
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPopoutMenuSubDataList, isStandalone: true, selector: "tui-data-list[popsubdatalist]", inputs: { itemTemplate: "itemTemplate", popsubdatalist: "popsubdatalist" }, ngImport: i0, template: `
|
|
3522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPopoutMenuSubDataList, isStandalone: true, selector: "tui-data-list[popsubdatalist]", inputs: { itemTemplate: "itemTemplate", popsubdatalist: "popsubdatalist" }, outputs: { onItemClick: "onItemClick" }, ngImport: i0, template: `
|
|
3515
3523
|
@for(item of popsubdatalist; track $index){
|
|
3516
3524
|
@if(item.items){
|
|
3517
3525
|
@if(!item.hidden){
|
|
@@ -3540,7 +3548,8 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3540
3548
|
<tui-data-list
|
|
3541
3549
|
class="popsubdatalist"
|
|
3542
3550
|
[popsubdatalist]="item.items"
|
|
3543
|
-
[itemTemplate]="itemTemplate"
|
|
3551
|
+
[itemTemplate]="itemTemplate"
|
|
3552
|
+
(onItemClick)="onItemClick.emit()">
|
|
3544
3553
|
</tui-data-list>
|
|
3545
3554
|
</div>
|
|
3546
3555
|
</ng-template>
|
|
@@ -3553,7 +3562,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3553
3562
|
tuiOption
|
|
3554
3563
|
[iconStart]="item.icon"
|
|
3555
3564
|
[disabled]="item.disabled"
|
|
3556
|
-
(click)="item.command(item)"
|
|
3565
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3557
3566
|
[style]="item.style"
|
|
3558
3567
|
>
|
|
3559
3568
|
@if(itemTemplate){
|
|
@@ -3566,7 +3575,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3566
3575
|
}
|
|
3567
3576
|
}
|
|
3568
3577
|
}
|
|
3569
|
-
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
3578
|
+
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
3570
3579
|
}
|
|
3571
3580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, decorators: [{
|
|
3572
3581
|
type: Component,
|
|
@@ -3604,7 +3613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3604
3613
|
<tui-data-list
|
|
3605
3614
|
class="popsubdatalist"
|
|
3606
3615
|
[popsubdatalist]="item.items"
|
|
3607
|
-
[itemTemplate]="itemTemplate"
|
|
3616
|
+
[itemTemplate]="itemTemplate"
|
|
3617
|
+
(onItemClick)="onItemClick.emit()">
|
|
3608
3618
|
</tui-data-list>
|
|
3609
3619
|
</div>
|
|
3610
3620
|
</ng-template>
|
|
@@ -3617,7 +3627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3617
3627
|
tuiOption
|
|
3618
3628
|
[iconStart]="item.icon"
|
|
3619
3629
|
[disabled]="item.disabled"
|
|
3620
|
-
(click)="item.command(item)"
|
|
3630
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3621
3631
|
[style]="item.style"
|
|
3622
3632
|
>
|
|
3623
3633
|
@if(itemTemplate){
|
|
@@ -3635,6 +3645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3635
3645
|
type: Input
|
|
3636
3646
|
}], popsubdatalist: [{
|
|
3637
3647
|
type: Input
|
|
3648
|
+
}], onItemClick: [{
|
|
3649
|
+
type: Output
|
|
3638
3650
|
}] } });
|
|
3639
3651
|
class EzUIPopoutMenu {
|
|
3640
3652
|
itemTemplate;
|
|
@@ -3671,12 +3683,13 @@ class EzUIPopoutMenu {
|
|
|
3671
3683
|
<tui-data-list
|
|
3672
3684
|
class="popsubdatalist"
|
|
3673
3685
|
[popsubdatalist]="items"
|
|
3674
|
-
[itemTemplate]="itemTemplate"
|
|
3686
|
+
[itemTemplate]="itemTemplate"
|
|
3687
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3675
3688
|
</tui-data-list>
|
|
3676
3689
|
</div>
|
|
3677
3690
|
</ng-template>
|
|
3678
3691
|
</button>
|
|
3679
|
-
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"] }] });
|
|
3692
|
+
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"], outputs: ["onItemClick"] }] });
|
|
3680
3693
|
}
|
|
3681
3694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenu, decorators: [{
|
|
3682
3695
|
type: Component,
|
|
@@ -3705,7 +3718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3705
3718
|
<tui-data-list
|
|
3706
3719
|
class="popsubdatalist"
|
|
3707
3720
|
[popsubdatalist]="items"
|
|
3708
|
-
[itemTemplate]="itemTemplate"
|
|
3721
|
+
[itemTemplate]="itemTemplate"
|
|
3722
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3709
3723
|
</tui-data-list>
|
|
3710
3724
|
</div>
|
|
3711
3725
|
</ng-template>
|
|
@@ -6033,6 +6047,7 @@ class EzUITableSelectFilter {
|
|
|
6033
6047
|
selected = [];
|
|
6034
6048
|
filterType;
|
|
6035
6049
|
filterTypes;
|
|
6050
|
+
appearanceMap = new Map();
|
|
6036
6051
|
stringifyOption = (item) => `${item.label}`;
|
|
6037
6052
|
stringifyValue = (value) => this.getOptionLabel(this.options.find((item) => this.getOptionValue(item) === value));
|
|
6038
6053
|
getOptionLabel(item) {
|
|
@@ -6103,7 +6118,7 @@ class EzUITableSelectFilter {
|
|
|
6103
6118
|
this.filterApplied.set(false);
|
|
6104
6119
|
}
|
|
6105
6120
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITableSelectFilter, deps: [{ token: EzUITable }], target: i0.ɵɵFactoryTarget.Component });
|
|
6106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITableSelectFilter, isStandalone: true, selector: "ezui-table-selectfilter", inputs: { column: "column", optionLabel: "optionLabel", optionValue: "optionValue", options: "options" }, ngImport: i0, template: `
|
|
6121
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITableSelectFilter, isStandalone: true, selector: "ezui-table-selectfilter", inputs: { column: "column", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", appearanceMap: "appearanceMap" }, ngImport: i0, template: `
|
|
6107
6122
|
@if(column){
|
|
6108
6123
|
<tui-badged-content>
|
|
6109
6124
|
@if(filterApplied()){
|
|
@@ -6149,20 +6164,31 @@ class EzUITableSelectFilter {
|
|
|
6149
6164
|
tuiButtonSelect
|
|
6150
6165
|
[(ngModel)]="selected"
|
|
6151
6166
|
>
|
|
6152
|
-
|
|
6167
|
+
@if(selected.length == 0){
|
|
6168
|
+
<span style="opacity:0.7">No items selected</span>
|
|
6169
|
+
}
|
|
6170
|
+
@else {
|
|
6171
|
+
@for(select of selected; track select){
|
|
6172
|
+
@let appearance = appearanceMap.get(select);
|
|
6173
|
+
<span tuiChip size="xs" [appearance]="appearance ? appearance : ''">{{ stringifyValue(select) }}</span>
|
|
6174
|
+
}
|
|
6175
|
+
}
|
|
6153
6176
|
|
|
6154
|
-
<tui-data-list *tuiDropdown>
|
|
6177
|
+
<tui-data-list *tuiDropdown style="min-width:20vw">
|
|
6155
6178
|
<tui-opt-group
|
|
6156
6179
|
label="Options"
|
|
6157
6180
|
tuiMultiSelectGroup
|
|
6158
6181
|
>
|
|
6159
6182
|
@for (option of options; track getOptionValue(option)) {
|
|
6183
|
+
@let value = getOptionValue(option);
|
|
6184
|
+
@let label = getOptionLabel(option);
|
|
6185
|
+
@let appearance = appearanceMap.get(value);
|
|
6160
6186
|
<button
|
|
6161
6187
|
tuiOption
|
|
6162
6188
|
type="button"
|
|
6163
|
-
[value]="
|
|
6189
|
+
[value]="value"
|
|
6164
6190
|
>
|
|
6165
|
-
{{
|
|
6191
|
+
<span tuiChip size="xs" [appearance]="appearance ? appearance : ''">{{ label }}</span>
|
|
6166
6192
|
</button>
|
|
6167
6193
|
}
|
|
6168
6194
|
</tui-opt-group>
|
|
@@ -6192,11 +6218,11 @@ class EzUITableSelectFilter {
|
|
|
6192
6218
|
</div>
|
|
6193
6219
|
</ng-template>
|
|
6194
6220
|
}
|
|
6195
|
-
`, isInline: true, styles: [".filterPopContainer{display:flex;flex-direction:column;gap:10px;padding:10px;min-width:20rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i4$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiButtonSelect, selector: "button[tuiButtonSelect]" }, { kind: "component", type: TuiBadgeNotification, selector: "tui-badge-notification", inputs: ["size"] }, { kind: "directive", type: i4$1.TuiBadgedContentDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "component", type: i4$1.TuiBadgedContentComponent, selector: "tui-badged-content" }, { kind: "component", type: i4$1.TuiMultiSelectGroupComponent, selector: "tui-opt-group[tuiMultiSelectGroup]", inputs: ["label"] }, { kind: "directive", type: i4$1.TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i3$1.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i3$1.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }] });
|
|
6221
|
+
`, isInline: true, styles: [".filterPopContainer{display:flex;flex-direction:column;gap:10px;padding:10px;min-width:20rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i4$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiButtonSelect, selector: "button[tuiButtonSelect]" }, { kind: "component", type: TuiBadgeNotification, selector: "tui-badge-notification", inputs: ["size"] }, { kind: "directive", type: i4$1.TuiBadgedContentDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "component", type: i4$1.TuiBadgedContentComponent, selector: "tui-badged-content" }, { kind: "component", type: i4$1.TuiMultiSelectGroupComponent, selector: "tui-opt-group[tuiMultiSelectGroup]", inputs: ["label"] }, { kind: "directive", type: i4$1.TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i3$1.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i3$1.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "directive", type: TuiChip, selector: "[tuiChip]", inputs: ["size"] }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }] });
|
|
6196
6222
|
}
|
|
6197
6223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITableSelectFilter, decorators: [{
|
|
6198
6224
|
type: Component,
|
|
6199
|
-
args: [{ selector: 'ezui-table-selectfilter', imports: [CommonModule, FormsModule, TuiDropdown, TuiDataListWrapper, TuiButton, TuiButtonSelect, TuiStringifyContentPipe, TuiBadgeNotification, TuiBadgedContent, TuiInput, TuiMultiSelect, TuiDataList], template: `
|
|
6225
|
+
args: [{ selector: 'ezui-table-selectfilter', imports: [CommonModule, FormsModule, TuiDropdown, TuiDataListWrapper, TuiButton, TuiButtonSelect, TuiStringifyContentPipe, TuiBadgeNotification, TuiBadgedContent, TuiInput, TuiMultiSelect, TuiDataList, TuiChip], template: `
|
|
6200
6226
|
@if(column){
|
|
6201
6227
|
<tui-badged-content>
|
|
6202
6228
|
@if(filterApplied()){
|
|
@@ -6242,20 +6268,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
6242
6268
|
tuiButtonSelect
|
|
6243
6269
|
[(ngModel)]="selected"
|
|
6244
6270
|
>
|
|
6245
|
-
|
|
6271
|
+
@if(selected.length == 0){
|
|
6272
|
+
<span style="opacity:0.7">No items selected</span>
|
|
6273
|
+
}
|
|
6274
|
+
@else {
|
|
6275
|
+
@for(select of selected; track select){
|
|
6276
|
+
@let appearance = appearanceMap.get(select);
|
|
6277
|
+
<span tuiChip size="xs" [appearance]="appearance ? appearance : ''">{{ stringifyValue(select) }}</span>
|
|
6278
|
+
}
|
|
6279
|
+
}
|
|
6246
6280
|
|
|
6247
|
-
<tui-data-list *tuiDropdown>
|
|
6281
|
+
<tui-data-list *tuiDropdown style="min-width:20vw">
|
|
6248
6282
|
<tui-opt-group
|
|
6249
6283
|
label="Options"
|
|
6250
6284
|
tuiMultiSelectGroup
|
|
6251
6285
|
>
|
|
6252
6286
|
@for (option of options; track getOptionValue(option)) {
|
|
6287
|
+
@let value = getOptionValue(option);
|
|
6288
|
+
@let label = getOptionLabel(option);
|
|
6289
|
+
@let appearance = appearanceMap.get(value);
|
|
6253
6290
|
<button
|
|
6254
6291
|
tuiOption
|
|
6255
6292
|
type="button"
|
|
6256
|
-
[value]="
|
|
6293
|
+
[value]="value"
|
|
6257
6294
|
>
|
|
6258
|
-
{{
|
|
6295
|
+
<span tuiChip size="xs" [appearance]="appearance ? appearance : ''">{{ label }}</span>
|
|
6259
6296
|
</button>
|
|
6260
6297
|
}
|
|
6261
6298
|
</tui-opt-group>
|
|
@@ -6294,6 +6331,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
6294
6331
|
type: Input
|
|
6295
6332
|
}], options: [{
|
|
6296
6333
|
type: Input
|
|
6334
|
+
}], appearanceMap: [{
|
|
6335
|
+
type: Input
|
|
6297
6336
|
}] } });
|
|
6298
6337
|
|
|
6299
6338
|
class EzUITableTextFilter {
|