@progress/kendo-angular-listbox 1.0.5-dev.202211170805 → 11.0.0-develop.79

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.
Files changed (33) hide show
  1. package/NOTICE.txt +3 -3
  2. package/constants.d.ts +2 -2
  3. package/data-binding.directive.d.ts +1 -1
  4. package/{esm2015/constants.js → esm2020/constants.mjs} +6 -6
  5. package/{esm2015/data-binding.directive.js → esm2020/data-binding.directive.mjs} +6 -5
  6. package/{esm2015/main.js → esm2020/index.mjs} +1 -1
  7. package/{esm2015/item-selectable.directive.js → esm2020/item-selectable.directive.mjs} +5 -4
  8. package/{esm2015/item-template.directive.js → esm2020/item-template.directive.mjs} +5 -5
  9. package/{esm2015/listbox.component.js → esm2020/listbox.component.mjs} +53 -37
  10. package/{esm2015/listbox.module.js → esm2020/listbox.module.mjs} +5 -5
  11. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +2 -2
  12. package/{esm2015/kendo-angular-listbox.js → esm2020/progress-kendo-angular-listbox.mjs} +2 -2
  13. package/{esm2015/selection.service.js → esm2020/selection.service.mjs} +4 -4
  14. package/{esm2015/size.js → esm2020/size.mjs} +1 -1
  15. package/{esm2015/toolbar.js → esm2020/toolbar.mjs} +1 -1
  16. package/{esm2015/util.js → esm2020/util.mjs} +1 -1
  17. package/fesm2015/{kendo-angular-listbox.js → progress-kendo-angular-listbox.mjs} +75 -59
  18. package/fesm2020/progress-kendo-angular-listbox.mjs +603 -0
  19. package/{main.d.ts → index.d.ts} +2 -1
  20. package/item-selectable.directive.d.ts +1 -1
  21. package/item-template.directive.d.ts +1 -1
  22. package/listbox.component.d.ts +5 -2
  23. package/listbox.module.d.ts +1 -1
  24. package/package-metadata.d.ts +1 -1
  25. package/package.json +31 -57
  26. package/{kendo-angular-listbox.d.ts → progress-kendo-angular-listbox.d.ts} +2 -2
  27. package/schematics/ngAdd/index.js +1 -5
  28. package/selection.service.d.ts +1 -1
  29. package/size.d.ts +1 -1
  30. package/toolbar.d.ts +1 -1
  31. package/util.d.ts +1 -1
  32. package/bundles/kendo-angular-listbox.umd.js +0 -5
  33. package/schematics/ngAdd/index.js.map +0 -1
package/NOTICE.txt CHANGED
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
37
37
  Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
38
38
  Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
39
39
  Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
40
- Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
40
+ Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
41
41
  Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
42
42
  Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
43
43
  ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
433
433
  @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
434
434
  @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
435
435
  @types/prosemirror-transform v1*, and @types/prosemirror-view v1*. Such technologies are
436
- subject to the following terms and conditions:
436
+ subject to the following terms and conditions:
437
437
 
438
438
  This project is licensed under the MIT license.
439
439
  Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
640
640
  2. Special Notices Regarding Commercially Licensed Third-Party Components
641
641
  incorporated into the Product: NONE
642
642
 
643
- 3. Special Notices Regarding Progress Products incorporated into the Product:
643
+ 3. Special Notices Regarding Progress Products incorporated into the Product:
644
644
 
645
645
  (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
646
646
  from Progress Software Corporation. See NOTICE.txt text file within product for
package/constants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ListBoxToolbarPosition, Tool } from "./toolbar";
@@ -20,6 +20,6 @@ export declare const sizeClassMap: {
20
20
  /**
21
21
  * @hidden
22
22
  */
23
- export declare const toolbarClasses: {
23
+ export declare const actionsClasses: {
24
24
  [key: string]: string;
25
25
  };
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -57,9 +57,9 @@ export const sizeClassMap = {
57
57
  /**
58
58
  * @hidden
59
59
  */
60
- export const toolbarClasses = {
61
- left: 'k-listbox-toolbar-left',
62
- right: 'k-listbox-toolbar-right',
63
- top: 'k-listbox-toolbar-top',
64
- bottom: 'k-listbox-toolbar-bottom'
60
+ export const actionsClasses = {
61
+ left: 'k-listbox-actions-left',
62
+ right: 'k-listbox-actions-right',
63
+ top: 'k-listbox-actions-top',
64
+ bottom: 'k-listbox-actions-bottom'
65
65
  };
@@ -1,10 +1,11 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Directive, Input } from '@angular/core';
6
6
  import { isChanged } from '@progress/kendo-angular-common';
7
7
  import { Subscription } from 'rxjs';
8
+ import { ListBoxComponent } from './listbox.component';
8
9
  import { isPresent } from './util';
9
10
  import * as i0 from "@angular/core";
10
11
  import * as i1 from "./listbox.component";
@@ -58,7 +59,7 @@ export class DataBindingDirective {
58
59
  */
59
60
  ngOnChanges(changes) {
60
61
  if (isChanged('connectedWith', changes, false)) {
61
- if (!changes.connectedWith.firstChange) {
62
+ if (!changes['connectedWith'].firstChange) {
62
63
  this.selectedBoxSub.unsubscribe();
63
64
  this.selectedBoxSub = new Subscription();
64
65
  }
@@ -128,9 +129,9 @@ export class DataBindingDirective {
128
129
  this.selectedBox = target;
129
130
  }
130
131
  }
131
- DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.ListBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
132
- DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DataBindingDirective, selector: "[kendoListBoxDataBinding]", inputs: { connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
133
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBindingDirective, decorators: [{
132
+ DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.ListBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
133
+ DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: DataBindingDirective, selector: "[kendoListBoxDataBinding]", inputs: { connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
134
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataBindingDirective, decorators: [{
134
135
  type: Directive,
135
136
  args: [{
136
137
  selector: '[kendoListBoxDataBinding]'
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export { ListBoxComponent } from './listbox.component';
@@ -1,8 +1,9 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Directive, Input, HostBinding, HostListener } from '@angular/core';
6
+ import { ListBoxSelectionService } from './selection.service';
6
7
  import * as i0 from "@angular/core";
7
8
  import * as i1 from "./selection.service";
8
9
  /**
@@ -20,9 +21,9 @@ export class ItemSelectableDirective {
20
21
  this.selectionService.select(this.index);
21
22
  }
22
23
  }
23
- ItemSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemSelectableDirective, deps: [{ token: i1.ListBoxSelectionService }], target: i0.ɵɵFactoryTarget.Directive });
24
- ItemSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: { index: "index" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemSelectableDirective, decorators: [{
24
+ ItemSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ItemSelectableDirective, deps: [{ token: i1.ListBoxSelectionService }], target: i0.ɵɵFactoryTarget.Directive });
25
+ ItemSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: { index: "index" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ItemSelectableDirective, decorators: [{
26
27
  type: Directive,
27
28
  args: [{
28
29
  selector: '[kendoListBoxItemSelectable]'
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
5
+ import { Directive, TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
8
  * Renders the ListBox item content. To define the item template, nest an `<ng-template>` tag
@@ -28,9 +28,9 @@ export class ItemTemplateDirective {
28
28
  this.templateRef = templateRef;
29
29
  }
30
30
  }
31
- ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
32
- ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemTemplateDirective, selector: "[kendoListBoxItemTemplate]", ngImport: i0 });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, decorators: [{
31
+ ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
32
+ ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ItemTemplateDirective, selector: "[kendoListBoxItemTemplate]", ngImport: i0 });
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ItemTemplateDirective, decorators: [{
34
34
  type: Directive,
35
35
  args: [{
36
36
  selector: '[kendoListBoxItemTemplate]'
@@ -1,20 +1,21 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Component, ContentChild, EventEmitter, HostBinding, Input, isDevMode, Output } from '@angular/core';
5
+ import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, isDevMode, Output, Renderer2 } from '@angular/core';
6
6
  import { validatePackage } from '@progress/kendo-licensing';
7
7
  import { Subscription } from 'rxjs';
8
8
  import { packageMetadata } from './package-metadata';
9
9
  import { ListBoxSelectionService } from './selection.service';
10
10
  import { ItemTemplateDirective } from './item-template.directive';
11
11
  import { defaultItemDisabled, fieldAccessor, getTools } from './util';
12
- import { allTools, DEFAULT_TOOLBAR_POSITION, sizeClassMap, toolbarClasses } from './constants';
12
+ import { allTools, DEFAULT_TOOLBAR_POSITION, sizeClassMap, actionsClasses } from './constants';
13
13
  import * as i0 from "@angular/core";
14
14
  import * as i1 from "./selection.service";
15
- import * as i2 from "@angular/common";
16
- import * as i3 from "@progress/kendo-angular-buttons";
15
+ import * as i2 from "@progress/kendo-angular-buttons";
16
+ import * as i3 from "@angular/common";
17
17
  import * as i4 from "./item-selectable.directive";
18
+ const DEFAULT_SIZE = 'medium';
18
19
  /**
19
20
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
20
21
  */
@@ -31,15 +32,6 @@ export class ListBoxComponent {
31
32
  * The data which will be displayed by the ListBox.
32
33
  */
33
34
  this.data = [];
34
- /**
35
- * Sets the size of the component.
36
- *
37
- * The possible values are:
38
- * - `'small'`
39
- * - `'medium'` (default)
40
- * - `'large'`
41
- */
42
- this.size = 'medium';
43
35
  /**
44
36
  * A function which determines if a specific item is disabled.
45
37
  */
@@ -56,13 +48,32 @@ export class ListBoxComponent {
56
48
  * @hidden
57
49
  */
58
50
  this.selectedTools = allTools;
51
+ this._size = DEFAULT_SIZE;
59
52
  this.sub = new Subscription();
60
53
  validatePackage(packageMetadata);
61
54
  this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
55
+ this.setSizingClass(this.size);
62
56
  this.sub.add(this.selectionService.onSelect.subscribe((e) => {
63
57
  this.selectionChange.next(e);
64
58
  }));
65
59
  }
60
+ /**
61
+ * Sets the size of the component.
62
+ *
63
+ * The possible values are:
64
+ * - `'small'`
65
+ * - `'medium'` (default)
66
+ * - `'large'`
67
+ */
68
+ set size(size) {
69
+ const newSize = size ? size : DEFAULT_SIZE;
70
+ this.renderer.removeClass(this.hostElement.nativeElement, `k-listbox-${sizeClassMap[this.size]}`);
71
+ this.setSizingClass(newSize);
72
+ this._size = size;
73
+ }
74
+ get size() {
75
+ return this._size;
76
+ }
66
77
  /**
67
78
  * Sets whether a toolbar should be displayed with the ListBox, as well as what tools and position should be used.
68
79
  */
@@ -125,26 +136,30 @@ export class ListBoxComponent {
125
136
  return fieldAccessor(dataItem, this.textField);
126
137
  }
127
138
  setToolbarClass(pos) {
128
- Object.keys(toolbarClasses).forEach((className) => {
139
+ Object.keys(actionsClasses).forEach((className) => {
129
140
  if (pos === className) {
130
- this.renderer.addClass(this.hostElement.nativeElement, toolbarClasses[className]);
141
+ this.renderer.addClass(this.hostElement.nativeElement, actionsClasses[className]);
131
142
  }
132
143
  else {
133
- this.renderer.removeClass(this.hostElement.nativeElement, toolbarClasses[className]);
144
+ this.renderer.removeClass(this.hostElement.nativeElement, actionsClasses[className]);
134
145
  }
135
146
  });
136
147
  }
148
+ setSizingClass(size) {
149
+ this.renderer.addClass(this.hostElement.nativeElement, `k-listbox-${sizeClassMap[size]}`);
150
+ }
137
151
  }
138
- ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxComponent, deps: [{ token: i1.ListBoxSelectionService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
139
- ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [ListBoxSelectionService], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }], ngImport: i0, template: `
140
- <div class="k-listbox-toolbar" *ngIf="selectedTools.length > 0">
141
- <ul class="k-reset">
142
- <li *ngFor="let tool of selectedTools">
143
- <button kendoButton [icon]="tool.icon" (click)="performAction(tool.name)" role="button"></button>
144
- </li>
145
-
146
- <!-- react moving items has a smoother removal of the style: https://www.telerik.com/kendo-react-ui/components/listbox/ -->
147
- </ul>
152
+ ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxComponent, deps: [{ token: i1.ListBoxSelectionService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
153
+ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [ListBoxSelectionService], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }], ngImport: i0, template: `
154
+ <div class="k-listbox-actions" *ngIf="selectedTools.length > 0">
155
+ <button
156
+ *ngFor="let tool of selectedTools"
157
+ kendoButton
158
+ [size]="this.size"
159
+ [icon]="tool.icon"
160
+ (click)="performAction(tool.name)"
161
+ role="button"
162
+ ></button>
148
163
  </div>
149
164
  <div class="k-list-scroller k-selectable">
150
165
  <div class="{{ listClasses }}">
@@ -171,21 +186,22 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
171
186
  </div>
172
187
  </div>
173
188
  </div>
174
- `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i4.ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { type: i3.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
175
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxComponent, decorators: [{
189
+ `, isInline: true, components: [{ type: i2.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { type: i2.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
190
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxComponent, decorators: [{
176
191
  type: Component,
177
192
  args: [{
178
193
  selector: 'kendo-listbox',
179
194
  providers: [ListBoxSelectionService],
180
195
  template: `
181
- <div class="k-listbox-toolbar" *ngIf="selectedTools.length > 0">
182
- <ul class="k-reset">
183
- <li *ngFor="let tool of selectedTools">
184
- <button kendoButton [icon]="tool.icon" (click)="performAction(tool.name)" role="button"></button>
185
- </li>
186
-
187
- <!-- react moving items has a smoother removal of the style: https://www.telerik.com/kendo-react-ui/components/listbox/ -->
188
- </ul>
196
+ <div class="k-listbox-actions" *ngIf="selectedTools.length > 0">
197
+ <button
198
+ *ngFor="let tool of selectedTools"
199
+ kendoButton
200
+ [size]="this.size"
201
+ [icon]="tool.icon"
202
+ (click)="performAction(tool.name)"
203
+ role="button"
204
+ ></button>
189
205
  </div>
190
206
  <div class="k-list-scroller k-selectable">
191
207
  <div class="{{ listClasses }}">
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { NgModule } from '@angular/core';
@@ -15,10 +15,10 @@ import * as i0 from "@angular/core";
15
15
  */
16
16
  export class ListBoxModule {
17
17
  }
18
- ListBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
19
- ListBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, declarations: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective], imports: [ButtonsModule, CommonModule], exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective] });
20
- ListBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, imports: [[ButtonsModule, CommonModule]] });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, decorators: [{
18
+ ListBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
19
+ ListBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxModule, declarations: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective], imports: [ButtonsModule, CommonModule], exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective] });
20
+ ListBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxModule, imports: [[ButtonsModule, CommonModule]] });
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxModule, decorators: [{
22
22
  type: NgModule,
23
23
  args: [{
24
24
  imports: [ButtonsModule, CommonModule],
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -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: 1668672323,
12
+ publishDate: 1672320788,
13
13
  version: '',
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
  };
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Generated bundle index. Do not edit.
7
7
  */
8
- export * from './main';
8
+ export * from './index';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EventEmitter, Injectable } from "@angular/core";
@@ -23,8 +23,8 @@ export class ListBoxSelectionService {
23
23
  this.selectedIndex = null;
24
24
  }
25
25
  }
26
- ListBoxSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
27
- ListBoxSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService });
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService, decorators: [{
26
+ ListBoxSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
27
+ ListBoxSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxSelectionService });
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListBoxSelectionService, decorators: [{
29
29
  type: Injectable
30
30
  }] });
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export {};
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export {};
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { getter } from '@progress/kendo-common';