@progress/kendo-angular-dropdowns 18.1.0-develop.21 → 18.1.0-develop.23

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 (6) hide show
  1. package/common/action-sheet.component.d.ts +4 -0
  2. package/esm2022/common/action-sheet.component.mjs +20 -6
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/fesm2022/progress-kendo-angular-dropdowns.mjs +22 -8
  5. package/package.json +10 -10
  6. package/schematics/ngAdd/index.js +2 -2
package/common/action-sheet.component.d.ts CHANGED
@@ -36,8 +36,12 @@ export declare class ResponsiveRendererComponent {
36
36
  searchBarValue: string;
37
37
  animationDuration: number;
38
38
  xIcon: SVGIcon;
39
+ private expanded;
39
40
  messageFor(key: string): string;
40
41
  onValueChange(value: string): void;
42
+ onOverlayClick(): void;
43
+ handleExpand(): void;
44
+ handleClose(): void;
41
45
  static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveRendererComponent, never>;
42
46
  static ɵcmp: i0.ɵɵComponentDeclaration<ResponsiveRendererComponent, "responsive-renderer", never, { "title": { "alias": "title"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showTextInput": { "alias": "showTextInput"; "required": false; }; "sharedPopupActionSheetTemplate": { "alias": "sharedPopupActionSheetTemplate"; "required": false; }; "isActionSheetExpanded": { "alias": "isActionSheetExpanded"; "required": false; }; "text": { "alias": "text"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "closePopup": "closePopup"; "textInputChange": "textInputChange"; "navigate": "navigate"; "onExpand": "onExpand"; "onCollapse": "onCollapse"; "onApply": "onApply"; "onCancel": "onCancel"; }, never, never, true, never>;
43
47
  }
package/esm2022/common/action-sheet.component.mjs CHANGED
@@ -42,6 +42,7 @@ export class ResponsiveRendererComponent {
42
42
  searchBarValue = '';
43
43
  animationDuration = animationDuration;
44
44
  xIcon = xIcon;
45
+ expanded = false;
45
46
  messageFor(key) {
46
47
  return this.localization.get(key);
47
48
  }
@@ -49,15 +50,28 @@ export class ResponsiveRendererComponent {
49
50
  this.searchBarValue = value;
50
51
  this.textInputChange.emit(value);
51
52
  }
53
+ onOverlayClick() {
54
+ if (this.expanded) {
55
+ this.handleClose();
56
+ }
57
+ }
58
+ handleExpand() {
59
+ this.onExpand.emit();
60
+ this.expanded = true;
61
+ }
62
+ handleClose() {
63
+ this.closePopup.emit();
64
+ this.expanded = false;
65
+ }
52
66
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveRendererComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
53
67
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsiveRendererComponent, isStandalone: true, selector: "responsive-renderer", inputs: { title: "title", showActionButtons: "showActionButtons", subtitle: "subtitle", size: "size", showTextInput: "showTextInput", sharedPopupActionSheetTemplate: "sharedPopupActionSheetTemplate", isActionSheetExpanded: "isActionSheetExpanded", text: "text", placeholder: "placeholder" }, outputs: { closePopup: "closePopup", textInputChange: "textInputChange", navigate: "navigate", onExpand: "onExpand", onCollapse: "onCollapse", onApply: "onApply", onCancel: "onCancel" }, viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "actionSheetSearchBar", first: true, predicate: ["actionSheetSearchBar"], descendants: true }], ngImport: i0, template: `
54
68
  <kendo-actionsheet
55
69
  #actionSheet
56
70
  [animation]="{ duration: animationDuration }"
57
71
  [expanded]="isActionSheetExpanded"
58
- (overlayClick)="closePopup.emit()"
72
+ (overlayClick)="onOverlayClick()"
59
73
  (keydown)="navigate.emit($event)"
60
- (expand)="onExpand.emit()"
74
+ (expand)="handleExpand()"
61
75
  (collapse)="onCollapse.emit()"
62
76
  >
63
77
  <ng-template kendoActionSheetTemplate>
@@ -79,7 +93,7 @@ export class ResponsiveRendererComponent {
79
93
  [tabIndex]="-1"
80
94
  aria-hidden="true"
81
95
  innerCssClass="k-button-icon"
82
- (click)="closePopup.emit()"
96
+ (click)="handleClose()"
83
97
  ></button>
84
98
  </div>
85
99
  </div>
@@ -141,9 +155,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
141
155
  #actionSheet
142
156
  [animation]="{ duration: animationDuration }"
143
157
  [expanded]="isActionSheetExpanded"
144
- (overlayClick)="closePopup.emit()"
158
+ (overlayClick)="onOverlayClick()"
145
159
  (keydown)="navigate.emit($event)"
146
- (expand)="onExpand.emit()"
160
+ (expand)="handleExpand()"
147
161
  (collapse)="onCollapse.emit()"
148
162
  >
149
163
  <ng-template kendoActionSheetTemplate>
@@ -165,7 +179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
165
179
  [tabIndex]="-1"
166
180
  aria-hidden="true"
167
181
  innerCssClass="k-button-icon"
168
- (click)="closePopup.emit()"
182
+ (click)="handleClose()"
169
183
  ></button>
170
184
  </div>
171
185
  </div>
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1738836730,
14
- version: '18.1.0-develop.21',
13
+ publishDate: 1738853754,
14
+ version: '18.1.0-develop.23',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/fesm2022/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  productName: 'Kendo UI for Angular',
38
38
  productCode: 'KENDOUIANGULAR',
39
39
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1738836730,
41
- version: '18.1.0-develop.21',
40
+ publishDate: 1738853754,
41
+ version: '18.1.0-develop.23',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -2705,6 +2705,7 @@ class ResponsiveRendererComponent {
2705
2705
  searchBarValue = '';
2706
2706
  animationDuration = animationDuration;
2707
2707
  xIcon = xIcon;
2708
+ expanded = false;
2708
2709
  messageFor(key) {
2709
2710
  return this.localization.get(key);
2710
2711
  }
@@ -2712,15 +2713,28 @@ class ResponsiveRendererComponent {
2712
2713
  this.searchBarValue = value;
2713
2714
  this.textInputChange.emit(value);
2714
2715
  }
2716
+ onOverlayClick() {
2717
+ if (this.expanded) {
2718
+ this.handleClose();
2719
+ }
2720
+ }
2721
+ handleExpand() {
2722
+ this.onExpand.emit();
2723
+ this.expanded = true;
2724
+ }
2725
+ handleClose() {
2726
+ this.closePopup.emit();
2727
+ this.expanded = false;
2728
+ }
2715
2729
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveRendererComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
2716
2730
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsiveRendererComponent, isStandalone: true, selector: "responsive-renderer", inputs: { title: "title", showActionButtons: "showActionButtons", subtitle: "subtitle", size: "size", showTextInput: "showTextInput", sharedPopupActionSheetTemplate: "sharedPopupActionSheetTemplate", isActionSheetExpanded: "isActionSheetExpanded", text: "text", placeholder: "placeholder" }, outputs: { closePopup: "closePopup", textInputChange: "textInputChange", navigate: "navigate", onExpand: "onExpand", onCollapse: "onCollapse", onApply: "onApply", onCancel: "onCancel" }, viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "actionSheetSearchBar", first: true, predicate: ["actionSheetSearchBar"], descendants: true }], ngImport: i0, template: `
2717
2731
  <kendo-actionsheet
2718
2732
  #actionSheet
2719
2733
  [animation]="{ duration: animationDuration }"
2720
2734
  [expanded]="isActionSheetExpanded"
2721
- (overlayClick)="closePopup.emit()"
2735
+ (overlayClick)="onOverlayClick()"
2722
2736
  (keydown)="navigate.emit($event)"
2723
- (expand)="onExpand.emit()"
2737
+ (expand)="handleExpand()"
2724
2738
  (collapse)="onCollapse.emit()"
2725
2739
  >
2726
2740
  <ng-template kendoActionSheetTemplate>
@@ -2742,7 +2756,7 @@ class ResponsiveRendererComponent {
2742
2756
  [tabIndex]="-1"
2743
2757
  aria-hidden="true"
2744
2758
  innerCssClass="k-button-icon"
2745
- (click)="closePopup.emit()"
2759
+ (click)="handleClose()"
2746
2760
  ></button>
2747
2761
  </div>
2748
2762
  </div>
@@ -2804,9 +2818,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2804
2818
  #actionSheet
2805
2819
  [animation]="{ duration: animationDuration }"
2806
2820
  [expanded]="isActionSheetExpanded"
2807
- (overlayClick)="closePopup.emit()"
2821
+ (overlayClick)="onOverlayClick()"
2808
2822
  (keydown)="navigate.emit($event)"
2809
- (expand)="onExpand.emit()"
2823
+ (expand)="handleExpand()"
2810
2824
  (collapse)="onCollapse.emit()"
2811
2825
  >
2812
2826
  <ng-template kendoActionSheetTemplate>
@@ -2828,7 +2842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2828
2842
  [tabIndex]="-1"
2829
2843
  aria-hidden="true"
2830
2844
  innerCssClass="k-button-icon"
2831
- (click)="closePopup.emit()"
2845
+ (click)="handleClose()"
2832
2846
  ></button>
2833
2847
  </div>
2834
2848
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "18.1.0-develop.21",
3
+ "version": "18.1.0-develop.23",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -20,7 +20,7 @@
20
20
  "package": {
21
21
  "productName": "Kendo UI for Angular",
22
22
  "productCode": "KENDOUIANGULAR",
23
- "publishDate": 1738836730,
23
+ "publishDate": 1738853754,
24
24
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
25
25
  }
26
26
  },
@@ -31,18 +31,18 @@
31
31
  "@angular/forms": "16 - 19",
32
32
  "@angular/platform-browser": "16 - 19",
33
33
  "@progress/kendo-licensing": "^1.0.2",
34
- "@progress/kendo-angular-common": "18.1.0-develop.21",
35
- "@progress/kendo-angular-utils": "18.1.0-develop.21",
36
- "@progress/kendo-angular-l10n": "18.1.0-develop.21",
37
- "@progress/kendo-angular-navigation": "18.1.0-develop.21",
38
- "@progress/kendo-angular-popup": "18.1.0-develop.21",
39
- "@progress/kendo-angular-icons": "18.1.0-develop.21",
40
- "@progress/kendo-angular-treeview": "18.1.0-develop.21",
34
+ "@progress/kendo-angular-common": "18.1.0-develop.23",
35
+ "@progress/kendo-angular-utils": "18.1.0-develop.23",
36
+ "@progress/kendo-angular-l10n": "18.1.0-develop.23",
37
+ "@progress/kendo-angular-navigation": "18.1.0-develop.23",
38
+ "@progress/kendo-angular-popup": "18.1.0-develop.23",
39
+ "@progress/kendo-angular-icons": "18.1.0-develop.23",
40
+ "@progress/kendo-angular-treeview": "18.1.0-develop.23",
41
41
  "rxjs": "^6.5.3 || ^7.0.0"
42
42
  },
43
43
  "dependencies": {
44
44
  "tslib": "^2.3.1",
45
- "@progress/kendo-angular-schematics": "18.1.0-develop.21",
45
+ "@progress/kendo-angular-schematics": "18.1.0-develop.23",
46
46
  "@progress/kendo-common": "^1.0.1"
47
47
  },
48
48
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
6
6
  // peers of the treeview
7
- '@progress/kendo-angular-inputs': '18.1.0-develop.21',
7
+ '@progress/kendo-angular-inputs': '18.1.0-develop.23',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '18.1.0-develop.21',
9
+ '@progress/kendo-angular-intl': '18.1.0-develop.23',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^4.0.0'