@progress/kendo-angular-listbox 24.0.0-develop.3 → 24.0.0-develop.31
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/NOTICE.txt +2599 -172
- package/fesm2022/progress-kendo-angular-listbox.mjs +44 -38
- package/listbox.component.d.ts +2 -2
- package/package-metadata.mjs +2 -2
- package/package.json +6 -6
- package/schematics/ngAdd/index.js +4 -4
|
@@ -7,7 +7,7 @@ import { EventEmitter, Injectable, Directive, HostListener, HostBinding, Input,
|
|
|
7
7
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
8
|
import { Subscription } from 'rxjs';
|
|
9
9
|
import { getter } from '@progress/kendo-common';
|
|
10
|
-
import {
|
|
10
|
+
import { chevronUpIcon, chevronDownIcon, chevronRightIcon, chevronLeftIcon, chevronDoubleRightIcon, chevronDoubleLeftIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
11
11
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
12
12
|
import { normalizeKeys, Keys, isPresent as isPresent$1, TemplateContextDirective, isChanged, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
13
13
|
import { take } from 'rxjs/operators';
|
|
@@ -24,8 +24,8 @@ const packageMetadata = {
|
|
|
24
24
|
productName: 'Kendo UI for Angular',
|
|
25
25
|
productCode: 'KENDOUIANGULAR',
|
|
26
26
|
productCodes: ['KENDOUIANGULAR'],
|
|
27
|
-
publishDate:
|
|
28
|
-
version: '24.0.0-develop.
|
|
27
|
+
publishDate: 1778841850,
|
|
28
|
+
version: '24.0.0-develop.31',
|
|
29
29
|
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'
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -238,38 +238,38 @@ const allTools = [
|
|
|
238
238
|
{
|
|
239
239
|
name: 'moveUp',
|
|
240
240
|
label: 'Move Up',
|
|
241
|
-
icon: '
|
|
242
|
-
svgIcon:
|
|
241
|
+
icon: 'chevron-up',
|
|
242
|
+
svgIcon: chevronUpIcon
|
|
243
243
|
},
|
|
244
244
|
{
|
|
245
245
|
name: 'moveDown',
|
|
246
246
|
label: 'Move Down',
|
|
247
|
-
icon: '
|
|
248
|
-
svgIcon:
|
|
247
|
+
icon: 'chevron-down',
|
|
248
|
+
svgIcon: chevronDownIcon
|
|
249
249
|
},
|
|
250
250
|
{
|
|
251
251
|
name: 'transferTo',
|
|
252
252
|
label: 'Transfer To',
|
|
253
|
-
icon: '
|
|
254
|
-
svgIcon:
|
|
253
|
+
icon: 'chevron-right',
|
|
254
|
+
svgIcon: chevronRightIcon
|
|
255
255
|
},
|
|
256
256
|
{
|
|
257
257
|
name: 'transferFrom',
|
|
258
258
|
label: 'Transfer From',
|
|
259
|
-
icon: '
|
|
260
|
-
svgIcon:
|
|
259
|
+
icon: 'chevron-left',
|
|
260
|
+
svgIcon: chevronLeftIcon
|
|
261
261
|
},
|
|
262
262
|
{
|
|
263
263
|
name: 'transferAllTo',
|
|
264
264
|
label: 'Transfer All To',
|
|
265
|
-
icon: '
|
|
266
|
-
svgIcon:
|
|
265
|
+
icon: 'chevron-double-right',
|
|
266
|
+
svgIcon: chevronDoubleRightIcon
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
name: 'transferAllFrom',
|
|
270
270
|
label: 'Transfer All From',
|
|
271
|
-
icon: '
|
|
272
|
-
svgIcon:
|
|
271
|
+
icon: 'chevron-double-left',
|
|
272
|
+
svgIcon: chevronDoubleLeftIcon
|
|
273
273
|
},
|
|
274
274
|
{
|
|
275
275
|
name: 'remove',
|
|
@@ -1027,11 +1027,11 @@ class ListBoxComponent {
|
|
|
1027
1027
|
/**
|
|
1028
1028
|
* @hidden
|
|
1029
1029
|
*/
|
|
1030
|
-
|
|
1030
|
+
chevronLeftIcon = chevronLeftIcon;
|
|
1031
1031
|
/**
|
|
1032
1032
|
* @hidden
|
|
1033
1033
|
*/
|
|
1034
|
-
|
|
1034
|
+
chevronRightIcon = chevronRightIcon;
|
|
1035
1035
|
localizationSubscription;
|
|
1036
1036
|
_size;
|
|
1037
1037
|
subs = new Subscription();
|
|
@@ -1155,25 +1155,31 @@ class ListBoxComponent {
|
|
|
1155
1155
|
* @hidden
|
|
1156
1156
|
*/
|
|
1157
1157
|
toolIcon(icon) {
|
|
1158
|
-
|
|
1159
|
-
icon
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1158
|
+
if (this.direction === 'ltr') {
|
|
1159
|
+
return icon;
|
|
1160
|
+
}
|
|
1161
|
+
if (icon === 'chevron-left') {
|
|
1162
|
+
return 'chevron-right';
|
|
1163
|
+
}
|
|
1164
|
+
if (icon === 'chevron-right') {
|
|
1165
|
+
return 'chevron-left';
|
|
1166
|
+
}
|
|
1167
|
+
return icon;
|
|
1165
1168
|
}
|
|
1166
1169
|
/**
|
|
1167
1170
|
* @hidden
|
|
1168
1171
|
*/
|
|
1169
1172
|
toolSVGIcon(icon) {
|
|
1170
|
-
|
|
1171
|
-
icon
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1173
|
+
if (this.direction === 'ltr') {
|
|
1174
|
+
return icon;
|
|
1175
|
+
}
|
|
1176
|
+
if (icon === this.chevronLeftIcon) {
|
|
1177
|
+
return this.chevronRightIcon;
|
|
1178
|
+
}
|
|
1179
|
+
if (icon === this.chevronRightIcon) {
|
|
1180
|
+
return this.chevronLeftIcon;
|
|
1181
|
+
}
|
|
1182
|
+
return icon;
|
|
1177
1183
|
}
|
|
1178
1184
|
initSubscriptions(navService, hostEl, toolsRef) {
|
|
1179
1185
|
this.subs.add(navService.onShiftSelectedItem.subscribe((actionToPerform) => this.performAction(actionToPerform)));
|
|
@@ -1395,8 +1401,8 @@ class ListBoxComponent {
|
|
|
1395
1401
|
[icon]="toolIcon(tool.icon)"
|
|
1396
1402
|
[svgIcon]="toolSVGIcon(tool.svgIcon)"
|
|
1397
1403
|
[attr.title]="messageFor(tool.name)"
|
|
1404
|
+
[attr.aria-label]="messageFor(tool.name)"
|
|
1398
1405
|
(click)="performAction(tool.name)"
|
|
1399
|
-
role="button"
|
|
1400
1406
|
type="button"
|
|
1401
1407
|
></button>
|
|
1402
1408
|
}
|
|
@@ -1413,7 +1419,7 @@ class ListBoxComponent {
|
|
|
1413
1419
|
class="k-list-ul"
|
|
1414
1420
|
role="listbox"
|
|
1415
1421
|
[attr.aria-label]="listboxLabel"
|
|
1416
|
-
[attr.aria-multiselectable]="selectable === 'multiple'"
|
|
1422
|
+
[attr.aria-multiselectable]="selectable === 'multiple' ? true : null"
|
|
1417
1423
|
>
|
|
1418
1424
|
@for (item of data; track item; let i = $index) {
|
|
1419
1425
|
<li
|
|
@@ -1425,7 +1431,7 @@ class ListBoxComponent {
|
|
|
1425
1431
|
[attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
|
|
1426
1432
|
[index]="i"
|
|
1427
1433
|
[class.k-disabled]="itemDisabled(item)"
|
|
1428
|
-
[attr.aria-disabled]="itemDisabled(item)"
|
|
1434
|
+
[attr.aria-disabled]="itemDisabled(item) ? true : null"
|
|
1429
1435
|
>
|
|
1430
1436
|
@if (itemTemplate) {
|
|
1431
1437
|
<ng-template
|
|
@@ -1450,7 +1456,7 @@ class ListBoxComponent {
|
|
|
1450
1456
|
}
|
|
1451
1457
|
</div>
|
|
1452
1458
|
</div>
|
|
1453
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoListBoxLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"
|
|
1459
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoListBoxLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
|
|
1454
1460
|
}
|
|
1455
1461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ListBoxComponent, decorators: [{
|
|
1456
1462
|
type: Component,
|
|
@@ -1508,8 +1514,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1508
1514
|
[icon]="toolIcon(tool.icon)"
|
|
1509
1515
|
[svgIcon]="toolSVGIcon(tool.svgIcon)"
|
|
1510
1516
|
[attr.title]="messageFor(tool.name)"
|
|
1517
|
+
[attr.aria-label]="messageFor(tool.name)"
|
|
1511
1518
|
(click)="performAction(tool.name)"
|
|
1512
|
-
role="button"
|
|
1513
1519
|
type="button"
|
|
1514
1520
|
></button>
|
|
1515
1521
|
}
|
|
@@ -1526,7 +1532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1526
1532
|
class="k-list-ul"
|
|
1527
1533
|
role="listbox"
|
|
1528
1534
|
[attr.aria-label]="listboxLabel"
|
|
1529
|
-
[attr.aria-multiselectable]="selectable === 'multiple'"
|
|
1535
|
+
[attr.aria-multiselectable]="selectable === 'multiple' ? true : null"
|
|
1530
1536
|
>
|
|
1531
1537
|
@for (item of data; track item; let i = $index) {
|
|
1532
1538
|
<li
|
|
@@ -1538,7 +1544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1538
1544
|
[attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
|
|
1539
1545
|
[index]="i"
|
|
1540
1546
|
[class.k-disabled]="itemDisabled(item)"
|
|
1541
|
-
[attr.aria-disabled]="itemDisabled(item)"
|
|
1547
|
+
[attr.aria-disabled]="itemDisabled(item) ? true : null"
|
|
1542
1548
|
>
|
|
1543
1549
|
@if (itemTemplate) {
|
|
1544
1550
|
<ng-template
|
package/listbox.component.d.ts
CHANGED
|
@@ -174,11 +174,11 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
174
174
|
/**
|
|
175
175
|
* @hidden
|
|
176
176
|
*/
|
|
177
|
-
|
|
177
|
+
chevronLeftIcon: SVGIcon;
|
|
178
178
|
/**
|
|
179
179
|
* @hidden
|
|
180
180
|
*/
|
|
181
|
-
|
|
181
|
+
chevronRightIcon: SVGIcon;
|
|
182
182
|
private localizationSubscription;
|
|
183
183
|
private _size;
|
|
184
184
|
private subs;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "24.0.0-develop.
|
|
10
|
+
"publishDate": 1778841850,
|
|
11
|
+
"version": "24.0.0-develop.31",
|
|
12
12
|
"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"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-listbox",
|
|
3
|
-
"version": "24.0.0-develop.
|
|
3
|
+
"version": "24.0.0-develop.31",
|
|
4
4
|
"description": "Kendo UI for Angular ListBox",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"package": {
|
|
42
42
|
"productName": "Kendo UI for Angular",
|
|
43
43
|
"productCode": "KENDOUIANGULAR",
|
|
44
|
-
"publishDate":
|
|
44
|
+
"publishDate": 1778841850,
|
|
45
45
|
"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"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
@@ -51,14 +51,14 @@
|
|
|
51
51
|
"@angular/core": "19 - 21",
|
|
52
52
|
"@angular/platform-browser": "19 - 21",
|
|
53
53
|
"@progress/kendo-licensing": "^1.11.0",
|
|
54
|
-
"@progress/kendo-angular-buttons": "24.0.0-develop.
|
|
55
|
-
"@progress/kendo-angular-common": "24.0.0-develop.
|
|
56
|
-
"@progress/kendo-angular-popup": "24.0.0-develop.
|
|
54
|
+
"@progress/kendo-angular-buttons": "24.0.0-develop.31",
|
|
55
|
+
"@progress/kendo-angular-common": "24.0.0-develop.31",
|
|
56
|
+
"@progress/kendo-angular-popup": "24.0.0-develop.31",
|
|
57
57
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"tslib": "^2.3.1",
|
|
61
|
-
"@progress/kendo-angular-schematics": "24.0.0-develop.
|
|
61
|
+
"@progress/kendo-angular-schematics": "24.0.0-develop.31",
|
|
62
62
|
"@progress/kendo-common": "^1.0.1"
|
|
63
63
|
},
|
|
64
64
|
"schematics": "./schematics/collection.json",
|
|
@@ -11,11 +11,11 @@ function default_1(options) {
|
|
|
11
11
|
// Additional dependencies to install.
|
|
12
12
|
// See https://github.com/telerik/kendo-schematics/issues/28
|
|
13
13
|
peerDependencies: {
|
|
14
|
-
'@progress/kendo-angular-buttons': '24.0.0-develop.
|
|
15
|
-
'@progress/kendo-angular-common': '24.0.0-develop.
|
|
16
|
-
'@progress/kendo-angular-l10n': '24.0.0-develop.
|
|
14
|
+
'@progress/kendo-angular-buttons': '24.0.0-develop.31',
|
|
15
|
+
'@progress/kendo-angular-common': '24.0.0-develop.31',
|
|
16
|
+
'@progress/kendo-angular-l10n': '24.0.0-develop.31',
|
|
17
17
|
// Peer of kendo-angular-buttons
|
|
18
|
-
'@progress/kendo-angular-popup': '24.0.0-develop.
|
|
18
|
+
'@progress/kendo-angular-popup': '24.0.0-develop.31'
|
|
19
19
|
} });
|
|
20
20
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
21
21
|
}
|