@progress/kendo-angular-dropdowns 19.1.2-develop.6 → 19.1.2-develop.8

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.
@@ -90,6 +90,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
90
90
  * @hidden
91
91
  */
92
92
  adaptiveRenderer: AdaptiveRendererComponent;
93
+ /**
94
+ * @hidden
95
+ */
96
+ searchInput: ElementRef<HTMLInputElement>;
93
97
  /**
94
98
  * @hidden
95
99
  */
@@ -8,7 +8,7 @@ import { validatePackage } from '@progress/kendo-licensing';
8
8
  import { packageMetadata } from '../package-metadata';
9
9
  import { merge, interval, Subscription } from 'rxjs';
10
10
  import { concatMap, filter, map, skipWhile, take, takeUntil, tap } from 'rxjs/operators';
11
- import { isDocumentAvailable, KendoInput, hasObservers, anyChanged, isChanged, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective } from '@progress/kendo-angular-common';
11
+ import { isDocumentAvailable, KendoInput, hasObservers, anyChanged, isChanged, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective, isSafari } from '@progress/kendo-angular-common';
12
12
  import { AdaptiveService } from '@progress/kendo-angular-utils';
13
13
  import { isPresent, guid, getter, shuffleData, sameCharsOnly, matchText, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, animationDuration } from '../common/util';
14
14
  import { SelectionService } from '../common/selection/selection.service';
@@ -108,6 +108,10 @@ export class DropDownListComponent {
108
108
  * @hidden
109
109
  */
110
110
  adaptiveRenderer;
111
+ /**
112
+ * @hidden
113
+ */
114
+ searchInput;
111
115
  /**
112
116
  * @hidden
113
117
  */
@@ -1075,16 +1079,27 @@ export class DropDownListComponent {
1075
1079
  this.hostElementBlurred.emit();
1076
1080
  }));
1077
1081
  this._zone.runOutsideAngular(() => {
1078
- this.subs.add(merge(this.hostElementBlurred.pipe(concatMap(() => interval(10).pipe(take(1), takeUntil(this.filterFocused)))), this.navigationService.tab).pipe(tap(event => event instanceof NavigationEvent && this.focus()), filter(() => this.isFocused))
1082
+ this.subs.add(merge(this.hostElementBlurred.pipe(concatMap(() => interval(10).pipe(take(1), takeUntil(this.filterFocused)))), this.navigationService.tab).pipe(tap(event => event instanceof NavigationEvent && this.focus()), filter(() => this.isFocused), filter(() => {
1083
+ const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
1084
+ if (!isBrowserSafari) {
1085
+ return true;
1086
+ }
1087
+ const hasFocusedKendoButton = this.popupRef?.popupElement.querySelector('.k-button.k-focus');
1088
+ const shouldNotBlur = this.searchInput && hasFocusedKendoButton && hasObservers(this.filterChange);
1089
+ if (shouldNotBlur) {
1090
+ this.searchInput.nativeElement.focus();
1091
+ this.isFocused = true;
1092
+ }
1093
+ return !shouldNotBlur;
1094
+ }))
1079
1095
  .subscribe(() => this.componentBlur()));
1080
1096
  });
1081
1097
  }
1082
1098
  setAriaactivedescendant() {
1083
1099
  if (this.ariaActivedescendant) {
1084
1100
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
1085
- const searchInput = this.popupRef?.popupElement.querySelector('input[role="searchbox"]') || this.actionSheetSearchBar?.input.nativeElement;
1086
- if (searchInput) {
1087
- this.renderer.setAttribute(searchInput, 'aria-activedescendant', this.ariaActivedescendant);
1101
+ if (this.searchInput) {
1102
+ this.renderer.setAttribute(this.searchInput.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
1088
1103
  }
1089
1104
  }
1090
1105
  }
@@ -1450,7 +1465,7 @@ export class DropDownListComponent {
1450
1465
  {
1451
1466
  provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
1452
1467
  }
1453
- ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
1468
+ ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
1454
1469
  <ng-container kendoDropDownListLocalizedMessages
1455
1470
  i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
1456
1471
  noDataText="NO DATA FOUND"
@@ -1778,6 +1793,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1778
1793
  }], adaptiveRenderer: [{
1779
1794
  type: ViewChild,
1780
1795
  args: [AdaptiveRendererComponent]
1796
+ }], searchInput: [{
1797
+ type: ViewChild,
1798
+ args: ['searchInput']
1781
1799
  }], showStickyHeader: [{
1782
1800
  type: Input
1783
1801
  }], icon: [{
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1750433718,
14
- version: '19.1.2-develop.6',
13
+ publishDate: 1750679738,
14
+ version: '19.1.2-develop.8',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  productName: 'Kendo UI for Angular',
38
38
  productCode: 'KENDOUIANGULAR',
39
39
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1750433718,
41
- version: '19.1.2-develop.6',
40
+ publishDate: 1750679738,
41
+ version: '19.1.2-develop.8',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -7038,6 +7038,10 @@ class DropDownListComponent {
7038
7038
  * @hidden
7039
7039
  */
7040
7040
  adaptiveRenderer;
7041
+ /**
7042
+ * @hidden
7043
+ */
7044
+ searchInput;
7041
7045
  /**
7042
7046
  * @hidden
7043
7047
  */
@@ -8005,16 +8009,27 @@ class DropDownListComponent {
8005
8009
  this.hostElementBlurred.emit();
8006
8010
  }));
8007
8011
  this._zone.runOutsideAngular(() => {
8008
- this.subs.add(merge(this.hostElementBlurred.pipe(concatMap(() => interval(10).pipe(take(1), takeUntil(this.filterFocused)))), this.navigationService.tab).pipe(tap(event => event instanceof NavigationEvent && this.focus()), filter(() => this.isFocused))
8012
+ this.subs.add(merge(this.hostElementBlurred.pipe(concatMap(() => interval(10).pipe(take(1), takeUntil(this.filterFocused)))), this.navigationService.tab).pipe(tap(event => event instanceof NavigationEvent && this.focus()), filter(() => this.isFocused), filter(() => {
8013
+ const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
8014
+ if (!isBrowserSafari) {
8015
+ return true;
8016
+ }
8017
+ const hasFocusedKendoButton = this.popupRef?.popupElement.querySelector('.k-button.k-focus');
8018
+ const shouldNotBlur = this.searchInput && hasFocusedKendoButton && hasObservers(this.filterChange);
8019
+ if (shouldNotBlur) {
8020
+ this.searchInput.nativeElement.focus();
8021
+ this.isFocused = true;
8022
+ }
8023
+ return !shouldNotBlur;
8024
+ }))
8009
8025
  .subscribe(() => this.componentBlur()));
8010
8026
  });
8011
8027
  }
8012
8028
  setAriaactivedescendant() {
8013
8029
  if (this.ariaActivedescendant) {
8014
8030
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
8015
- const searchInput = this.popupRef?.popupElement.querySelector('input[role="searchbox"]') || this.actionSheetSearchBar?.input.nativeElement;
8016
- if (searchInput) {
8017
- this.renderer.setAttribute(searchInput, 'aria-activedescendant', this.ariaActivedescendant);
8031
+ if (this.searchInput) {
8032
+ this.renderer.setAttribute(this.searchInput.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
8018
8033
  }
8019
8034
  }
8020
8035
  }
@@ -8380,7 +8395,7 @@ class DropDownListComponent {
8380
8395
  {
8381
8396
  provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
8382
8397
  }
8383
- ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
8398
+ ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
8384
8399
  <ng-container kendoDropDownListLocalizedMessages
8385
8400
  i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
8386
8401
  noDataText="NO DATA FOUND"
@@ -8708,6 +8723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
8708
8723
  }], adaptiveRenderer: [{
8709
8724
  type: ViewChild,
8710
8725
  args: [AdaptiveRendererComponent]
8726
+ }], searchInput: [{
8727
+ type: ViewChild,
8728
+ args: ['searchInput']
8711
8729
  }], showStickyHeader: [{
8712
8730
  type: Input
8713
8731
  }], icon: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "19.1.2-develop.6",
3
+ "version": "19.1.2-develop.8",
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",
@@ -100,7 +100,7 @@
100
100
  "package": {
101
101
  "productName": "Kendo UI for Angular",
102
102
  "productCode": "KENDOUIANGULAR",
103
- "publishDate": 1750433718,
103
+ "publishDate": 1750679738,
104
104
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
105
105
  }
106
106
  },
@@ -111,18 +111,18 @@
111
111
  "@angular/forms": "16 - 20",
112
112
  "@angular/platform-browser": "16 - 20",
113
113
  "@progress/kendo-licensing": "^1.5.0",
114
- "@progress/kendo-angular-common": "19.1.2-develop.6",
115
- "@progress/kendo-angular-utils": "19.1.2-develop.6",
116
- "@progress/kendo-angular-l10n": "19.1.2-develop.6",
117
- "@progress/kendo-angular-navigation": "19.1.2-develop.6",
118
- "@progress/kendo-angular-popup": "19.1.2-develop.6",
119
- "@progress/kendo-angular-icons": "19.1.2-develop.6",
120
- "@progress/kendo-angular-treeview": "19.1.2-develop.6",
114
+ "@progress/kendo-angular-common": "19.1.2-develop.8",
115
+ "@progress/kendo-angular-utils": "19.1.2-develop.8",
116
+ "@progress/kendo-angular-l10n": "19.1.2-develop.8",
117
+ "@progress/kendo-angular-navigation": "19.1.2-develop.8",
118
+ "@progress/kendo-angular-popup": "19.1.2-develop.8",
119
+ "@progress/kendo-angular-icons": "19.1.2-develop.8",
120
+ "@progress/kendo-angular-treeview": "19.1.2-develop.8",
121
121
  "rxjs": "^6.5.3 || ^7.0.0"
122
122
  },
123
123
  "dependencies": {
124
124
  "tslib": "^2.3.1",
125
- "@progress/kendo-angular-schematics": "19.1.2-develop.6",
125
+ "@progress/kendo-angular-schematics": "19.1.2-develop.8",
126
126
  "@progress/kendo-common": "^1.0.1",
127
127
  "node-html-parser": "^7.0.1"
128
128
  },
@@ -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': '19.1.2-develop.6',
7
+ '@progress/kendo-angular-inputs': '19.1.2-develop.8',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '19.1.2-develop.6',
9
+ '@progress/kendo-angular-intl': '19.1.2-develop.8',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^4.0.0'