angular-multiselect3 10.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+Copyright (c) 2016 Cuppa Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,306 @@
+# Angular 2/4/6/8 Multiselect Dropdown
+[![npm version](https://img.shields.io/npm/v/angular2-multiselect-dropdown.svg)](https://www.npmjs.com/package/angular2-multiselect-dropdown)
+[![downloads](https://img.shields.io/npm/dt/angular2-multiselect-dropdown.svg)](https://www.npmjs.com/package/angular2-multiselect-dropdown)
+[![license](https://img.shields.io/github/license/cuppalabs/angular2-multiselect-dropdown.svg)](https://www.npmjs.com/package/angular2-multiselect-dropdown)
+
+Angular 2 multiselect dropdown component for web applications. Easy to integrate and use.
+
+![](https://cuppalabs.github.io/angular2-multiselect-dropdown/assets/img/multiselect.jpeg)
+
+# Important Notice !! 
+#####  From v3.0.0 onwards, you need to include `default.theme.css` file to get the basic styling of the dropdown. Refer to `themes and theming` section below
+
+
+# [Documentation](http://cuppalabs.github.io/components/multiselectDropdown) | [Demos / Examples](https://cuppalabs.github.io/angular2-multiselect-dropdown).
+
+## Table of Contents
+##### 1. Getting Started
+##### 2. Installation
+##### 3. Usage
+##### 4  Theming 
+##### 5. Templates
+##### 6. Template Driven Forms support
+##### 7. Reactive Forms support
+##### 8. Settings configuration
+##### 9. Callbacks and events
+##### 10. Lazy lodaing - handle large data lists
+##### 11. Group By feature
+##### 12. Search filter for both plain list and grouped list
+##### 13. Custom Search / Search API
+
+
+
+
+
+## Getting Started
+### Installation
+- The Mutiselect Dropdown package is published on the [npm](https://www.npmjs.com/package/angular2-multiselect-dropdown) Registry. 
+- Install the package :
+    `npm install angular2-multiselect-dropdown`
+
+- Once installed import `AngularMultiSelectModule` from the installed package into your module as follows:
+
+## Dependencies
+
+Latest version available for each version of Angular
+
+| angular2-multiselect-dropdown | Angular     |
+| ----------------------------- | ----------- |
+| 10.0.0      | 18.X.X |
+| 9.0.0       | 17.X.X |
+| 8.0.0       | 16.X.X |
+| 7.0.0       | 15.X.X |
+| 6.0.0       | 14.X.X |
+
+
+### Usage
+Import `AngularMultiSelectModule` into `NgModule` in `app.module.ts`. Angular's `FormsModule` is also required.
+```js
+import { AngularMultiSelectModule } from 'angular2-multiselect-dropdown';
+import { FormsModule } from '@angular/forms';
+
+@NgModule({
+  // ...
+  imports: [
+    AngularMultiSelectModule,
+    FormsModule
+  ]
+  // ...
+})
+
+```
+
+Declare the component data variables and options in your component where you want to consume the dropdown component.
+
+```js
+
+import { Component, OnInit } from '@angular/core';
+
+export class AppComponent implements OnInit {
+    dropdownList = [];
+    selectedItems = [];
+    dropdownSettings = {};
+    ngOnInit(){
+        this.dropdownList = [
+                              {"id":1,"itemName":"India"},
+                              {"id":2,"itemName":"Singapore"},
+                              {"id":3,"itemName":"Australia"},
+                              {"id":4,"itemName":"Canada"},
+                              {"id":5,"itemName":"South Korea"},
+                              {"id":6,"itemName":"Germany"},
+                              {"id":7,"itemName":"France"},
+                              {"id":8,"itemName":"Russia"},
+                              {"id":9,"itemName":"Italy"},
+                              {"id":10,"itemName":"Sweden"}
+                            ];
+        this.selectedItems = [
+                                {"id":2,"itemName":"Singapore"},
+                                {"id":3,"itemName":"Australia"},
+                                {"id":4,"itemName":"Canada"},
+                                {"id":5,"itemName":"South Korea"}
+                            ];
+        this.dropdownSettings = { 
+                                  singleSelection: false, 
+                                  text:"Select Countries",
+                                  selectAllText:'Select All',
+                                  unSelectAllText:'UnSelect All',
+                                  enableSearchFilter: true,
+                                  classes:"myclass custom-class"
+                                };            
+    }
+    onItemSelect(item:any){
+        console.log(item);
+        console.log(this.selectedItems);
+    }
+    OnItemDeSelect(item:any){
+        console.log(item);
+        console.log(this.selectedItems);
+    }
+    onSelectAll(items: any){
+        console.log(items);
+    }
+    onDeSelectAll(items: any){
+        console.log(items);
+    }
+}
+```
+
+Add the following component tag in you template 
+```html
+<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" 
+    [settings]="dropdownSettings" 
+    (onSelect)="onItemSelect($event)" 
+    (onDeSelect)="OnItemDeSelect($event)"
+    (onSelectAll)="onSelectAll($event)"
+    (onDeSelectAll)="onDeSelectAll($event)"></angular2-multiselect>
+
+```
+
+### Themes and Theming
+
+- From v3.0.0 onwards, you need to include `default.theme.css` file to get the basic styling of the dropdown. 
+- The component package has a themes folder in node_modules at `angular2-multiselect-dropdown\themes\default.theme.css`
+- Include the `default.theme.css` in `angular-cli.json` (for versions below angular 6) and `angular.json` (for version 6 or more).
+- [Refer this file](https://github.com/CuppaLabs/angular2-multiselect-dropdown/blob/master/angular.json) on how to add the css file to your angular project.
+
+You can create your own theme from now on. You can have a look at example scss theming file at [Default theme](https://github.com/CuppaLabs/angular2-multiselect-dropdown/tree/master/src/themes/default.theme.scss) 
+
+
+### Template - For custom html of menu item
+
+```html
+<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" [settings]="dropdownSettings">
+  <c-item>
+          <ng-template let-item="item">
+            <label style="color: #333;min-width: 150px;">{{item.itemName}}</label>
+            <img [src]="item.image" style="width: 30px; border: 1px solid #efefef;margin-right: 20px;" />
+            <label>Capital - {{item.capital}}</label>
+          </ng-template>
+  </c-item>    
+</angular2-multiselect>
+
+```
+
+### Template - For custom html of Selected item - badge
+
+```html
+<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" [settings]="dropdownSettings">
+  <c-badge>
+           <ng-template let-item="item">
+            <label style="margin: 0px;">{{item.itemName}}</label>
+            <img [src]="item.image" style="width: 16px; margin-right: 5px;" />
+           </ng-template>
+  </c-badge>  
+</angular2-multiselect>
+
+```
+
+### Template Driven Forms support
+
+```html
+
+<form (ngSubmit)="onSubmit()" #loginForm="ngForm" style="border: 1px solid #ccc; padding: 10px;">
+        <div class="form-group">
+            <label for="name">Skills</label>
+            <angular2-multiselect [data]="itemList" [(ngModel)]="formModel.skills" 
+                                  [settings]="settings" 
+                                  (onSelect)="onItemSelect($event)"
+                                  (onDeSelect)="OnItemDeSelect($event)" 
+                                  (onSelectAll)="onSelectAll($event)" 
+                                  (onDeSelectAll)="onDeSelectAll($event)" name="skills">
+            </angular2-multiselect>
+        </div>
+</form>
+
+```
+
+```js
+
+formModel = {
+        name: '',
+        email: 'ascasc@aa.com',
+        skills: [{ "id": 1, "itemName": "Angular" }]
+    };
+
+```
+
+### Reactive Forms support
+
+```html
+
+<form [formGroup]="userForm" novalidate style="border: 1px solid #ccc; padding: 10px;">
+        <div class="form-group">
+            <label for="name">Skills</label>
+           <angular2-multiselect [data]="itemList" [(ngModel)]="selectedItems" 
+                                  [settings]="settings" 
+                                  (onSelect)="onItemSelect($event)"
+                                  (onDeSelect)="OnItemDeSelect($event)" 
+                                  (onSelectAll)="onSelectAll($event)" 
+                                  (onDeSelectAll)="onDeSelectAll($event)" formControlName="skills">
+            </angular2-multiselect>
+        </div>
+</form>
+
+```
+
+```js
+userForm: FormGroup;
+this.userForm = this.fb.group({
+            name: '',
+            email: ['', Validators.required],
+            skills: [[], Validators.required]
+        });
+
+```
+
+### Settings
+The following list of settings are supported by the component. Configure the settings to meet your requirement.
+
+| Setting         |Type    | Description            | Default Value |
+|:--- |:--- |:--- |:--- |
+| singleSelection | Boolean | To set the dropdown for single item selection only. | false |
+| text | String | Text to be show in the dropdown, when no items are selected. | 'Select' |
+| enableCheckAll | Boolean | Enable the option to select all items in list | false |
+| selectAllText | String | Text to display as the label of select all option | Select All |
+| unSelectAllText | String | Text to display as the label of unSelect option | UnSelect All |
+| enableSearchFilter | Boolean | Enable filter option for the list. | false |
+| enableFilterSelectAll | Boolean | A 'select all' checkbox to select all filtered results.  | true |
+| filterSelectAllText | String | Text to display as the label of select all option | Select all filtered results |
+| filterUnSelectAllText | String | Text to display as the label of unSelect option | UnSelect all filtered results |
+| maxHeight | Number | Set maximum height of the dropdown list in px. | 300 |
+| badgeShowLimit | Number | Limit the number of badges/items to show in the input field. If not set will show all selected. | All |
+| classes | String | Custom classes to the dropdown component. Classes are added to the dropdown selector tag. To add multiple classes, the value should be space separated class names.| '' |
+| limitSelection | Number | Limit the selection of number of items from the dropdown list. Once the limit is reached, all unselected items gets disabled. | none |
+| disabled | Boolean | Disable the dropdown | false |
+| searchPlaceholderText | String | Custom text for the search placeholder text. Default value would be 'Search' | 'Search' |
+| groupBy | String | Name of the field by which the list should be grouped. | none |
+| selectGroup | Boolean | Select a group at once. GroupBy should be enabled, to use this. | false |
+| searchAutofocus | Boolean | Autofocus search input field| true |
+| labelKey | String | The property name which should be rendered as label in the dropdown| itemName |
+| primaryKey | String | The property by which the object is identified. Default is 'id'.| id |
+| position | String | Set the position of the dropdown list to 'top' or 'bottom'| bottom |
+| noDataLabel | String | Label text when no data is available in the list| 'No Data Available' |
+| searchBy | Array | Search the list by certain properties of the list item. Ex: ["itemName, "id","name"]. Deafult is , it will search the list by all the properties of list item | [] |
+| lazyLoading | Boolean | Enable lazy loading. Used to render large datasets. | false |
+| showCheckbox | Boolean | Show or hide checkboxes in the list | true |
+| addNewItemOnFilter | Boolean | Whe you filter items and if, the item is not found, you can add the text as new item to the list | false |
+| addNewButtonText | String | The text in the button when `addNewItemOnFilter` is enabled | 'Add' |
+| escapeToClose | boolean | Press excape key to close the dropdown | true |
+| autoPosition | boolean | Enable dropdown to open either on 'top' or 'bottom' Ex: settings = { position: 'bottom', autoPosition: false }; open the dropdown always at bottom |  true |
+| tagToBody | boolean | If the dropdown to be appended to body or not ? | true |
+
+### Events
+- `onSelect` - Return the selected item on selection.
+    Example : (onSelect)="onItemSelect($event)"
+- `onDeSelect` - Return the un-selected item on un-selecting.
+    Example : (onDeSelect)="OnItemDeSelect($event)"
+- `onSelectAll` - Return the list of all selected items.
+    Example : (onSelectAll)="onSelectAll($event)"
+- `onDeSelectAll` - Returns an empty array.
+    Example : (onDeSelectAll)="onDeSelectAll($event)"
+- `onGroupSelect` - Returns the selected group items as an array.
+    Example: (onGroupSelect)="onGroupSelect($event)"
+- `onGroupDeSelect` - Returns the sun-elected group items as an array.
+    Example: (onGroupDeSelect)="onGroupDeSelect($event)"
+- `onOpen` - Callback method fired after the dropdown opens
+    Example : (onOpen)="onOpen($event)"
+- `onClose` - Callback method, fired when the dropdown is closed
+    Example : (onClose)="onClose($event)"
+- `onScrollToEnd` - Callback event fired when the dropdown list is scrolled to the end. Usually used with virtual scrolling, to load data on      scroll.
+    Example : (onScrollToEnd)="fetchMore($event)"
+- `onAddFilterNewItem` - Callback event fired when you click the `Add` button which will appear when `addNewItemOnFilter` setting is enabled.
+    Example : (onAddFilterNewItem)="onAddItem($event)"
+- `onFilterSelectAll` - Callback event fired when the list is filtered and all filtered items are selected with select all filtered items checkbox.
+    Example : (onFilterSelectAll)="onFilterSelectAll($event)"
+- `onFilterDeSelectAll` - Callback event fired when the list is filtered and all filtered items are de-selected with de-select all filtered items checkbox.
+    Example : (onFilterDeSelectAll)="onFilterDeSelectAll($event)"
+
+## Run locally
+- Clone the repository or downlod the .zip,.tar files.
+- Run `npm install`
+- Run `ng serve` for a dev server
+- Navigate to `http://localhost:4200/`
+ The app will automatically reload if you change any of the source files.
+
+## License
+MIT License.

package/esm2022/angular-multiselect.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1tdWx0aXNlbGVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIyLW11bHRpc2VsZWN0LWRyb3Bkb3duLWxpYi9zcmMvYW5ndWxhci1tdWx0aXNlbGVjdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/esm2022/lib/clickOutside.mjs

@@ -0,0 +1,58 @@
+import { Directive, Output, EventEmitter, HostListener, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ClickOutsideDirective {
+    _elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+    enabled;
+    clickOutside = new EventEmitter();
+    onClick(event, targetElement) {
+        console.log('clicked outside');
+        if (!targetElement || !this.enabled) {
+            return;
+        }
+        const clickedInside = this._elementRef.nativeElement.contains(targetElement);
+        if (!clickedInside) {
+            this.clickOutside.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { enabled: "enabled" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:pointerdown": "onClick($event,$event.target)", "document:touchstart": "onClick($event,$event.target)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[clickOutside]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { enabled: [{
+                type: Input
+            }], clickOutside: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:pointerdown', ['$event', '$event.target']]
+            }, {
+                type: HostListener,
+                args: ['document:touchstart', ['$event', '$event.target']]
+            }] } });
+export class ScrollDirective {
+    scroll = new EventEmitter();
+    onClick(event, targetElement) {
+        this.scroll.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScrollDirective, selector: "[scroll]", outputs: { scroll: "scroll" }, host: { listeners: { "scroll": "onClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scroll]',
+                }]
+        }], propDecorators: { scroll: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['scroll', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2tPdXRzaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhcjItbXVsdGlzZWxlY3QtZHJvcGRvd24tbGliL3NyYy9saWIvY2xpY2tPdXRzaWRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8scUJBQXFCO0lBQ0g7SUFBN0IsWUFBNkIsV0FBdUI7UUFBdkIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7SUFBRyxDQUFDO0lBR3hELE9BQU8sQ0FBVTtJQUdqQixZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQUk5QyxPQUFPLENBQUMsS0FBaUIsRUFBRSxhQUEwQjtRQUNuRCxPQUFPLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNwQyxPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sYUFBYSxHQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDO3dHQXRCVSxxQkFBcUI7NEZBQXJCLHFCQUFxQjs7NEZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjsrRUFLQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxNQUFNO2dCQUtQLE9BQU87c0JBRk4sWUFBWTt1QkFBQyxzQkFBc0IsRUFBRSxDQUFDLFFBQVEsRUFBRSxlQUFlLENBQUM7O3NCQUNoRSxZQUFZO3VCQUFDLHFCQUFxQixFQUFFLENBQUMsUUFBUSxFQUFFLGVBQWUsQ0FBQzs7QUFrQmxFLE1BQU0sT0FBTyxlQUFlO0lBRW5CLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0lBR3hDLE9BQU8sQ0FBQyxLQUFpQixFQUFFLGFBQTBCO1FBQzFELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7d0dBUFUsZUFBZTs0RkFBZixlQUFlOzs0RkFBZixlQUFlO2tCQUgzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO2lCQUNyQjs4QkFHUSxNQUFNO3NCQURaLE1BQU07Z0JBSUEsT0FBTztzQkFEYixZQUFZO3VCQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY2xpY2tPdXRzaWRlXScsXG59KVxuZXhwb3J0IGNsYXNzIENsaWNrT3V0c2lkZURpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgQElucHV0KClcbiAgZW5hYmxlZDogYm9vbGVhbjtcblxuICBAT3V0cHV0KClcbiAgY2xpY2tPdXRzaWRlID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OnBvaW50ZXJkb3duJywgWyckZXZlbnQnLCAnJGV2ZW50LnRhcmdldCddKVxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDp0b3VjaHN0YXJ0JywgWyckZXZlbnQnLCAnJGV2ZW50LnRhcmdldCddKVxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50LCB0YXJnZXRFbGVtZW50OiBIVE1MRWxlbWVudCk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKCdjbGlja2VkIG91dHNpZGUnKTtcbiAgICBpZiAoIXRhcmdldEVsZW1lbnQgfHwgIXRoaXMuZW5hYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPVxuICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldEVsZW1lbnQpO1xuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xuICAgICAgdGhpcy5jbGlja091dHNpZGUuZW1pdChldmVudCk7XG4gICAgfVxuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzY3JvbGxdJyxcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsRGlyZWN0aXZlIHtcbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBzY3JvbGwgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgQEhvc3RMaXN0ZW5lcignc2Nyb2xsJywgWyckZXZlbnQnXSlcbiAgcHVibGljIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQsIHRhcmdldEVsZW1lbnQ6IEhUTUxFbGVtZW50KTogdm9pZCB7XG4gICAgdGhpcy5zY3JvbGwuZW1pdChldmVudCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/list-filter.mjs

@@ -0,0 +1,59 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./multiselect.service";
+export class ListFilterPipe {
+    ds;
+    filteredList = [];
+    constructor(ds) {
+        this.ds = ds;
+    }
+    transform(items, filter, searchBy) {
+        if (!items || !filter || filter == "") {
+            return items;
+        }
+        this.filteredList = items.filter((item) => this.applyFilter(item, filter, searchBy));
+        return this.filteredList;
+    }
+    applyFilter(item, filter, searchBy) {
+        let found = false;
+        if (searchBy.length > 0) {
+            if (item.grpTitle) {
+                found = true;
+            }
+            else {
+                for (var t = 0; t < searchBy.length; t++) {
+                    if (filter && item[searchBy[t]] && item[searchBy[t]] != "") {
+                        if (item[searchBy[t]].toString().toLowerCase().indexOf(filter.toLowerCase()) >= 0) {
+                            found = true;
+                        }
+                    }
+                }
+            }
+        }
+        else {
+            if (item.grpTitle) {
+                found = true;
+            }
+            else {
+                for (var prop in item) {
+                    if (filter && item[prop]) {
+                        if (item[prop].toString().toLowerCase().indexOf(filter.toLowerCase()) >= 0) {
+                            found = true;
+                        }
+                    }
+                }
+            }
+        }
+        return found;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListFilterPipe, deps: [{ token: i1.DataService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ListFilterPipe, name: "listFilter" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'listFilter',
+                    pure: true
+                }]
+        }], ctorParameters: () => [{ type: i1.DataService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1maWx0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyMi1tdWx0aXNlbGVjdC1kcm9wZG93bi1saWIvc3JjL2xpYi9saXN0LWZpbHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7O0FBUXBELE1BQU0sT0FBTyxjQUFjO0lBR0g7SUFEYixZQUFZLEdBQVEsRUFBRSxDQUFDO0lBQzlCLFlBQW9CLEVBQWU7UUFBZixPQUFFLEdBQUYsRUFBRSxDQUFhO0lBRW5DLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWSxFQUFFLE1BQVcsRUFBRSxRQUFhO1FBQzlDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxNQUFNLElBQUksTUFBTSxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BDLE9BQU8sS0FBSyxDQUFDO1FBQ2pCLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFTLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDO1FBQzFGLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QixDQUFDO0lBQ0QsV0FBVyxDQUFDLElBQVMsRUFBRSxNQUFXLEVBQUUsUUFBYTtRQUM3QyxJQUFJLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3RCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNoQixLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2pCLENBQUM7aUJBQ0ksQ0FBQztnQkFDRixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO29CQUN2QyxJQUFJLE1BQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO3dCQUN6RCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7NEJBQ2hGLEtBQUssR0FBRyxJQUFJLENBQUM7d0JBQ2pCLENBQUM7b0JBQ0wsQ0FBQztnQkFDTCxDQUFDO1lBQ0wsQ0FBQztRQUVMLENBQUM7YUFBTSxDQUFDO1lBQ0osSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2hCLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDakIsQ0FBQztpQkFDSSxDQUFDO2dCQUNGLEtBQUssSUFBSSxJQUFJLElBQUksSUFBSSxFQUFFLENBQUM7b0JBQ3BCLElBQUksTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO3dCQUN2QixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7NEJBQ3pFLEtBQUssR0FBRyxJQUFJLENBQUM7d0JBQ2pCLENBQUM7b0JBQ0wsQ0FBQztnQkFDTCxDQUFDO1lBQ0wsQ0FBQztRQUNMLENBQUM7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO3dHQTlDUSxjQUFjO3NHQUFkLGNBQWM7OzRGQUFkLGNBQWM7a0JBSjFCLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLFlBQVk7b0JBQ2xCLElBQUksRUFBRSxJQUFJO2lCQUNiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGF0YVNlcnZpY2UgfSBmcm9tICcuL211bHRpc2VsZWN0LnNlcnZpY2UnO1xuXG5cbkBQaXBlKHtcbiAgICBuYW1lOiAnbGlzdEZpbHRlcicsXG4gICAgcHVyZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBMaXN0RmlsdGVyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gICAgcHVibGljIGZpbHRlcmVkTGlzdDogYW55ID0gW107XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBkczogRGF0YVNlcnZpY2UpIHtcblxuICAgIH1cblxuICAgIHRyYW5zZm9ybShpdGVtczogYW55W10sIGZpbHRlcjogYW55LCBzZWFyY2hCeTogYW55KTogYW55W10ge1xuICAgICAgICBpZiAoIWl0ZW1zIHx8ICFmaWx0ZXIgfHwgZmlsdGVyID09IFwiXCIpIHtcbiAgICAgICAgICAgIHJldHVybiBpdGVtcztcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmZpbHRlcmVkTGlzdCA9IGl0ZW1zLmZpbHRlcigoaXRlbTogYW55KSA9PiB0aGlzLmFwcGx5RmlsdGVyKGl0ZW0sIGZpbHRlciwgc2VhcmNoQnkpKTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyZWRMaXN0O1xuICAgIH1cbiAgICBhcHBseUZpbHRlcihpdGVtOiBhbnksIGZpbHRlcjogYW55LCBzZWFyY2hCeTogYW55KTogYm9vbGVhbiB7XG4gICAgICAgIGxldCBmb3VuZCA9IGZhbHNlO1xuICAgICAgICBpZiAoc2VhcmNoQnkubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgaWYgKGl0ZW0uZ3JwVGl0bGUpIHtcbiAgICAgICAgICAgICAgICBmb3VuZCA9IHRydWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBmb3IgKHZhciB0ID0gMDsgdCA8IHNlYXJjaEJ5Lmxlbmd0aDsgdCsrKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChmaWx0ZXIgJiYgaXRlbVtzZWFyY2hCeVt0XV0gJiYgaXRlbVtzZWFyY2hCeVt0XV0gIT0gXCJcIikge1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGl0ZW1bc2VhcmNoQnlbdF1dLnRvU3RyaW5nKCkudG9Mb3dlckNhc2UoKS5pbmRleE9mKGZpbHRlci50b0xvd2VyQ2FzZSgpKSA+PSAwKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm91bmQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBpZiAoaXRlbS5ncnBUaXRsZSkge1xuICAgICAgICAgICAgICAgIGZvdW5kID0gdHJ1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIGZvciAodmFyIHByb3AgaW4gaXRlbSkge1xuICAgICAgICAgICAgICAgICAgICBpZiAoZmlsdGVyICYmIGl0ZW1bcHJvcF0pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChpdGVtW3Byb3BdLnRvU3RyaW5nKCkudG9Mb3dlckNhc2UoKS5pbmRleE9mKGZpbHRlci50b0xvd2VyQ2FzZSgpKSA+PSAwKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm91bmQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGZvdW5kO1xuICAgIH1cbn0iXX0=