@syncfusion/ej2-angular-dropdowns 22.1.34 → 22.1.35

package/src/index.d.ts

@@ -16,4 +16,7 @@ export { ListBoxAllModule } from './list-box/listbox-all.module';
 export { DropDownTreeComponent } from './drop-down-tree/dropdowntree.component';
 export { DropDownTreeModule } from './drop-down-tree/dropdowntree.module';
 export { DropDownTreeAllModule } from './drop-down-tree/dropdowntree-all.module';
+export { MentionComponent } from './mention/mention.component';
+export { MentionModule } from './mention/mention.module';
+export { MentionAllModule } from './mention/mention-all.module';
 export * from '@syncfusion/ej2-dropdowns';

package/src/list-box/listbox.component.d.ts

@@ -42,6 +42,7 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
      *For EX: We have expression evolution as like ES6 expression string literals.
      *
      * @default null
+     * @asptype string
      * @deprecated
      */
     itemTemplate: any;

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

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

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

@@ -0,0 +1,59 @@
+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[];
+/**
+*The Mention component contains a list of predefined values, from which the user can choose a single value.
+*```html
+*<ejs-mention></ejs-mention>
+*```
+*/
+export declare class MentionComponent extends Mention implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    containerContext: any;
+    tagObjects: any;
+    actionBegin: any;
+    actionComplete: any;
+    actionFailure: any;
+    beforeOpen: any;
+    change: any;
+    closed: any;
+    created: any;
+    destroyed: any;
+    filtering: any;
+    opened: any;
+    select: any;
+    /**
+     * Specifies the template for the selected value from the suggestion list.
+     * @default null
+     * @asptype string
+     */
+    displayTemplate: any;
+    /**
+     * Specifies the template for the suggestion list.
+     * @default null
+     */
+    itemTemplate: any;
+    /**
+     * Specifies the template for showing until data is loaded in the popup.
+     * @default null
+     * @asptype string
+     */
+    spinnerTemplate: any;
+    noRecordsTemplate: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    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

@@ -0,0 +1,11 @@
+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.component.d.ts

@@ -45,12 +45,14 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
      * Accepts the template design and assigns it to the footer container of the popup list.
      * > For more details about the available template options refer to [`Template`](../../multi-select/templates) documentation.
      * @default null
+     * @asptype string
      */
     footerTemplate: any;
     /**
      * Accepts the template design and assigns it to the header container of the popup list.
      * > For more details about the available template options refer to [`Template`](../../multi-select/templates) documentation.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     /**
@@ -63,6 +65,7 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
      *For EX: We have expression evolution as like ES6 expression string literals.
      *
      * @default null
+     * @asptype string
      */
     valueTemplate: any;
     /**
@@ -74,11 +77,13 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
      *For EX: We have expression evolution as like ES6 expression string literals.
      *
      * @default null
+     * @asptype string
      */
     itemTemplate: any;
     /**
      * Accepts the template design and assigns it to the group headers present in the MultiSelect popup list.
      * @default null
+     * @asptype string
      */
     groupTemplate: any;
     noRecordsTemplate: any;

package/styles/material3-dark.css

@@ -2584,12 +2584,6 @@ ejs-dropdownlist {
   padding: 4px 12px 4px;
 }
 
-.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
 .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
   padding: 0 8px;
 }

package/styles/material3.css

@@ -2640,12 +2640,6 @@ ejs-dropdownlist {
   padding: 4px 12px 4px;
 }
 
-.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
 .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
   padding: 0 8px;
 }

package/styles/multi-select/_layout.scss

@@ -1055,8 +1055,10 @@
 
 .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
-  padding-left: 8px;
-  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
+  @if $ddl-multiselect-skin-name != 'Material3' {
+    padding-left: 8px;
+  }
+  @if $ddl-multiselect-skin-name == 'material' {
     padding-right: 8px;
   }
 }

package/styles/multi-select/material3-dark.css

@@ -1376,12 +1376,6 @@
   padding: 4px 12px 4px;
 }
 
-.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
 .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
   padding: 0 8px;
 }

package/styles/multi-select/material3.css

@@ -1432,12 +1432,6 @@
   padding: 4px 12px 4px;
 }
 
-.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
 .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
   padding: 0 8px;
 }