@progress/kendo-angular-layout 18.5.2-develop.8 → 18.5.2
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.
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '18.5.2
|
|
13
|
+
publishDate: 1745303907,
|
|
14
|
+
version: '18.5.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
16
16
|
};
|
|
@@ -7,8 +7,8 @@ import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/co
|
|
|
7
7
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { TabCloseEvent } from '../events/tabclose-event';
|
|
9
9
|
import { xIcon } from '@progress/kendo-svg-icons';
|
|
10
|
-
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
11
10
|
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
11
|
+
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
14
14
|
/**
|
|
@@ -46,7 +46,7 @@ export class TabComponent {
|
|
|
46
46
|
return this.tabStripClosable;
|
|
47
47
|
}
|
|
48
48
|
get closeSVGIconClass() {
|
|
49
|
-
if (this.
|
|
49
|
+
if (this.customCloseIconClasses) {
|
|
50
50
|
return;
|
|
51
51
|
}
|
|
52
52
|
if (this.tab.closeSVGIcon) {
|
|
@@ -57,7 +57,7 @@ export class TabComponent {
|
|
|
57
57
|
}
|
|
58
58
|
return xIcon;
|
|
59
59
|
}
|
|
60
|
-
get
|
|
60
|
+
get closeIconClasses() {
|
|
61
61
|
if (!this.customTabstripCloseIcon && this.tabStripCloseIcon && !this.tab.closeIconClass) {
|
|
62
62
|
if (this.tab.closeIcon) {
|
|
63
63
|
return this.tab.closeIcon;
|
|
@@ -65,7 +65,7 @@ export class TabComponent {
|
|
|
65
65
|
return this.tabStripCloseIcon;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
get
|
|
68
|
+
get customCloseIconClasses() {
|
|
69
69
|
if (this.customTabstripCloseIcon || this.tab.closeIconClass) {
|
|
70
70
|
if (this.tab.closeIconClass) {
|
|
71
71
|
return this.tab.closeIconClass;
|
|
@@ -94,22 +94,15 @@ export class TabComponent {
|
|
|
94
94
|
|
|
95
95
|
<ng-template #tabTemplate [ngTemplateOutlet]="tab.tabTemplate?.templateRef">
|
|
96
96
|
</ng-template>
|
|
97
|
-
|
|
98
|
-
<button
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
[svgIcon]="closeSVGIconClass"
|
|
107
|
-
[title]="closeButtonTitle"
|
|
108
|
-
[attr.aria-label]="closeButtonTitle"
|
|
109
|
-
(click)="closeTab(index)"
|
|
110
|
-
class="k-remove-tab k-icon-button"
|
|
111
|
-
></button>
|
|
112
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
97
|
+
|
|
98
|
+
<span class="k-remove-tab k-icon-button k-button k-button-md k-rounded-md k-button-flat-base k-button-flat"
|
|
99
|
+
*ngIf="tabClosable"
|
|
100
|
+
(click)="closeTab(index)" [title]="closeButtonTitle">
|
|
101
|
+
<kendo-icon-wrapper
|
|
102
|
+
[svgIcon]="closeSVGIconClass" [name]="closeIconClasses"
|
|
103
|
+
innerCssClass="k-button-icon" [customFontClass]="customCloseIconClasses"></kendo-icon-wrapper>
|
|
104
|
+
</span>
|
|
105
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
113
106
|
}
|
|
114
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabComponent, decorators: [{
|
|
115
108
|
type: Component,
|
|
@@ -129,24 +122,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
129
122
|
|
|
130
123
|
<ng-template #tabTemplate [ngTemplateOutlet]="tab.tabTemplate?.templateRef">
|
|
131
124
|
</ng-template>
|
|
132
|
-
|
|
133
|
-
<button
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
[iconClass]="customCloseButtonClasses"
|
|
141
|
-
[svgIcon]="closeSVGIconClass"
|
|
142
|
-
[title]="closeButtonTitle"
|
|
143
|
-
[attr.aria-label]="closeButtonTitle"
|
|
144
|
-
(click)="closeTab(index)"
|
|
145
|
-
class="k-remove-tab k-icon-button"
|
|
146
|
-
></button>
|
|
125
|
+
|
|
126
|
+
<span class="k-remove-tab k-icon-button k-button k-button-md k-rounded-md k-button-flat-base k-button-flat"
|
|
127
|
+
*ngIf="tabClosable"
|
|
128
|
+
(click)="closeTab(index)" [title]="closeButtonTitle">
|
|
129
|
+
<kendo-icon-wrapper
|
|
130
|
+
[svgIcon]="closeSVGIconClass" [name]="closeIconClasses"
|
|
131
|
+
innerCssClass="k-button-icon" [customFontClass]="customCloseIconClasses"></kendo-icon-wrapper>
|
|
132
|
+
</span>
|
|
147
133
|
`,
|
|
148
134
|
standalone: true,
|
|
149
|
-
imports: [NgIf, NgTemplateOutlet,
|
|
135
|
+
imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
|
|
150
136
|
}]
|
|
151
137
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { tab: [{
|
|
152
138
|
type: Input
|
|
@@ -35,7 +35,7 @@ export class TabStripService {
|
|
|
35
35
|
if (isNavigationKey(key) || isArrowKey(key)) {
|
|
36
36
|
this.onNavigate(key);
|
|
37
37
|
}
|
|
38
|
-
else if (key === Keys.Delete) {
|
|
38
|
+
else if (key === Keys.Delete || key === Keys.Backspace) {
|
|
39
39
|
this.onDelete();
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -104,7 +104,7 @@ export class TabStripService {
|
|
|
104
104
|
if (!isTablistHorizontal(this.owner.tabPosition) && isVerticalArrowKey(keyCode)) {
|
|
105
105
|
return true;
|
|
106
106
|
}
|
|
107
|
-
if (keyCode === Keys.Delete) {
|
|
107
|
+
if (keyCode === Keys.Delete || keyCode === Keys.Backspace) {
|
|
108
108
|
return true;
|
|
109
109
|
}
|
|
110
110
|
return false;
|
|
@@ -16,9 +16,9 @@ import { chevronUpIcon, chevronDownIcon, caretAltLeftIcon, caretAltRightIcon, ca
|
|
|
16
16
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
17
17
|
import { NgIf, NgTemplateOutlet, NgFor, NgStyle, NgClass } from '@angular/common';
|
|
18
18
|
import { delay, takeUntil, map, tap, filter, switchMap, take } from 'rxjs/operators';
|
|
19
|
-
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
20
19
|
import { ProgressBarComponent } from '@progress/kendo-angular-progressbar';
|
|
21
20
|
import { Draggable } from '@progress/kendo-draggable';
|
|
21
|
+
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
22
22
|
import { DatePipe } from '@progress/kendo-angular-intl';
|
|
23
23
|
|
|
24
24
|
/**
|
|
@@ -29,8 +29,8 @@ const packageMetadata = {
|
|
|
29
29
|
productName: 'Kendo UI for Angular',
|
|
30
30
|
productCode: 'KENDOUIANGULAR',
|
|
31
31
|
productCodes: ['KENDOUIANGULAR'],
|
|
32
|
-
publishDate:
|
|
33
|
-
version: '18.5.2
|
|
32
|
+
publishDate: 1745303907,
|
|
33
|
+
version: '18.5.2',
|
|
34
34
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -3181,7 +3181,7 @@ class TabStripService {
|
|
|
3181
3181
|
if (isNavigationKey(key) || isArrowKey(key)) {
|
|
3182
3182
|
this.onNavigate(key);
|
|
3183
3183
|
}
|
|
3184
|
-
else if (key === Keys.Delete) {
|
|
3184
|
+
else if (key === Keys.Delete || key === Keys.Backspace) {
|
|
3185
3185
|
this.onDelete();
|
|
3186
3186
|
}
|
|
3187
3187
|
}
|
|
@@ -3250,7 +3250,7 @@ class TabStripService {
|
|
|
3250
3250
|
if (!isTablistHorizontal(this.owner.tabPosition) && isVerticalArrowKey(keyCode)) {
|
|
3251
3251
|
return true;
|
|
3252
3252
|
}
|
|
3253
|
-
if (keyCode === Keys.Delete) {
|
|
3253
|
+
if (keyCode === Keys.Delete || keyCode === Keys.Backspace) {
|
|
3254
3254
|
return true;
|
|
3255
3255
|
}
|
|
3256
3256
|
return false;
|
|
@@ -3737,7 +3737,7 @@ class TabComponent {
|
|
|
3737
3737
|
return this.tabStripClosable;
|
|
3738
3738
|
}
|
|
3739
3739
|
get closeSVGIconClass() {
|
|
3740
|
-
if (this.
|
|
3740
|
+
if (this.customCloseIconClasses) {
|
|
3741
3741
|
return;
|
|
3742
3742
|
}
|
|
3743
3743
|
if (this.tab.closeSVGIcon) {
|
|
@@ -3748,7 +3748,7 @@ class TabComponent {
|
|
|
3748
3748
|
}
|
|
3749
3749
|
return xIcon;
|
|
3750
3750
|
}
|
|
3751
|
-
get
|
|
3751
|
+
get closeIconClasses() {
|
|
3752
3752
|
if (!this.customTabstripCloseIcon && this.tabStripCloseIcon && !this.tab.closeIconClass) {
|
|
3753
3753
|
if (this.tab.closeIcon) {
|
|
3754
3754
|
return this.tab.closeIcon;
|
|
@@ -3756,7 +3756,7 @@ class TabComponent {
|
|
|
3756
3756
|
return this.tabStripCloseIcon;
|
|
3757
3757
|
}
|
|
3758
3758
|
}
|
|
3759
|
-
get
|
|
3759
|
+
get customCloseIconClasses() {
|
|
3760
3760
|
if (this.customTabstripCloseIcon || this.tab.closeIconClass) {
|
|
3761
3761
|
if (this.tab.closeIconClass) {
|
|
3762
3762
|
return this.tab.closeIconClass;
|
|
@@ -3785,22 +3785,15 @@ class TabComponent {
|
|
|
3785
3785
|
|
|
3786
3786
|
<ng-template #tabTemplate [ngTemplateOutlet]="tab.tabTemplate?.templateRef">
|
|
3787
3787
|
</ng-template>
|
|
3788
|
-
|
|
3789
|
-
<button
|
|
3790
|
-
|
|
3791
|
-
|
|
3792
|
-
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
[svgIcon]="closeSVGIconClass"
|
|
3798
|
-
[title]="closeButtonTitle"
|
|
3799
|
-
[attr.aria-label]="closeButtonTitle"
|
|
3800
|
-
(click)="closeTab(index)"
|
|
3801
|
-
class="k-remove-tab k-icon-button"
|
|
3802
|
-
></button>
|
|
3803
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
3788
|
+
|
|
3789
|
+
<span class="k-remove-tab k-icon-button k-button k-button-md k-rounded-md k-button-flat-base k-button-flat"
|
|
3790
|
+
*ngIf="tabClosable"
|
|
3791
|
+
(click)="closeTab(index)" [title]="closeButtonTitle">
|
|
3792
|
+
<kendo-icon-wrapper
|
|
3793
|
+
[svgIcon]="closeSVGIconClass" [name]="closeIconClasses"
|
|
3794
|
+
innerCssClass="k-button-icon" [customFontClass]="customCloseIconClasses"></kendo-icon-wrapper>
|
|
3795
|
+
</span>
|
|
3796
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
3804
3797
|
}
|
|
3805
3798
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabComponent, decorators: [{
|
|
3806
3799
|
type: Component,
|
|
@@ -3820,24 +3813,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3820
3813
|
|
|
3821
3814
|
<ng-template #tabTemplate [ngTemplateOutlet]="tab.tabTemplate?.templateRef">
|
|
3822
3815
|
</ng-template>
|
|
3823
|
-
|
|
3824
|
-
<button
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
[iconClass]="customCloseButtonClasses"
|
|
3832
|
-
[svgIcon]="closeSVGIconClass"
|
|
3833
|
-
[title]="closeButtonTitle"
|
|
3834
|
-
[attr.aria-label]="closeButtonTitle"
|
|
3835
|
-
(click)="closeTab(index)"
|
|
3836
|
-
class="k-remove-tab k-icon-button"
|
|
3837
|
-
></button>
|
|
3816
|
+
|
|
3817
|
+
<span class="k-remove-tab k-icon-button k-button k-button-md k-rounded-md k-button-flat-base k-button-flat"
|
|
3818
|
+
*ngIf="tabClosable"
|
|
3819
|
+
(click)="closeTab(index)" [title]="closeButtonTitle">
|
|
3820
|
+
<kendo-icon-wrapper
|
|
3821
|
+
[svgIcon]="closeSVGIconClass" [name]="closeIconClasses"
|
|
3822
|
+
innerCssClass="k-button-icon" [customFontClass]="customCloseIconClasses"></kendo-icon-wrapper>
|
|
3823
|
+
</span>
|
|
3838
3824
|
`,
|
|
3839
3825
|
standalone: true,
|
|
3840
|
-
imports: [NgIf, NgTemplateOutlet,
|
|
3826
|
+
imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
|
|
3841
3827
|
}]
|
|
3842
3828
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { tab: [{
|
|
3843
3829
|
type: Input
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "18.5.2
|
|
3
|
+
"version": "18.5.2",
|
|
4
4
|
"description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"package": {
|
|
36
36
|
"productName": "Kendo UI for Angular",
|
|
37
37
|
"productCode": "KENDOUIANGULAR",
|
|
38
|
-
"publishDate":
|
|
38
|
+
"publishDate": 1745303907,
|
|
39
39
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
|
|
40
40
|
}
|
|
41
41
|
},
|
|
@@ -45,17 +45,17 @@
|
|
|
45
45
|
"@angular/core": "16 - 19",
|
|
46
46
|
"@angular/platform-browser": "16 - 19",
|
|
47
47
|
"@progress/kendo-licensing": "^1.5.0",
|
|
48
|
-
"@progress/kendo-angular-common": "18.5.2
|
|
49
|
-
"@progress/kendo-angular-l10n": "18.5.2
|
|
50
|
-
"@progress/kendo-angular-progressbar": "18.5.2
|
|
51
|
-
"@progress/kendo-angular-icons": "18.5.2
|
|
52
|
-
"@progress/kendo-angular-buttons": "18.5.2
|
|
53
|
-
"@progress/kendo-angular-intl": "18.5.2
|
|
48
|
+
"@progress/kendo-angular-common": "18.5.2",
|
|
49
|
+
"@progress/kendo-angular-l10n": "18.5.2",
|
|
50
|
+
"@progress/kendo-angular-progressbar": "18.5.2",
|
|
51
|
+
"@progress/kendo-angular-icons": "18.5.2",
|
|
52
|
+
"@progress/kendo-angular-buttons": "18.5.2",
|
|
53
|
+
"@progress/kendo-angular-intl": "18.5.2",
|
|
54
54
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"tslib": "^2.3.1",
|
|
58
|
-
"@progress/kendo-angular-schematics": "18.5.2
|
|
58
|
+
"@progress/kendo-angular-schematics": "18.5.2",
|
|
59
59
|
"@progress/kendo-draggable": "^3.0.2"
|
|
60
60
|
},
|
|
61
61
|
"schematics": "./schematics/collection.json",
|
|
@@ -28,8 +28,8 @@ export declare class TabComponent {
|
|
|
28
28
|
constructor(localization: LocalizationService);
|
|
29
29
|
get tabClosable(): boolean;
|
|
30
30
|
get closeSVGIconClass(): SVGIcon;
|
|
31
|
-
get
|
|
32
|
-
get
|
|
31
|
+
get closeIconClasses(): string;
|
|
32
|
+
get customCloseIconClasses(): string;
|
|
33
33
|
get closeButtonTitle(): string;
|
|
34
34
|
closeTab(index: number): void;
|
|
35
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
|