@syncfusion/ej2-angular-multicolumn-combobox 30.2.4 → 31.1.17-ngcc

package/@syncfusion/ej2-angular-multicolumn-combobox.js

@@ -0,0 +1,297 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
+import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@syncfusion/ej2-angular-base';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
+import { CommonModule } from '@angular/common';
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];
+let outputs = [];
+/**
+ * `e-column` directive represent a column of the Angular MultiColumnComboBox.
+ * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
+ * ```html
+ * <ejs-multicolumncombobox [dataSource]='data'>
+ *   <e-columns>
+ *    <e-column field='ID' width='100'></e-column>
+ *    <e-column field='name' header='Name' width='100'></e-column>
+ *   </e-columns>
+ * </ejs-multicolumncombobox>
+ * ```
+ */
+class ColumnDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+ColumnDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-multicolumncombobox>e-columns>e-column',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColumnDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+ColumnDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ColumnDirective.prototype, "template", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ColumnDirective.prototype, "headerTemplate", void 0);
+/**
+ * Column Array Directive
+ */
+class ColumnsDirective extends ArrayBase {
+    constructor() {
+        super('columns');
+    }
+}
+ColumnsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-multicolumncombobox>e-columns',
+                queries: {
+                    children: new ContentChildren(ColumnDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColumnsDirective.ctorParameters = () => [];
+
+var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs = ['actionFailureTemplate', 'allowFiltering', 'allowSorting', 'columns', 'cssClass', 'dataSource', 'disabled', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'filterType', 'floatLabelType', 'footerTemplate', 'gridSettings', 'groupTemplate', 'htmlAttributes', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'sortType', 'text', 'value', 'width'];
+const outputs$1 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select', 'valueChange'];
+const twoWays = ['value'];
+/**
+ * Represents the Essential JS 2 Angular MultiColumnComboBox Component.
+ * ```html
+ * <ejs-multicolumncombobox></ejs-multicolumncombobox>
+ * ```
+ */
+let MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = class MultiColumnComboBoxComponent extends MultiColumnComboBox {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.cdr = cdr;
+        this.tags = ['columns'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs$1);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childColumns;
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+MultiColumnComboBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-multicolumncombobox',
+                inputs: inputs,
+                outputs: outputs$1,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MultiColumnComboBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {
+                    childColumns: new ContentChild(ColumnsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MultiColumnComboBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+MultiColumnComboBoxComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], MultiColumnComboBoxComponent.prototype, "footerTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], MultiColumnComboBoxComponent.prototype, "itemTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], MultiColumnComboBoxComponent.prototype, "groupTemplate", void 0);
+__decorate$1([
+    Template('No records found'),
+    __metadata$1("design:type", Object)
+], MultiColumnComboBoxComponent.prototype, "noRecordsTemplate", void 0);
+__decorate$1([
+    Template('Request Failed'),
+    __metadata$1("design:type", Object)
+], MultiColumnComboBoxComponent.prototype, "actionFailureTemplate", void 0);
+MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = __decorate$1([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], MultiColumnComboBoxComponent);
+var MultiColumnComboBoxComponent_1;
+
+/**
+ * NgModule definition for the MultiColumnComboBox component.
+ */
+class MultiColumnComboBoxModule {
+}
+MultiColumnComboBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MultiColumnComboBoxComponent,
+                    ColumnDirective,
+                    ColumnsDirective
+                ],
+                exports: [
+                    MultiColumnComboBoxComponent,
+                    ColumnDirective,
+                    ColumnsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MultiColumnComboBoxModule.ctorParameters = () => [];
+
+/**
+ * NgModule definition for the MultiColumnComboBox component with providers.
+ */
+class MultiColumnComboBoxAllModule {
+}
+MultiColumnComboBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MultiColumnComboBoxModule],
+                exports: [
+                    MultiColumnComboBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MultiColumnComboBoxAllModule.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColumnDirective, ColumnsDirective, MultiColumnComboBoxComponent, MultiColumnComboBoxModule, MultiColumnComboBoxAllModule, inputs as ɵa, outputs$1 as ɵb };
+export { MultiColumnGrid, FilterType, SortOrder, SortType, WrapMode, FieldSettings, Column, GridSettings, MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
+//# sourceMappingURL=ej2-angular-multicolumn-combobox.js.map

package/@syncfusion/ej2-angular-multicolumn-combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-angular-multicolumn-combobox.js","sources":["~/@syncfusion/ej2-angular-multicolumn-combobox/ej2-angular-multicolumn-combobox.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox-all.module.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox.module.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox.component.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/columns.directive.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ColumnDirective,ColumnsDirective,MultiColumnComboBoxComponent,MultiColumnComboBoxModule,MultiColumnComboBoxAllModule,MultiColumnGrid,TextAlign,GridLine,FloatLabelType,FilterType,SortOrder,SortType,WrapMode,FieldSettings,Column,GridSettings,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs,ResizeArgs,DataResult,MultiColumnComboBox,MultiColumnGridModel,FieldSettingsModel,ColumnModel,GridSettingsModel,MultiColumnComboBoxModel} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/multicolumn-combobox/multicolumncombobox.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\nimport { MultiColumnComboBoxModule } from './multicolumncombobox.module';\n/**\n * NgModule definition for the MultiColumnComboBox component with providers.\n */\nexport class MultiColumnComboBoxAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule, MultiColumnComboBoxModule],\n    exports: [\n        MultiColumnComboBoxModule\n    ],\n    providers:[\n        \n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MultiColumnComboBoxAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\n/**\n * NgModule definition for the MultiColumnComboBox component.\n */\nexport class MultiColumnComboBoxModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule],\n    declarations: [\n        MultiColumnComboBoxComponent,\n        ColumnDirective,\n        ColumnsDirective\n    ],\n    exports: [\n        MultiColumnComboBoxComponent,\n        ColumnDirective,\n        ColumnsDirective\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MultiColumnComboBoxModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { ColumnsDirective } from './columns.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['actionFailureTemplate','allowFiltering','allowSorting','columns','cssClass','dataSource','disabled','enablePersistence','enableRtl','enableVirtualization','fields','filterType','floatLabelType','footerTemplate','gridSettings','groupTemplate','htmlAttributes','index','itemTemplate','locale','noRecordsTemplate','placeholder','popupHeight','popupWidth','query','readonly','showClearButton','sortOrder','sortType','text','value','width'];\nexport const /** @type {?} */ outputs: string[] = ['focus', 'blur', 'actionBegin','actionComplete','actionFailure','change','close','created','filtering','open','select','valueChange'];\nexport const /** @type {?} */ twoWays: string[] = ['value'];\n/**\n * Represents the Essential JS 2 Angular MultiColumnComboBox Component.\n * ```html\n * <ejs-multicolumncombobox></ejs-multicolumncombobox>\n * ```\n */\n@ComponentMixins([ComponentBase, FormBase])\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox implements IComponentBase {\npublic formCompContext : any;\npublic formContext : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tchange: any;\n\tclose: any;\n\tcreated: any;\n\tfiltering: any;\n\topen: any;\n\tselect: any;\npublic valueChange: any;\npublic childColumns: any;\npublic tags: string[] = ['columns'];\n/**\n * Accepts the template design and assigns it to the footer container of the popup.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n    public footerTemplate: any;\n/**\n * Accepts the template design and assigns it to each items present in the popup.\n * \n * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n    public itemTemplate: any;\n/**\n * Accepts the template design and assigns it to the group headers present in the popup list.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n    public groupTemplate: any;\n    \n    @Template('No records found')\npublic noRecordsTemplate: any;\n    \n    @Template('Request Failed')\npublic actionFailureTemplate: any;\npublic focus: any;\npublic blur: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n * @param {?} cdr\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector,\nprivate cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n/**\n * @param {?} registerFunction\n * @return {?}\n */\npublic registerOnChange(registerFunction: (_: any) => void): void {\n    }\n/**\n * @param {?} registerFunction\n * @return {?}\n */\npublic registerOnTouched(registerFunction: () => void): void {\n    }\n/**\n * @param {?} value\n * @return {?}\n */\npublic writeValue(value: any): void {\n    }\n/**\n * @param {?} disabled\n * @return {?}\n */\npublic setDisabledState(disabled: boolean): void {\n    }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childColumns;\n        this.formCompContext.ngAfterContentChecked(this);\n    }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n    selector: 'ejs-multicolumncombobox',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => MultiColumnComboBoxComponent),\n            multi: true\n        }\n    ],\n    queries: {\n        childColumns: new ContentChild(ColumnsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n{type: ChangeDetectorRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'footerTemplate': [{ type: ContentChild, args: ['footerTemplate', ] },],\n'itemTemplate': [{ type: ContentChild, args: ['itemTemplate', ] },],\n'groupTemplate': [{ type: ContentChild, args: ['groupTemplate', ] },],\n'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate', ] },],\n'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate', ] },],\n};\n}\n\nfunction MultiColumnComboBoxComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxComponent.ctorParameters;\n/** @type {?} */\nMultiColumnComboBoxComponent.propDecorators;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.formCompContext;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.formContext;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.tagObjects;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionBegin;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionComplete;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionFailure;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.change;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.close;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.created;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.filtering;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.open;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.select;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.valueChange;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.childColumns;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.tags;\n/**\n * Accepts the template design and assigns it to the footer container of the popup.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.footerTemplate;\n/**\n * Accepts the template design and assigns it to each items present in the popup.\n * \n * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.itemTemplate;\n/**\n * Accepts the template design and assigns it to the group headers present in the popup list.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.groupTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.noRecordsTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionFailureTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.focus;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.blur;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.registerEvents;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.addTwoWay;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.ngEle;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.srenderer;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.viewContainerRef;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.injector;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.cdr;\n}\n\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-column` directive represent a column of the Angular MultiColumnComboBox. \n * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`). \n * ```html\n * <ejs-multicolumncombobox [dataSource]='data'>\n *   <e-columns>\n *    <e-column field='ID' width='100'></e-column>\n *    <e-column field='name' header='Name' width='100'></e-column>\n *   </e-columns>\n * </ejs-multicolumncombobox>\n * ```\n */\nexport class ColumnDirective extends ComplexBase<ColumnDirective> {\npublic directivePropList: any;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \\@default null\n */\npublic customAttributes: any;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n */\npublic displayAsCheckBox: any;\n/**\n * Defines the name of the field whose data will be displayed in the column.\n * \\@default ''\n */\npublic field: any;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom `number` and `date` formats.\n * \\@default null\n * \\@asptype string\n */\npublic format: any;\n/**\n * Defines the header text of column which is used to display in column header. \n * If headerText is not defined, then field name value will be assigned to header text.\n * \\@default ''\n */\npublic header: any;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n */\npublic textAlign: any;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n */\npublic width: any;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either template or HTML element ID.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n    public template: any;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n    public headerTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-multicolumncombobox>e-columns>e-column',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n};\n}\n\nfunction ColumnDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnDirective.ctorParameters;\n/** @type {?} */\nColumnDirective.propDecorators;\n/** @type {?} */\nColumnDirective.prototype.directivePropList;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.customAttributes;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.displayAsCheckBox;\n/**\n * Defines the name of the field whose data will be displayed in the column.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.field;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom `number` and `date` formats.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.format;\n/**\n * Defines the header text of column which is used to display in column header. \n * If headerText is not defined, then field name value will be assigned to header text.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.header;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n * @type {?}\n */\nColumnDirective.prototype.textAlign;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.width;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either template or HTML element ID.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.template;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.headerTemplate;\n/** @type {?} */\nColumnDirective.prototype.viewContainerRef;\n}\n\n/**\n * Column Array Directive\n */\nexport class ColumnsDirective extends ArrayBase<ColumnsDirective> {\nconstructor() {\n        super('columns');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-multicolumncombobox>e-columns',\n    queries: {\n        children: new ContentChildren(ColumnDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ColumnsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":["__metadata","__decorate","outputs"],"mappings":"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"}

package/LICENSE

@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/README.md

@@ -1,47 +1,47 @@
-# Angular MultiColumn ComboBox Component
-
-The `Angular MultiColumn ComboBox` component that displays detailed information about items in a table-like structure with multiple columns. It provides comprehensive data about the selected value, offering more context than typical single-string text lists. 
-
-<p align="center">
-Trusted by the world's leading companies
-  <a href="https://www.syncfusion.com">
-    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
-  </a>
-</p>
-
-## Setup
-  
-To install the MultiColumn ComboBox and its dependent packages, use the following command.
-
-```sh
-npm install @syncfusion/ej2-angular-multicolumn-combobox
-```
-
-## Key features
-
-* `Data binding` - Supports data binding from JavaScript object arrays and remote data sources using adapters like OData, URLs, and Web APIs.
-* `Grouping`- Allows grouping of pop-up list items to enhance the user experience by organizing related items. 
-* `Filtering`- Provides advanced filtering capabilities to easily find and select items from large datasets. 
-* `Sorting` - Allows sorting of items in ascending or descending order and single or multi-column sorting. 
-* `Virtualization`- Supports virtualization to efficiently display large datasets by loading data on demand. 
-* `Templates`- Allow customization of the appearance and layout, including header, footer and list items in the pop-up list using templates. 
-
-## Support
-
-Product support is available through the following mediums.
-
-* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
-* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
-* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
-* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
-* Live chat
-
-## License and copyright
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=multicolumn-combobox) for more info.
-
-© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+# Angular MultiColumn ComboBox Component
+
+The `Angular MultiColumn ComboBox` component that displays detailed information about items in a table-like structure with multiple columns. It provides comprehensive data about the selected value, offering more context than typical single-string text lists. 
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
+
+## Setup
+  
+To install the MultiColumn ComboBox and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-angular-multicolumn-combobox
+```
+
+## Key features
+
+* `Data binding` - Supports data binding from JavaScript object arrays and remote data sources using adapters like OData, URLs, and Web APIs.
+* `Grouping`- Allows grouping of pop-up list items to enhance the user experience by organizing related items. 
+* `Filtering`- Provides advanced filtering capabilities to easily find and select items from large datasets. 
+* `Sorting` - Allows sorting of items in ascending or descending order and single or multi-column sorting. 
+* `Virtualization`- Supports virtualization to efficiently display large datasets by loading data on demand. 
+* `Templates`- Allow customization of the appearance and layout, including header, footer and list items in the pop-up list using templates. 
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
+* Live chat
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=multicolumn-combobox) for more info.
+
+© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.