@progress/kendo-angular-listbox 11.5.0-develop.9 → 11.6.0-develop.1

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.
@@ -77,6 +77,7 @@ export class ListBoxComponent {
77
77
  validatePackage(packageMetadata);
78
78
  this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
79
79
  this.setSizingClass(this.size);
80
+ this.direction = localization.rtl ? 'rtl' : 'ltr';
80
81
  }
81
82
  /**
82
83
  * Sets the size of the component.
@@ -133,6 +134,10 @@ export class ListBoxComponent {
133
134
  if (this.selectedIndex) {
134
135
  this.keyboardNavigationService.focusedToolIndex = this.selectedIndex;
135
136
  }
137
+ this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
138
+ this.direction = rtl ? 'rtl' : 'ltr';
139
+ });
140
+ this.subs.add(this.localizationSubscription);
136
141
  }
137
142
  ngAfterViewInit() {
138
143
  const toolsRef = this.tools.toArray();
@@ -318,7 +323,7 @@ export class ListBoxComponent {
318
323
  }
319
324
  }
320
325
  ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ListBoxComponent, deps: [{ token: i1.KeyboardNavigationService }, { token: i2.ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
321
- ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [
326
+ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
322
327
  ListBoxSelectionService,
323
328
  KeyboardNavigationService,
324
329
  LocalizationService,
@@ -505,6 +510,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
505
510
  }], ctorParameters: function () { return [{ type: i1.KeyboardNavigationService }, { type: i2.ListBoxSelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i3.LocalizationService }]; }, propDecorators: { listboxClassName: [{
506
511
  type: HostBinding,
507
512
  args: ['class.k-listbox']
513
+ }], direction: [{
514
+ type: HostBinding,
515
+ args: ['attr.dir']
508
516
  }], itemTemplate: [{
509
517
  type: ContentChild,
510
518
  args: [ItemTemplateDirective]
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-listbox',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1680506871,
13
- version: '11.5.0-develop.9',
12
+ publishDate: 1680696827,
13
+ version: '11.6.0-develop.1',
14
14
  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'
15
15
  };
@@ -24,8 +24,8 @@ const packageMetadata = {
24
24
  name: '@progress/kendo-angular-listbox',
25
25
  productName: 'Kendo UI for Angular',
26
26
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
27
- publishDate: 1680506871,
28
- version: '11.5.0-develop.9',
27
+ publishDate: 1680696827,
28
+ version: '11.6.0-develop.1',
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
 
@@ -584,6 +584,7 @@ class ListBoxComponent {
584
584
  validatePackage(packageMetadata);
585
585
  this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
586
586
  this.setSizingClass(this.size);
587
+ this.direction = localization.rtl ? 'rtl' : 'ltr';
587
588
  }
588
589
  /**
589
590
  * Sets the size of the component.
@@ -640,6 +641,10 @@ class ListBoxComponent {
640
641
  if (this.selectedIndex) {
641
642
  this.keyboardNavigationService.focusedToolIndex = this.selectedIndex;
642
643
  }
644
+ this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
645
+ this.direction = rtl ? 'rtl' : 'ltr';
646
+ });
647
+ this.subs.add(this.localizationSubscription);
643
648
  }
644
649
  ngAfterViewInit() {
645
650
  const toolsRef = this.tools.toArray();
@@ -828,7 +833,7 @@ class ListBoxComponent {
828
833
  }
829
834
  }
830
835
  ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ListBoxComponent, deps: [{ token: KeyboardNavigationService }, { token: ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
831
- ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [
836
+ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
832
837
  ListBoxSelectionService,
833
838
  KeyboardNavigationService,
834
839
  LocalizationService,
@@ -1015,6 +1020,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1015
1020
  }], ctorParameters: function () { return [{ type: KeyboardNavigationService }, { type: ListBoxSelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { listboxClassName: [{
1016
1021
  type: HostBinding,
1017
1022
  args: ['class.k-listbox']
1023
+ }], direction: [{
1024
+ type: HostBinding,
1025
+ args: ['attr.dir']
1018
1026
  }], itemTemplate: [{
1019
1027
  type: ContentChild,
1020
1028
  args: [ItemTemplateDirective]
@@ -24,8 +24,8 @@ const packageMetadata = {
24
24
  name: '@progress/kendo-angular-listbox',
25
25
  productName: 'Kendo UI for Angular',
26
26
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
27
- publishDate: 1680506871,
28
- version: '11.5.0-develop.9',
27
+ publishDate: 1680696827,
28
+ version: '11.6.0-develop.1',
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
 
@@ -584,6 +584,7 @@ class ListBoxComponent {
584
584
  validatePackage(packageMetadata);
585
585
  this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
586
586
  this.setSizingClass(this.size);
587
+ this.direction = localization.rtl ? 'rtl' : 'ltr';
587
588
  }
588
589
  /**
589
590
  * Sets the size of the component.
@@ -640,6 +641,10 @@ class ListBoxComponent {
640
641
  if (this.selectedIndex) {
641
642
  this.keyboardNavigationService.focusedToolIndex = this.selectedIndex;
642
643
  }
644
+ this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
645
+ this.direction = rtl ? 'rtl' : 'ltr';
646
+ });
647
+ this.subs.add(this.localizationSubscription);
643
648
  }
644
649
  ngAfterViewInit() {
645
650
  const toolsRef = this.tools.toArray();
@@ -825,7 +830,7 @@ class ListBoxComponent {
825
830
  }
826
831
  }
827
832
  ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ListBoxComponent, deps: [{ token: KeyboardNavigationService }, { token: ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
828
- ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [
833
+ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
829
834
  ListBoxSelectionService,
830
835
  KeyboardNavigationService,
831
836
  LocalizationService,
@@ -1012,6 +1017,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1012
1017
  }], ctorParameters: function () { return [{ type: KeyboardNavigationService }, { type: ListBoxSelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { listboxClassName: [{
1013
1018
  type: HostBinding,
1014
1019
  args: ['class.k-listbox']
1020
+ }], direction: [{
1021
+ type: HostBinding,
1022
+ args: ['attr.dir']
1015
1023
  }], itemTemplate: [{
1016
1024
  type: ContentChild,
1017
1025
  args: [ItemTemplateDirective]
@@ -5,6 +5,7 @@
5
5
  import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
6
6
  import { ListBoxSelectionEvent, ListBoxSelectionService } from './selection.service';
7
7
  import { ItemTemplateDirective } from './item-template.directive';
8
+ import { Direction } from './util';
8
9
  import { ListBoxSize } from './size';
9
10
  import { ActionName, ListBoxToolbarConfig, Tool } from './toolbar';
10
11
  import { Button } from '@progress/kendo-angular-buttons';
@@ -25,6 +26,10 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
25
26
  * @hidden
26
27
  */
27
28
  listboxClassName: boolean;
29
+ /**
30
+ * @hidden
31
+ */
32
+ direction: Direction;
28
33
  /**
29
34
  * @hidden
30
35
  */
@@ -115,6 +120,7 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
115
120
  * @hidden
116
121
  */
117
122
  parentListbox: ListBoxComponent;
123
+ private localizationSubscription;
118
124
  private _size;
119
125
  private subs;
120
126
  constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone, localization: LocalizationService);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-listbox",
3
- "version": "11.5.0-develop.9",
3
+ "version": "11.6.0-develop.1",
4
4
  "description": "Kendo UI for Angular ListBox",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,14 +23,14 @@
23
23
  "@angular/core": "13 - 15",
24
24
  "@angular/platform-browser": "13 - 15",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-buttons": "11.5.0-develop.9",
27
- "@progress/kendo-angular-common": "11.5.0-develop.9",
28
- "@progress/kendo-angular-popup": "11.5.0-develop.9",
26
+ "@progress/kendo-angular-buttons": "11.6.0-develop.1",
27
+ "@progress/kendo-angular-common": "11.6.0-develop.1",
28
+ "@progress/kendo-angular-popup": "11.6.0-develop.1",
29
29
  "rxjs": "^6.5.3 || ^7.0.0"
30
30
  },
31
31
  "dependencies": {
32
32
  "tslib": "^2.3.1",
33
- "@progress/kendo-angular-schematics": "11.5.0-develop.9",
33
+ "@progress/kendo-angular-schematics": "11.6.0-develop.1",
34
34
  "@progress/kendo-common": "^0.2.2"
35
35
  },
36
36
  "schematics": "./schematics/collection.json",
@@ -6,11 +6,11 @@ function default_1(options) {
6
6
  // Additional dependencies to install.
7
7
  // See https://github.com/telerik/kendo-schematics/issues/28
8
8
  peerDependencies: {
9
- '@progress/kendo-angular-buttons': '11.5.0-develop.9',
10
- '@progress/kendo-angular-common': '11.5.0-develop.9',
11
- '@progress/kendo-angular-l10n': '11.5.0-develop.9',
9
+ '@progress/kendo-angular-buttons': '11.6.0-develop.1',
10
+ '@progress/kendo-angular-common': '11.6.0-develop.1',
11
+ '@progress/kendo-angular-l10n': '11.6.0-develop.1',
12
12
  // Peer of kendo-angular-buttons
13
- '@progress/kendo-angular-popup': '11.5.0-develop.9'
13
+ '@progress/kendo-angular-popup': '11.6.0-develop.1'
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }
package/util.d.ts CHANGED
@@ -29,3 +29,7 @@ export declare type StringKeyObject = {
29
29
  * @hidden
30
30
  */
31
31
  export declare const getTools: (names: ActionName[]) => import("./toolbar").Tool[];
32
+ /**
33
+ * @hidden
34
+ */
35
+ export declare type Direction = 'rtl' | 'ltr';