@progress/kendo-angular-layout 18.5.2-develop.1 → 18.5.2-develop.11
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/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tabstrip/rendering/tab.component.mjs +22 -36
- package/esm2022/tabstrip/tabstrip.service.mjs +2 -2
- package/esm2022/tilelayout/dragging-service.mjs +7 -5
- package/esm2022/tilelayout/util.mjs +3 -2
- package/fesm2022/progress-kendo-angular-layout.mjs +36 -47
- package/package.json +9 -9
- package/tabstrip/rendering/tab.component.d.ts +2 -2
- package/tilelayout/util.d.ts +1 -1
|
@@ -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-develop.
|
|
13
|
+
publishDate: 1744903646,
|
|
14
|
+
version: '18.5.2-develop.11',
|
|
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;
|
|
@@ -178,20 +178,22 @@ export class TileLayoutDraggingService {
|
|
|
178
178
|
const targetCol = normalizeValue(this.currentColStart);
|
|
179
179
|
const targetRow = normalizeValue(this.currentRowStart);
|
|
180
180
|
if (propsChanged([this.targetOrder, targetCol, targetRow], [initialOrder, initialCol, initialRow])) {
|
|
181
|
-
const reorderEvent = new TileLayoutReorderEvent(this.draggedItem, this.tileLayoutSettings.items, this.targetOrder, initialOrder,
|
|
181
|
+
const reorderEvent = new TileLayoutReorderEvent(this.draggedItem, this.tileLayoutSettings.items, this.targetOrder, initialOrder, targetCol, initialCol, targetRow, initialRow);
|
|
182
182
|
this.reorder.next(reorderEvent);
|
|
183
183
|
if (!reorderEvent.isDefaultPrevented()) {
|
|
184
184
|
if (this.targetOrder > initialOrder) {
|
|
185
185
|
this.zone.run(() => {
|
|
186
186
|
for (let i = initialOrder + 1; i <= this.targetOrder; i++) {
|
|
187
|
-
this.tileLayoutSettings.items.find(item => item.order === i)
|
|
187
|
+
const item = this.tileLayoutSettings.items.find(item => item.order === i);
|
|
188
|
+
item && (item.order = i - 1);
|
|
188
189
|
}
|
|
189
190
|
});
|
|
190
191
|
}
|
|
191
192
|
else {
|
|
192
193
|
this.zone.run(() => {
|
|
193
194
|
for (let i = initialOrder - 1; i >= this.targetOrder; i--) {
|
|
194
|
-
this.tileLayoutSettings.items.find(item => item.order === i)
|
|
195
|
+
const item = this.tileLayoutSettings.items.find(item => item.order === i);
|
|
196
|
+
item && (item.order = i + 1);
|
|
195
197
|
}
|
|
196
198
|
});
|
|
197
199
|
}
|
|
@@ -398,9 +400,9 @@ export class TileLayoutDraggingService {
|
|
|
398
400
|
}
|
|
399
401
|
getTargetCol(col, direction) {
|
|
400
402
|
if (this.rtl) {
|
|
401
|
-
return direction === 'left' ? col - this.draggedItem.colSpan + 1 : col;
|
|
403
|
+
return normalizeValue(direction === 'left' ? col - this.draggedItem.colSpan + 1 : col, this.tileLayoutSettings.columns);
|
|
402
404
|
}
|
|
403
|
-
return direction === 'right' ? col - this.draggedItem.colSpan + 1 : col;
|
|
405
|
+
return normalizeValue(direction === 'right' ? col - this.draggedItem.colSpan + 1 : col);
|
|
404
406
|
}
|
|
405
407
|
getTargetRow(row, direction) {
|
|
406
408
|
return direction === 'down' ? row - this.draggedItem.rowSpan + 1 : row;
|
|
@@ -17,8 +17,9 @@ export const getId = (prefix) => {
|
|
|
17
17
|
/**
|
|
18
18
|
* @hidden
|
|
19
19
|
*/
|
|
20
|
-
export const normalizeValue = (value) => {
|
|
21
|
-
|
|
20
|
+
export const normalizeValue = (value, max = Infinity) => {
|
|
21
|
+
const normalizedValue = isPresent(value) ? Math.min(Math.max(+value, 1), max) : value;
|
|
22
|
+
return normalizedValue;
|
|
22
23
|
};
|
|
23
24
|
/**
|
|
24
25
|
* @hidden
|
|
@@ -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-develop.
|
|
32
|
+
publishDate: 1744903646,
|
|
33
|
+
version: '18.5.2-develop.11',
|
|
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
|
|
@@ -8962,8 +8948,9 @@ const getId = (prefix) => {
|
|
|
8962
8948
|
/**
|
|
8963
8949
|
* @hidden
|
|
8964
8950
|
*/
|
|
8965
|
-
const normalizeValue = (value) => {
|
|
8966
|
-
|
|
8951
|
+
const normalizeValue = (value, max = Infinity) => {
|
|
8952
|
+
const normalizedValue = isPresent(value) ? Math.min(Math.max(+value, 1), max) : value;
|
|
8953
|
+
return normalizedValue;
|
|
8967
8954
|
};
|
|
8968
8955
|
/**
|
|
8969
8956
|
* @hidden
|
|
@@ -9384,20 +9371,22 @@ class TileLayoutDraggingService {
|
|
|
9384
9371
|
const targetCol = normalizeValue(this.currentColStart);
|
|
9385
9372
|
const targetRow = normalizeValue(this.currentRowStart);
|
|
9386
9373
|
if (propsChanged([this.targetOrder, targetCol, targetRow], [initialOrder, initialCol, initialRow])) {
|
|
9387
|
-
const reorderEvent = new TileLayoutReorderEvent(this.draggedItem, this.tileLayoutSettings.items, this.targetOrder, initialOrder,
|
|
9374
|
+
const reorderEvent = new TileLayoutReorderEvent(this.draggedItem, this.tileLayoutSettings.items, this.targetOrder, initialOrder, targetCol, initialCol, targetRow, initialRow);
|
|
9388
9375
|
this.reorder.next(reorderEvent);
|
|
9389
9376
|
if (!reorderEvent.isDefaultPrevented()) {
|
|
9390
9377
|
if (this.targetOrder > initialOrder) {
|
|
9391
9378
|
this.zone.run(() => {
|
|
9392
9379
|
for (let i = initialOrder + 1; i <= this.targetOrder; i++) {
|
|
9393
|
-
this.tileLayoutSettings.items.find(item => item.order === i)
|
|
9380
|
+
const item = this.tileLayoutSettings.items.find(item => item.order === i);
|
|
9381
|
+
item && (item.order = i - 1);
|
|
9394
9382
|
}
|
|
9395
9383
|
});
|
|
9396
9384
|
}
|
|
9397
9385
|
else {
|
|
9398
9386
|
this.zone.run(() => {
|
|
9399
9387
|
for (let i = initialOrder - 1; i >= this.targetOrder; i--) {
|
|
9400
|
-
this.tileLayoutSettings.items.find(item => item.order === i)
|
|
9388
|
+
const item = this.tileLayoutSettings.items.find(item => item.order === i);
|
|
9389
|
+
item && (item.order = i + 1);
|
|
9401
9390
|
}
|
|
9402
9391
|
});
|
|
9403
9392
|
}
|
|
@@ -9604,9 +9593,9 @@ class TileLayoutDraggingService {
|
|
|
9604
9593
|
}
|
|
9605
9594
|
getTargetCol(col, direction) {
|
|
9606
9595
|
if (this.rtl) {
|
|
9607
|
-
return direction === 'left' ? col - this.draggedItem.colSpan + 1 : col;
|
|
9596
|
+
return normalizeValue(direction === 'left' ? col - this.draggedItem.colSpan + 1 : col, this.tileLayoutSettings.columns);
|
|
9608
9597
|
}
|
|
9609
|
-
return direction === 'right' ? col - this.draggedItem.colSpan + 1 : col;
|
|
9598
|
+
return normalizeValue(direction === 'right' ? col - this.draggedItem.colSpan + 1 : col);
|
|
9610
9599
|
}
|
|
9611
9600
|
getTargetRow(row, direction) {
|
|
9612
9601
|
return direction === 'down' ? row - this.draggedItem.rowSpan + 1 : row;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "18.5.2-develop.
|
|
3
|
+
"version": "18.5.2-develop.11",
|
|
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": 1744903646,
|
|
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-develop.
|
|
49
|
-
"@progress/kendo-angular-l10n": "18.5.2-develop.
|
|
50
|
-
"@progress/kendo-angular-progressbar": "18.5.2-develop.
|
|
51
|
-
"@progress/kendo-angular-icons": "18.5.2-develop.
|
|
52
|
-
"@progress/kendo-angular-buttons": "18.5.2-develop.
|
|
53
|
-
"@progress/kendo-angular-intl": "18.5.2-develop.
|
|
48
|
+
"@progress/kendo-angular-common": "18.5.2-develop.11",
|
|
49
|
+
"@progress/kendo-angular-l10n": "18.5.2-develop.11",
|
|
50
|
+
"@progress/kendo-angular-progressbar": "18.5.2-develop.11",
|
|
51
|
+
"@progress/kendo-angular-icons": "18.5.2-develop.11",
|
|
52
|
+
"@progress/kendo-angular-buttons": "18.5.2-develop.11",
|
|
53
|
+
"@progress/kendo-angular-intl": "18.5.2-develop.11",
|
|
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-develop.
|
|
58
|
+
"@progress/kendo-angular-schematics": "18.5.2-develop.11",
|
|
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>;
|
package/tilelayout/util.d.ts
CHANGED