@syncfusion/ej2-angular-dropdowns 26.1.35 → 26.1.38

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## [Unreleased]
 
+### ListBox
+
+#### Bug Fixes
+
+- `#I582328` - Issue with "Listbox component becomes unresponsive when resizing the window" has been resolved.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I596302` - The issues with the screen reader handling of selected items and the hidden input element in the Dropdown Tree component have been resolved.
+
+## 26.1.35 (2024-06-11)
+
 ### DropDownTree
 
 #### Bug Fixes

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-dropdowns@*",
   "_id": "@syncfusion/ej2-angular-dropdowns@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-n3J7RFKYKMYoMalsBGOTqbsHEClfQEHnMgPbYkdddZ4LpHDIqWZSHEKfYO50wPgFFDYzLEiJE3HoWk3kdcQTbw==",
+  "_integrity": "sha512-cUm32W4ioDbdCl4J7UH64wP5rXJTK953106q5hHZ1Fwksn6ZcJ0u3gDVXEs0TFaZMFMKl5He9yJqw3u+whb1Jw==",
   "_location": "/@syncfusion/ej2-angular-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-26.1.35.tgz",
-  "_shasum": "98afc3527952b7515635cb72591dd7f0e8212273",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-26.1.35.tgz",
+  "_shasum": "3f0c1936f70a30bb766e3df1792513e4c5377237",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-dropdowns": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-dropdowns": "26.1.38",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -77,5 +77,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-dropdowns.d.ts",
-  "version": "26.1.35"
+  "version": "26.1.38"
 }

package/schematics/collection.json

@@ -5,151 +5,6 @@
       "description": "Adds Essential JS 2 specific Angular package to an application",
       "factory": "./ng-add",
       "schema": "./ng-add/schema.json"
-    },
-    "autocomplete-custom-filtering": {
-      "description": "Create an Angular AutoComplete component with custom filtering sample",
-      "factory": "./generators/autocomplete-custom-filtering",
-      "schema": "./generators/autocomplete-custom-filtering/schema.json"
-    },
-    "autocomplete-default": {
-      "description": "Create an Angular AutoComplete component with default sample",
-      "factory": "./generators/autocomplete-default",
-      "schema": "./generators/autocomplete-default/schema.json"
-    },
-    "autocomplete-diacritics-filtering": {
-      "description": "Create an Angular AutoComplete component with diacritics filtering sample",
-      "factory": "./generators/autocomplete-diacritics-filtering",
-      "schema": "./generators/autocomplete-diacritics-filtering/schema.json"
-    },
-    "autocomplete-highlight": {
-      "description": "Create an Angular AutoComplete component with highlight sample",
-      "factory": "./generators/autocomplete-highlight",
-      "schema": "./generators/autocomplete-highlight/schema.json"
-    },
-    "autocomplete-reactive-form": {
-      "description": "Create an Angular AutoComplete component with reactive form sample",
-      "factory": "./generators/autocomplete-reactive-form",
-      "schema": "./generators/autocomplete-reactive-form/schema.json"
-    },
-    "autocomplete-template-driven": {
-      "description": "Create an Angular AutoComplete component with template driven sample",
-      "factory": "./generators/autocomplete-template-driven",
-      "schema": "./generators/autocomplete-template-driven/schema.json"
-    },
-    "autocomplete-template": {
-      "description": "Create an Angular AutoComplete component with template sample",
-      "factory": "./generators/autocomplete-template",
-      "schema": "./generators/autocomplete-template/schema.json"
-    },
-    "combobox-custom-value": {
-      "description": "Create an Angular ComboBox component with custom value sample",
-      "factory": "./generators/combobox-custom-value",
-      "schema": "./generators/combobox-custom-value/schema.json"
-    },
-    "combobox-default": {
-      "description": "Create an Angular ComboBox component with default sample",
-      "factory": "./generators/combobox-default",
-      "schema": "./generators/combobox-default/schema.json"
-    },
-    "combobox-filtering": {
-      "description": "Create an Angular ComboBox component with  filtering sample",
-      "factory": "./generators/combobox-filtering",
-      "schema": "./generators/combobox-filtering/schema.json"
-    },
-    "combobox-grouping": {
-      "description": "Create an Angular ComboBox component with grouping  sample",
-      "factory": "./generators/combobox-grouping",
-      "schema": "./generators/combobox-grouping/schema.json"
-    },
-    "combobox-reactive-form": {
-      "description": "Create an Angular ComboBox component with reactive form sample",
-      "factory": "./generators/combobox-reactive-form",
-      "schema": "./generators/combobox-reactive-form/schema.json"
-    },
-    "combobox-template-driven": {
-      "description": "Create an Angular ComboBox component with template driven sample",
-      "factory": "./generators/combobox-template-driven",
-      "schema": "./generators/combobox-template-driven/schema.json"
-    },
-    "combobox-template": {
-      "description": "Create an Angular ComboBox component  with template sample",
-      "factory": "./generators/combobox-template",
-      "schema": "./generators/combobox-template/schema.json"
-    },
-    "dropdownlist-cascading": {
-      "description": "Create an Angular DropDownList component with cascading sample",
-      "factory": "./generators/dropdownlist-cascading",
-      "schema": "./generators/dropdownlist-cascading/schema.json"
-    },
-    "dropdownlist-default": {
-      "description": "Create an Angular DropDownList component with default sample",
-      "factory": "./generators/dropdownlist-default",
-      "schema": "./generators/dropdownlist-default/schema.json"
-    },
-    "dropdownlist-filtering": {
-      "description": "Create an Angular DropDownList component with  filtering sample",
-      "factory": "./generators/dropdownlist-filtering",
-      "schema": "./generators/dropdownlist-filtering/schema.json"
-    },
-    "dropdownlist-inline": {
-      "description": "Create an Angular DropDownList component with inline sample",
-      "factory": "./generators/dropdownlist-inline",
-      "schema": "./generators/dropdownlist-inline/schema.json"
-    },
-    "dropdownlist-reactive-form": {
-      "description": "Create an Angular DropDownList component with reactive form sample",
-      "factory": "./generators/dropdownlist-reactive-form",
-      "schema": "./generators/dropdownlist-reactive-form/schema.json"
-    },
-    "dropdownlist-template-driven": {
-      "description": "Create an Angular DropDownList component with template driven sample",
-      "factory": "./generators/dropdownlist-template-driven",
-      "schema": "./generators/dropdownlist-template-driven/schema.json"
-    },
-    "dropdownlist-template": {
-      "description": "Create an Angular DropDownList component  with template sample",
-      "factory": "./generators/dropdownlist-template",
-      "schema": "./generators/dropdownlist-template/schema.json"
-    },
-    "multiselect-box-mode": {
-      "description": "Create an Angular MultiSelect component with box mode sample",
-      "factory": "./generators/multiselect-box-mode",
-      "schema": "./generators/multiselect-box-mode/schema.json"
-    },
-    "multiselect-checkbox": {
-      "description": "Create an Angular MultiSelect component with checkbox sample",
-      "factory": "./generators/multiselect-checkbox",
-      "schema": "./generators/multiselect-checkbox/schema.json"
-    },
-    "multiselect-chip-customization": {
-      "description": "Create an Angular MultiSelect component with chip customization sample",
-      "factory": "./generators/multiselect-chip-customization",
-      "schema": "./generators/multiselect-chip-customization/schema.json"
-    },
-    "multiselect-delimiter-mode": {
-      "description": "Create an Angular MultiSelect component with delimiter mode sample",
-      "factory": "./generators/multiselect-delimiter-mode",
-      "schema": "./generators/multiselect-delimiter-mode/schema.json"
-    },
-    "multiselect-filtering": {
-      "description": "Create an Angular MultiSelect component with  filtering sample",
-      "factory": "./generators/multiselect-filtering",
-      "schema": "./generators/multiselect-filtering/schema.json"
-    },
-    "multiselect-reactive-form": {
-      "description": "Create an Angular MultiSelect component with reactive form sample",
-      "factory": "./generators/multiselect-reactive-form",
-      "schema": "./generators/multiselect-reactive-form/schema.json"
-    },
-    "multiselect-template-driven": {
-      "description": "Create an Angular MultiSelect component with template driven sample",
-      "factory": "./generators/multiselect-template-driven",
-      "schema": "./generators/multiselect-template-driven/schema.json"
-    },
-    "multiselect-template": {
-      "description": "Create an Angular MultiSelect component  with template sample",
-      "factory": "./generators/multiselect-template",
-      "schema": "./generators/multiselect-template/schema.json"
     }
   }
 }

package/styles/bootstrap-dark.css

@@ -981,6 +981,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/bootstrap.css

@@ -982,6 +982,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/bootstrap4.css

@@ -1026,6 +1026,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap5-dark.css

@@ -1040,6 +1040,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -1040,6 +1040,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/bootstrap-dark.css

@@ -219,6 +219,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/drop-down-tree/bootstrap.css

@@ -220,6 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/drop-down-tree/bootstrap4.css

@@ -230,6 +230,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -241,6 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/drop-down-tree/bootstrap5.css

@@ -241,6 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/fabric-dark.css

@@ -220,6 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/drop-down-tree/fabric.css

@@ -221,6 +221,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/drop-down-tree/fluent-dark.css

@@ -254,6 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent.css

@@ -254,6 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent2.css

@@ -1493,6 +1493,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);

package/styles/drop-down-tree/highcontrast-light.css

@@ -234,6 +234,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/drop-down-tree/highcontrast.css

@@ -235,6 +235,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/drop-down-tree/material-dark.css

@@ -328,6 +328,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/drop-down-tree/material.css

@@ -349,6 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/drop-down-tree/material3-dark.css

@@ -365,6 +365,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/material3.css

@@ -477,6 +477,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/tailwind-dark.css

@@ -259,6 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/drop-down-tree/tailwind.css

@@ -259,6 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;

package/styles/fabric-dark.css

@@ -957,6 +957,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/fabric.css

@@ -951,6 +951,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/fluent-dark.css

@@ -1050,6 +1050,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent.css

@@ -1050,6 +1050,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent2.css

@@ -4483,6 +4483,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);

package/styles/highcontrast-light.css

@@ -968,6 +968,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/highcontrast.css

@@ -969,6 +969,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/material-dark.css

@@ -1106,6 +1106,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/material.css

@@ -1161,6 +1161,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -1424,6 +1424,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/material3.css

@@ -1760,6 +1760,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/tailwind-dark.css

@@ -1054,6 +1054,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/tailwind.css

@@ -1054,6 +1054,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;

package/schematics/generators/autocomplete-custom-filtering/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/autocomplete-custom-filtering/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/autocomplete-custom-filtering/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/autocomplete-custom-filtering/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/autocomplete-custom-filtering/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'autocomplete';
-exports.sampleName = 'custom-filtering';
-exports.diModules = null;
-exports.packageName = '@syncfusion/ej2-angular-dropdowns';
-exports.libModules = 'AutoCompleteModule';

package/schematics/generators/autocomplete-custom-filtering/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'autocomplete';
-export const sampleName: string = 'custom-filtering';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-dropdowns';
-export const libModules: string = 'AutoCompleteModule';

package/schematics/generators/autocomplete-custom-filtering/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,5 +0,0 @@
-
-    <ejs-autocomplete id='books' [dataSource]='booksData' [fields]='fields' (filtering)='onFiltering($event)' [placeholder]='watermark'>
-    </ejs-autocomplete>
-
-