@progress/kendo-angular-buttons 17.0.0-develop.9 → 17.0.1-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.
Files changed (94) hide show
  1. package/README.md +27 -106
  2. package/button/button.component.d.ts +1 -1
  3. package/button/selection-settings.d.ts +1 -1
  4. package/buttongroup/buttongroup.component.d.ts +1 -1
  5. package/chip/chip-list.component.d.ts +8 -7
  6. package/chip/chip.component.d.ts +8 -7
  7. package/chip/models/avatar-settings.interface.d.ts +33 -0
  8. package/chip/models/selection.d.ts +1 -1
  9. package/common/models/fillmode.d.ts +2 -2
  10. package/common/models/rounded.d.ts +2 -2
  11. package/common/models/size.d.ts +2 -6
  12. package/common/models/theme-color.d.ts +2 -2
  13. package/direction.d.ts +1 -1
  14. package/dropdownbutton/dropdownbutton.component.d.ts +7 -10
  15. package/{esm2020 → esm2022}/button/button.component.mjs +63 -52
  16. package/{esm2020 → esm2022}/button/button.module.mjs +4 -4
  17. package/{esm2020 → esm2022}/button/button.service.mjs +5 -7
  18. package/{esm2020 → esm2022}/buttongroup/buttongroup.component.mjs +76 -51
  19. package/{esm2020 → esm2022}/buttongroup/buttongroup.module.mjs +4 -4
  20. package/{esm2020 → esm2022}/buttons.module.mjs +4 -4
  21. package/{esm2020 → esm2022}/chip/chip-list.component.mjs +65 -48
  22. package/{esm2020 → esm2022}/chip/chip.component.mjs +160 -93
  23. package/{esm2020 → esm2022}/chip/chip.module.mjs +4 -4
  24. package/{esm2020 → esm2022}/dropdownbutton/dropdownbutton.component.mjs +125 -117
  25. package/{esm2020 → esm2022}/dropdownbutton/dropdownbutton.module.mjs +4 -4
  26. package/{esm2020 → esm2022}/floatingactionbutton/dial-item.component.mjs +21 -11
  27. package/{esm2020 → esm2022}/floatingactionbutton/dial-list.component.mjs +16 -11
  28. package/{esm2020 → esm2022}/floatingactionbutton/floatingactionbutton.component.mjs +145 -102
  29. package/{esm2020 → esm2022}/floatingactionbutton/floatingactionbutton.module.mjs +4 -4
  30. package/{esm2020 → esm2022}/floatingactionbutton/templates/dial-item-template.directive.mjs +4 -3
  31. package/{esm2020 → esm2022}/floatingactionbutton/templates/fab-template.directive.mjs +4 -3
  32. package/{esm2020 → esm2022}/focusable/focus.service.mjs +5 -6
  33. package/{esm2020 → esm2022}/focusable/focusable.directive.mjs +8 -4
  34. package/{esm2020 → esm2022}/index.mjs +0 -1
  35. package/{esm2020 → esm2022}/listbutton/button-item-template.directive.mjs +4 -3
  36. package/{esm2020 → esm2022}/listbutton/container.service.mjs +5 -3
  37. package/{esm2020 → esm2022}/listbutton/list-button.mjs +88 -51
  38. package/{esm2020 → esm2022}/listbutton/list.component.mjs +13 -10
  39. package/esm2022/listbutton/popup-settings.mjs +5 -0
  40. package/{esm2020 → esm2022}/navigation/navigation.service.mjs +12 -11
  41. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  42. package/{esm2020 → esm2022}/preventable-event.mjs +1 -3
  43. package/{esm2020 → esm2022}/splitbutton/localization/custom-messages.component.mjs +7 -6
  44. package/{esm2020 → esm2022}/splitbutton/localization/localized-messages.directive.mjs +9 -8
  45. package/esm2022/splitbutton/localization/messages.mjs +45 -0
  46. package/{esm2020 → esm2022}/splitbutton/splitbutton.component.mjs +214 -188
  47. package/{esm2020 → esm2022}/splitbutton/splitbutton.module.mjs +4 -4
  48. package/{esm2020 → esm2022}/util.mjs +6 -0
  49. package/{fesm2020 → fesm2022}/progress-kendo-angular-buttons.mjs +1318 -1056
  50. package/floatingactionbutton/dial-item.component.d.ts +1 -1
  51. package/floatingactionbutton/dial-list.component.d.ts +1 -1
  52. package/floatingactionbutton/floatingactionbutton.component.d.ts +1 -1
  53. package/floatingactionbutton/models/position-mode.d.ts +1 -1
  54. package/focusable/focusable.directive.d.ts +1 -1
  55. package/index.d.ts +1 -1
  56. package/listbutton/list-button.d.ts +9 -4
  57. package/listbutton/list.component.d.ts +1 -1
  58. package/package.json +15 -21
  59. package/schematics/ngAdd/index.js +1 -1
  60. package/splitbutton/localization/messages.d.ts +1 -1
  61. package/splitbutton/splitbutton.component.d.ts +8 -16
  62. package/util.d.ts +6 -0
  63. package/esm2020/listbutton/list.module.mjs +0 -33
  64. package/esm2020/splitbutton/localization/messages.mjs +0 -23
  65. package/fesm2015/progress-kendo-angular-buttons.mjs +0 -5551
  66. package/listbutton/list.module.d.ts +0 -13
  67. /package/{esm2020 → esm2022}/button/selection-settings.mjs +0 -0
  68. /package/{esm2020 → esm2022}/chip/chip-content-click-event-args.interface.mjs +0 -0
  69. /package/{esm2020 → esm2022}/chip/chip-list-remove-event-args.interface.mjs +0 -0
  70. /package/{esm2020 → esm2022}/chip/chip-remove-event-args.interface.mjs +0 -0
  71. /package/{esm2020/chip/models/selection.mjs → esm2022/chip/models/avatar-settings.interface.mjs} +0 -0
  72. /package/{esm2020/common/models/arrow-settings.mjs → esm2022/chip/models/selection.mjs} +0 -0
  73. /package/{esm2020/common/models/fillmode.mjs → esm2022/common/models/arrow-settings.mjs} +0 -0
  74. /package/{esm2020/common/models/rounded.mjs → esm2022/common/models/fillmode.mjs} +0 -0
  75. /package/{esm2020/common/models/size.mjs → esm2022/common/models/rounded.mjs} +0 -0
  76. /package/{esm2020/common/models/styling-classes.mjs → esm2022/common/models/size.mjs} +0 -0
  77. /package/{esm2020/common/models/theme-color.mjs → esm2022/common/models/styling-classes.mjs} +0 -0
  78. /package/{esm2020/direction.mjs → esm2022/common/models/theme-color.mjs} +0 -0
  79. /package/{esm2020 → esm2022}/common/models.mjs +0 -0
  80. /package/{esm2020/floatingactionbutton/models/align.mjs → esm2022/direction.mjs} +0 -0
  81. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  82. /package/{esm2020 → esm2022}/floatingactionbutton/animations/animations.mjs +0 -0
  83. /package/{esm2020/floatingactionbutton/models/item-animation.interface.mjs → esm2022/floatingactionbutton/models/align.mjs} +0 -0
  84. /package/{esm2020/floatingactionbutton/models/item-click.event.mjs → esm2022/floatingactionbutton/models/item-animation.interface.mjs} +0 -0
  85. /package/{esm2020/floatingactionbutton/models/item.interface.mjs → esm2022/floatingactionbutton/models/item-click.event.mjs} +0 -0
  86. /package/{esm2020/floatingactionbutton/models/offset.mjs → esm2022/floatingactionbutton/models/item.interface.mjs} +0 -0
  87. /package/{esm2020/floatingactionbutton/models/position-mode.mjs → esm2022/floatingactionbutton/models/offset.mjs} +0 -0
  88. /package/{esm2020/listbutton/list-item-model.mjs → esm2022/floatingactionbutton/models/position-mode.mjs} +0 -0
  89. /package/{esm2020 → esm2022}/floatingactionbutton/utils.mjs +0 -0
  90. /package/{esm2020/listbutton/popup-settings.mjs → esm2022/listbutton/list-item-model.mjs} +0 -0
  91. /package/{esm2020 → esm2022}/navigation/key-events.mjs +0 -0
  92. /package/{esm2020 → esm2022}/navigation/navigation-action.mjs +0 -0
  93. /package/{esm2020 → esm2022}/navigation/navigation-config.mjs +0 -0
  94. /package/{esm2020 → esm2022}/progress-kendo-angular-buttons.mjs +0 -0
@@ -16,12 +16,11 @@ import * as i0 from "@angular/core";
16
16
  * @hidden
17
17
  */
18
18
  export class ListComponent {
19
- constructor() {
20
- this.onItemClick = new EventEmitter();
21
- this.onItemBlur = new EventEmitter();
22
- this.sizeClass = '';
23
- validatePackage(packageMetadata);
24
- }
19
+ data;
20
+ textField;
21
+ itemTemplate;
22
+ onItemClick = new EventEmitter();
23
+ onItemBlur = new EventEmitter();
25
24
  set size(size) {
26
25
  if (size) {
27
26
  this.sizeClass = `k-menu-group-${SIZES[size]}`;
@@ -30,6 +29,10 @@ export class ListComponent {
30
29
  this.sizeClass = '';
31
30
  }
32
31
  }
32
+ sizeClass = '';
33
+ constructor() {
34
+ validatePackage(packageMetadata);
35
+ }
33
36
  getText(dataItem) {
34
37
  if (dataItem) {
35
38
  return this.textField ? dataItem[this.textField] : dataItem.text || dataItem;
@@ -48,9 +51,8 @@ export class ListComponent {
48
51
  onBlur() {
49
52
  this.onItemBlur.emit();
50
53
  }
51
- }
52
- ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
53
- ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, isStandalone: true, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
54
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
55
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
54
56
  <ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
55
57
  <li kendoButtonFocusable
56
58
  *ngFor="let dataItem of data; let index = index;"
@@ -96,7 +98,8 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
96
98
  </li>
97
99
  </ul>
98
100
  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
101
+ }
102
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
100
103
  type: Component,
101
104
  args: [{
102
105
  selector: 'kendo-button-list',
@@ -0,0 +1,5 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export {};
@@ -13,15 +13,16 @@ import * as i0 from "@angular/core";
13
13
  * @hidden
14
14
  */
15
15
  export class NavigationService {
16
+ navigate = new EventEmitter();
17
+ open = new EventEmitter();
18
+ close = new EventEmitter();
19
+ enter = new EventEmitter();
20
+ enterpress = new EventEmitter();
21
+ enterup = new EventEmitter();
22
+ tab = new EventEmitter();
23
+ esc = new EventEmitter();
24
+ useLeftRightArrows;
16
25
  constructor(config) {
17
- this.navigate = new EventEmitter();
18
- this.open = new EventEmitter();
19
- this.close = new EventEmitter();
20
- this.enter = new EventEmitter();
21
- this.enterpress = new EventEmitter();
22
- this.enterup = new EventEmitter();
23
- this.tab = new EventEmitter();
24
- this.esc = new EventEmitter();
25
26
  this.useLeftRightArrows = config.useLeftRightArrows;
26
27
  }
27
28
  process(args) {
@@ -99,10 +100,10 @@ export class NavigationService {
99
100
  return args.current !== args.end ? args.current + args.step : args.end;
100
101
  }
101
102
  }
103
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
104
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
102
105
  }
103
- NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
104
- NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
105
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
106
107
  type: Injectable
107
108
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
108
109
  type: Inject,
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-buttons',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1729174306,
13
- version: '17.0.0-develop.9',
12
+ publishDate: 1731429614,
13
+ version: '17.0.1-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -6,9 +6,7 @@
6
6
  * @hidden
7
7
  */
8
8
  export class PreventableEvent {
9
- constructor() {
10
- this.prevented = false;
11
- }
9
+ prevented = false;
12
10
  /**
13
11
  * Prevents the default action for a specified event.
14
12
  * In this way, the source component suppresses the built-in behavior that follows the event.
@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
12
12
  * ([see example]({% slug rtl_buttons %}).
13
13
  */
14
14
  export class SplitButtonCustomMessagesComponent extends Messages {
15
+ service;
15
16
  constructor(service) {
16
17
  super();
17
18
  this.service = service;
@@ -19,13 +20,13 @@ export class SplitButtonCustomMessagesComponent extends Messages {
19
20
  get override() {
20
21
  return true;
21
22
  }
23
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
24
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitButtonCustomMessagesComponent, isStandalone: true, selector: "kendo-splitbutton-messages", providers: [{
25
+ provide: Messages,
26
+ useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
27
+ }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
22
28
  }
23
- SplitButtonCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
24
- SplitButtonCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SplitButtonCustomMessagesComponent, isStandalone: true, selector: "kendo-splitbutton-messages", providers: [{
25
- provide: Messages,
26
- useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
27
- }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonCustomMessagesComponent, decorators: [{
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonCustomMessagesComponent, decorators: [{
29
30
  type: Component,
30
31
  args: [{
31
32
  providers: [{
@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
11
11
  * @hidden
12
12
  */
13
13
  export class LocalizedSplitButtonMessagesDirective extends Messages {
14
+ service;
14
15
  constructor(service) {
15
16
  super();
16
17
  this.service = service;
17
18
  }
19
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedSplitButtonMessagesDirective, isStandalone: true, selector: "[kendoSplitButtonLocalizedMessages]", providers: [
21
+ {
22
+ provide: Messages,
23
+ useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
24
+ }
25
+ ], usesInheritance: true, ngImport: i0 });
18
26
  }
19
- LocalizedSplitButtonMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
- LocalizedSplitButtonMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedSplitButtonMessagesDirective, isStandalone: true, selector: "[kendoSplitButtonLocalizedMessages]", providers: [
21
- {
22
- provide: Messages,
23
- useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
24
- }
25
- ], usesInheritance: true, ngImport: i0 });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, decorators: [{
27
28
  type: Directive,
28
29
  args: [{
29
30
  providers: [
@@ -0,0 +1,45 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { Directive, Input } from '@angular/core';
6
+ import { ComponentMessages } from '@progress/kendo-angular-l10n';
7
+ import * as i0 from "@angular/core";
8
+ /**
9
+ * @hidden
10
+ */
11
+ export class Messages extends ComponentMessages {
12
+ /**
13
+ * The text for the SplitButton aria-label.
14
+ *
15
+ * The text for the aria-label consists of a two-part message - the text of the SplitButton and a localizable string.
16
+ * For a SplitButton with text 'Reply', the default aria-label will be 'Reply splitbutton'.
17
+ *
18
+ * To allow reordering of the SplitButton text and the localizable part, the splitButtonLabel accepts a string with a
19
+ * placeholder for the button text - e.g. 'splitbutton for {buttonText}'. The '{buttonText}' placeholder will be replaced
20
+ * internally with the current SplitButton text, and the resulting aria-label will be rendered as 'splitbutton for Reply'.
21
+ *
22
+ * @example
23
+ *
24
+ * ```ts-no-run
25
+ * <kendo-splitbutton>
26
+ * <kendo-splitbutton-messages
27
+ * splitButtonLabel="splitbutton for {buttonText}"
28
+ * >
29
+ * </kendo-splitbutton-messages>
30
+ * </kendo-splitbutton>
31
+ * ```
32
+ */
33
+ splitButtonLabel;
34
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
35
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-splitbutton-messages-base", inputs: { splitButtonLabel: "splitButtonLabel" }, usesInheritance: true, ngImport: i0 });
36
+ }
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
38
+ type: Directive,
39
+ args: [{
40
+ // eslint-disable-next-line @angular-eslint/directive-selector
41
+ selector: 'kendo-splitbutton-messages-base'
42
+ }]
43
+ }], propDecorators: { splitButtonLabel: [{
44
+ type: Input
45
+ }] } });