@syncfusion/ej2-angular-dropdowns 26.1.40 → 26.1.41-ngcc

package/src/mention/mention.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Mention } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -54,6 +53,4 @@ export declare class MentionComponent extends Mention implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MentionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MentionComponent, "ejs-mention", never, { "allowSpaces": "allowSpaces"; "cssClass": "cssClass"; "dataSource": "dataSource"; "displayTemplate": "displayTemplate"; "fields": "fields"; "filterType": "filterType"; "highlight": "highlight"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "mentionChar": "mentionChar"; "minLength": "minLength"; "noRecordsTemplate": "noRecordsTemplate"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "showMentionChar": "showMentionChar"; "sortOrder": "sortOrder"; "spinnerTemplate": "spinnerTemplate"; "suffixText": "suffixText"; "suggestionCount": "suggestionCount"; "target": "target"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "change": "change"; "closed": "closed"; "created": "created"; "destroyed": "destroyed"; "filtering": "filtering"; "opened": "opened"; "select": "select"; }, ["displayTemplate", "itemTemplate", "spinnerTemplate", "noRecordsTemplate"], ["*"]>;
 }

package/src/mention/mention.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./mention.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Mention component.
  */
 export declare class MentionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MentionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MentionModule, [typeof i1.MentionComponent], [typeof i2.CommonModule], [typeof i1.MentionComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MentionModule>;
 }

package/src/multi-select/multiselect-all.module.d.ts

@@ -1,13 +1,7 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./multiselect.module";
 export declare const CheckBoxSelectionService: ValueProvider;
 /**
  * NgModule definition for the MultiSelect component with providers.
  */
 export declare class MultiSelectAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectAllModule, never, [typeof i1.CommonModule, typeof i2.MultiSelectModule], [typeof i2.MultiSelectModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectAllModule>;
 }

package/src/multi-select/multiselect.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { MultiSelect } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -101,6 +100,4 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ejs-multiselect", never, { "actionFailureTemplate": "actionFailureTemplate"; "addTagOnBlur": "addTagOnBlur"; "allowCustomValue": "allowCustomValue"; "allowFiltering": "allowFiltering"; "allowObjectBinding": "allowObjectBinding"; "changeOnBlur": "changeOnBlur"; "closePopupOnSelect": "closePopupOnSelect"; "cssClass": "cssClass"; "dataSource": "dataSource"; "delimiterChar": "delimiterChar"; "enableGroupCheckBox": "enableGroupCheckBox"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSelectionOrder": "enableSelectionOrder"; "enableVirtualization": "enableVirtualization"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "groupTemplate": "groupTemplate"; "headerTemplate": "headerTemplate"; "hideSelectedItem": "hideSelectedItem"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "maximumSelectionLength": "maximumSelectionLength"; "mode": "mode"; "noRecordsTemplate": "noRecordsTemplate"; "openOnClick": "openOnClick"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "selectAllText": "selectAllText"; "showClearButton": "showClearButton"; "showDropDownIcon": "showDropDownIcon"; "showSelectAll": "showSelectAll"; "sortOrder": "sortOrder"; "text": "text"; "unSelectAllText": "unSelectAllText"; "value": "value"; "valueTemplate": "valueTemplate"; "width": "width"; "zIndex": "zIndex"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "beforeSelectAll": "beforeSelectAll"; "blur": "blur"; "change": "change"; "chipSelection": "chipSelection"; "close": "close"; "created": "created"; "customValueSelection": "customValueSelection"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "open": "open"; "removed": "removed"; "removing": "removing"; "select": "select"; "selectedAll": "selectedAll"; "tagging": "tagging"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "valueTemplate", "itemTemplate", "groupTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/multi-select/multiselect.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./multiselect.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the MultiSelect component.
  */
 export declare class MultiSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof i1.MultiSelectComponent], [typeof i2.CommonModule], [typeof i1.MultiSelectComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectModule>;
 }

package/styles/bootstrap-dark.css

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

package/styles/bootstrap.css

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

package/styles/bootstrap4.css

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

package/styles/bootstrap5-dark.css

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

package/styles/bootstrap5.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -349,7 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .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,7 +365,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

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

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

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

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

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

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

package/styles/fabric-dark.css

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

package/styles/fabric.css

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

package/styles/fluent-dark.css

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

package/styles/fluent.css

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

package/styles/fluent2.css

@@ -4483,7 +4483,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);
@@ -9180,7 +9180,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }

package/styles/highcontrast-light.css

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

package/styles/highcontrast.css

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

package/styles/material-dark.css

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

package/styles/material.css

@@ -1161,7 +1161,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .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,7 +1424,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/material3.css

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

package/styles/multi-select/fluent2.css

@@ -2476,7 +2476,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }

package/styles/tailwind-dark.css

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

package/styles/tailwind.css

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