@stackline/angular-multiselect-dropdown 20.0.0 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +11 -11
  2. package/fesm2022/stackline-angular-multiselect-dropdown.mjs +29 -29
  3. package/fesm2022/stackline-angular-multiselect-dropdown.mjs.map +1 -1
  4. package/package.json +11 -10
  5. package/{index.d.ts → types/stackline-angular-multiselect-dropdown.d.ts} +4 -4
package/README.md CHANGED
@@ -6,13 +6,13 @@
6
6
  [![npm downloads](https://img.shields.io/npm/dt/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
7
7
  [![npm monthly](https://img.shields.io/npm/dm/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
8
8
  [![license](https://img.shields.io/npm/l/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://github.com/alexandroit/angular-multiselect-dropdown/blob/master/LICENSE)
9
- [![Angular 20](https://img.shields.io/badge/Angular-20.x-red?style=flat-square&logo=angular)](https://alexandro.net/docs/angular/multiselect/angular-20/)
9
+ [![Angular 21](https://img.shields.io/badge/Angular-21.x-red?style=flat-square&logo=angular)](https://alexandro.net/docs/angular/multiselect/angular-21/)
10
10
  [![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org)
11
11
  [![GitHub stars](https://img.shields.io/github/stars/alexandroit/angular-multiselect-dropdown.svg?style=flat-square)](https://github.com/alexandroit/angular-multiselect-dropdown/stargazers)
12
12
 
13
- **[Documentation & Live Demos](https://alexandro.net/docs/angular/multiselect/)** | **[Angular 20 Demo](https://alexandro.net/docs/angular/multiselect/angular-20/)** | **[npm](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)** | **[Issues](https://github.com/alexandroit/angular-multiselect-dropdown/issues)** | **[Repository](https://github.com/alexandroit/angular-multiselect-dropdown)**
13
+ **[Documentation & Live Demos](https://alexandro.net/docs/angular/multiselect/)** | **[Angular 21 Demo](https://alexandro.net/docs/angular/multiselect/angular-21/)** | **[npm](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)** | **[Issues](https://github.com/alexandroit/angular-multiselect-dropdown/issues)** | **[Repository](https://github.com/alexandroit/angular-multiselect-dropdown)**
14
14
 
15
- **Latest tested npm release:** `20.0.0` for Angular `20.x`
15
+ **Latest tested npm release:** `21.0.0` for Angular `21.x`
16
16
 
17
17
  ---
18
18
 
@@ -24,15 +24,15 @@
24
24
 
25
25
  The original `angular2-multiselect-dropdown` package became difficult to keep current across multiple Angular generations. This maintained package keeps the classic API and template structure intact, introduces the new primary selector `<angular-multiselect>`, preserves the legacy alias `<angular2-multiselect>`, and publishes the project line by line so older applications can keep a predictable upgrade path.
26
26
 
27
- The repository contains the full documentation matrix from Angular 2 through Angular 21. The current public npm release is `20.0.0` for Angular 20.x applications.
27
+ The repository contains the full documentation matrix from Angular 2 through Angular 21. The current public npm release is `21.0.0` for Angular 21.x applications.
28
28
 
29
- The Angular 20 package is compatible with Angular 20.x and was tested in a real Angular 20.3.21 application before npm publication.
29
+ The Angular 21 package is compatible with Angular 21.x and was tested in a real Angular 21.2.14 application before npm publication.
30
30
 
31
31
  ## Features
32
32
 
33
33
  | Feature | Supported |
34
34
  | :--- | :---: |
35
- | Angular 20 tested published release line | ✅ |
35
+ | Angular 21 tested published release line | ✅ |
36
36
  | Multi-select and single-select modes | ✅ |
37
37
  | Search and filter | ✅ |
38
38
  | Group by field | ✅ |
@@ -54,7 +54,7 @@ The Angular 20 package is compatible with Angular 20.x and was tested in a real
54
54
  4. [Setup](#setup)
55
55
  5. [Custom CSS and SCSS Themes](#custom-css-and-scss-themes)
56
56
  6. [Basic Usage](#basic-usage)
57
- 7. [Official Angular 20 Test Matrix](#official-angular-20-test-matrix)
57
+ 7. [Official Angular 21 Test Matrix](#official-angular-21-test-matrix)
58
58
  8. [Custom Templates](#custom-templates)
59
59
  9. [Forms Integration](#forms-integration)
60
60
  10. [Lazy Loading and Remote Data](#lazy-loading-and-remote-data)
@@ -98,10 +98,10 @@ Each package family only installs on its matching Angular family. Framework majo
98
98
  ## Installation
99
99
 
100
100
  ```bash
101
- npm install @stackline/angular-multiselect-dropdown@20.0.0 --save-exact
101
+ npm install @stackline/angular-multiselect-dropdown@21.0.0 --save-exact
102
102
  ```
103
103
 
104
- Install `20.0.0` for Angular 20.x applications. This line keeps the tested Angular 20 behavior, makes `<angular-multiselect>` the documented standard selector, and keeps `<angular2-multiselect>` only as a legacy compatibility alias.
104
+ Install `21.0.0` for Angular 21.x applications. This line keeps the tested Angular 21 behavior, makes `<angular-multiselect>` the documented standard selector, and keeps `<angular2-multiselect>` only as a legacy compatibility alias.
105
105
 
106
106
  ## Setup
107
107
 
@@ -195,9 +195,9 @@ dropdownSettings = {
195
195
  </angular-multiselect>
196
196
  ```
197
197
 
198
- ## Official Angular 20 Test Matrix
198
+ ## Official Angular 21 Test Matrix
199
199
 
200
- The published Angular 20 release was tested in a real Angular `20.3.21` application with `@stackline/angular-multiselect-dropdown@20.0.0`. The docs now use the same examples from that test app.
200
+ The published Angular 21 release was tested in a real Angular `21.2.14` application with `@stackline/angular-multiselect-dropdown@21.0.0`. The docs now use the same examples from that test app.
201
201
 
202
202
  Switch between skins through the settings object:
203
203
 
package/fesm2022/stackline-angular-multiselect-dropdown.mjs CHANGED
@@ -33,10 +33,10 @@ class ClickOutsideDirective {
33
33
  this.clickOutside.emit(event);
34
34
  }
35
35
  }
36
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.21", type: ClickOutsideDirective, isStandalone: false, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event,$event.target)", "document:touchstart": "onClick($event,$event.target)" } }, ngImport: i0 });
36
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ClickOutsideDirective, isStandalone: false, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event,$event.target)", "document:touchstart": "onClick($event,$event.target)" } }, ngImport: i0 });
38
38
  }
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClickOutsideDirective, decorators: [{
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ClickOutsideDirective, decorators: [{
40
40
  type: Directive,
41
41
  args: [{
42
42
  standalone: false,
@@ -57,13 +57,13 @@ class ScrollDirective {
57
57
  this._elementRef = _elementRef;
58
58
  }
59
59
  scroll = new EventEmitter();
60
- onClick(event, targetElement) {
60
+ onClick(event) {
61
61
  this.scroll.emit(event);
62
62
  }
63
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
64
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.21", type: ScrollDirective, isStandalone: false, selector: "[scroll]", outputs: { scroll: "scroll" }, host: { listeners: { "scroll": "onClick($event)" } }, ngImport: i0 });
63
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
64
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ScrollDirective, isStandalone: false, selector: "[scroll]", outputs: { scroll: "scroll" }, host: { listeners: { "scroll": "onClick($event)" } }, ngImport: i0 });
65
65
  }
66
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ScrollDirective, decorators: [{
66
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ScrollDirective, decorators: [{
67
67
  type: Directive,
68
68
  args: [{
69
69
  standalone: false,
@@ -87,10 +87,10 @@ class styleDirective {
87
87
  ngOnChanges() {
88
88
  this.el.nativeElement.style.top = this.styleVal;
89
89
  }
90
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: styleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
91
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.21", type: styleDirective, isStandalone: false, selector: "[styleProp]", inputs: { styleVal: ["styleProp", "styleVal"] }, usesOnChanges: true, ngImport: i0 });
90
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: styleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
91
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: styleDirective, isStandalone: false, selector: "[styleProp]", inputs: { styleVal: ["styleProp", "styleVal"] }, usesOnChanges: true, ngImport: i0 });
92
92
  }
93
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: styleDirective, decorators: [{
93
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: styleDirective, decorators: [{
94
94
  type: Directive,
95
95
  args: [{
96
96
  standalone: false,
@@ -121,10 +121,10 @@ class ListFilterPipe {
121
121
  }
122
122
  return found;
123
123
  }
124
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
125
- static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.21", ngImport: i0, type: ListFilterPipe, isStandalone: false, name: "listFilter", pure: false });
124
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
125
+ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: ListFilterPipe, isStandalone: false, name: "listFilter", pure: false });
126
126
  }
127
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ListFilterPipe, decorators: [{
127
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ListFilterPipe, decorators: [{
128
128
  type: Pipe,
129
129
  args: [{
130
130
  standalone: false,
@@ -137,10 +137,10 @@ class Item {
137
137
  template;
138
138
  constructor() {
139
139
  }
140
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: Item, deps: [], target: i0.ɵɵFactoryTarget.Component });
141
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: Item, isStandalone: false, selector: "c-item", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: ``, isInline: true });
140
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Item, deps: [], target: i0.ɵɵFactoryTarget.Component });
141
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: Item, isStandalone: false, selector: "c-item", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: ``, isInline: true });
142
142
  }
143
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: Item, decorators: [{
143
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Item, decorators: [{
144
144
  type: Component,
145
145
  args: [{
146
146
  standalone: false,
@@ -155,10 +155,10 @@ class Badge {
155
155
  template;
156
156
  constructor() {
157
157
  }
158
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
159
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: Badge, isStandalone: false, selector: "c-badge", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: ``, isInline: true });
158
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
159
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: Badge, isStandalone: false, selector: "c-badge", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: ``, isInline: true });
160
160
  }
161
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: Badge, decorators: [{
161
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Badge, decorators: [{
162
162
  type: Component,
163
163
  args: [{
164
164
  standalone: false,
@@ -186,10 +186,10 @@ class TemplateRenderer {
186
186
  ngOnDestroy() {
187
187
  this.view.destroy();
188
188
  }
189
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TemplateRenderer, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
190
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: TemplateRenderer, isStandalone: false, selector: "c-templateRenderer", inputs: { data: "data", item: "item" }, ngImport: i0, template: ``, isInline: true });
189
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TemplateRenderer, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
190
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: TemplateRenderer, isStandalone: false, selector: "c-templateRenderer", inputs: { data: "data", item: "item" }, ngImport: i0, template: ``, isInline: true });
191
191
  }
192
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: TemplateRenderer, decorators: [{
192
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TemplateRenderer, decorators: [{
193
193
  type: Component,
194
194
  args: [{
195
195
  standalone: false,
@@ -551,10 +551,10 @@ class AngularMultiSelect {
551
551
  this.updateView(this.scrollTop);
552
552
  }
553
553
  }
554
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
555
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: AngularMultiSelect, isStandalone: false, selector: "angular-multiselect, angular2-multiselect", inputs: { data: "data", settings: "settings" }, outputs: { onSelect: "onSelect", onDeSelect: "onDeSelect", onSelectAll: "onSelectAll", onDeSelectAll: "onDeSelectAll", onOpen: "onOpen", onClose: "onClose" }, host: { properties: { "class": "defaultSettings.classes" } }, providers: [DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALIDATION], queries: [{ propertyName: "itemTempl", first: true, predicate: Item, descendants: true }, { propertyName: "badgeTempl", first: true, predicate: Badge, descendants: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"stackline-dropdown\" [ngClass]=\"getDropdownClasses()\" (clickOutside)=\"closeDropdown()\">\n <div class=\"selected-list\">\n <div class=\"c-btn\" (click)=\"toggleDropdown($event)\" [ngClass]=\"{'disabled': settings.disabled}\">\n <span *ngIf=\"selectedItems?.length == 0\">{{settings.text}}</span>\n <span *ngIf=\"settings.singleSelection\">\n <span *ngFor=\"let item of selectedItems;trackBy: trackByFn;\">\n {{item[settings.labelKey]}}\n </span>\n </span>\n <div class=\"c-list\" *ngIf=\"selectedItems?.length > 0 && !settings.singleSelection\">\n <div class=\"c-token\" *ngFor=\"let item of selectedItems;trackBy: trackByFn;let k = index\" [hidden]=\"k > settings.badgeShowLimit-1\">\n <span *ngIf=\"!badgeTempl\" class=\"c-label\">{{item[settings.labelKey]}}</span>\n <span *ngIf=\"badgeTempl\" class=\"c-label\">\n <c-templateRenderer [data]=\"badgeTempl\" [item]=\"item\"></c-templateRenderer>\n </span>\n <span class=\"fa fa-remove\" (click)=\"onItemClick(item,k,$event)\"></span>\n </div>\n </div> \n <span class=\"countplaceholder\" *ngIf=\"selectedItems?.length > settings.badgeShowLimit\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\n <span class=\"fa\" [ngClass]=\"{'fa-angle-down': !isActive,'fa-angle-up':isActive}\"></span>\n </div> \n </div>\n <div class=\"dropdown-list\" [hidden]=\"!isActive\">\n <div class=\"arrow-up arrow-2\"></div>\n <div class=\"arrow-up\"></div>\n <div class=\"list-area\">\n <div class=\"pure-checkbox select-all\" *ngIf=\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\" (click)=\"toggleSelectAll()\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelectAll\" [disabled]=\"settings.limitSelection == selectedItems?.length\"/>\n <label>\n <span [hidden]=\"isSelectAll\">{{settings.selectAllText}}</span>\n <span [hidden]=\"!isSelectAll\">{{settings.unSelectAllText}}</span>\n </label>\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && !settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" [(ngModel)]=\"filter\">\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" (keyup)=\"filterInfiniteList($event)\">\n </div>\n <ul *ngIf=\"!settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" class=\"lazyContainer\" >\n <span *ngIf=\"itemTempl\">\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && !settings.lazyLoading\" >\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && settings.lazyLoading\" >\n <div [ngStyle]=\"{'height':totalHeight+'px'}\" style=\"position: relative;\">\n\n \n <li *ngFor=\"let item of chunkArray | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" style=\"position: absolute;width: 100%;\" class=\"pure-checkbox\" [styleProp]=\"chunkIndex[i]\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </div>\n </span>\n </ul>\n <div *ngIf=\"settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" style=\"overflow: auto;\">\n <ul *ngFor=\"let obj of groupedData ; let i = index;\" class=\"list-grp\">\n <h4 *ngIf=\"(obj.value | listFilter:filter ).length > 0\">{{obj.key}}</h4>\n <span *ngIf=\"itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n </ul>\n </div>\n <h5 class=\"list-message\" *ngIf=\"data?.length == 0\">{{settings.noDataLabel}}</h5>\n </div>\n </div>\n</div>\n", isInline: true, styles: [".stackline-dropdown{position:relative}.c-btn{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333}.c-btn.disabled{background:#ccc}.c-btn:focus{outline:none}.selected-list .c-list{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;min-width:0;float:none;padding:0;margin:0;width:auto}.selected-list .c-list .c-token{list-style:none;padding:0 5px;background:#0079fe;color:#fff;border-radius:2px;margin-right:4px;margin-top:2px;float:left}.selected-list .c-list .c-token .c-label{display:block;float:left}.selected-list .c-list .c-token .fa-remove{margin-left:1px;font-size:12px}.selected-list .fa-angle-down,.selected-list .fa-angle-up{font-size:15pt;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0 0 0 6px;line-height:1}.selected-list .c-btn{box-sizing:border-box;width:100%;box-shadow:0 1px 5px #959595;padding:10px 36px 10px 10px;cursor:pointer;display:flex;align-items:center;flex-wrap:nowrap;position:relative}.dropdown-list{position:absolute;padding-top:14px;width:100%;z-index:9999}.dropdown-list ul{padding:0;list-style:none;overflow:auto;margin:0}.dropdown-list ul li{padding:10px;cursor:pointer;text-align:left}.dropdown-list ul li:first-child{padding-top:10px}.dropdown-list ul li:last-child{padding-bottom:10px}.dropdown-list ul li:hover{background:#f5f5f5}.dropdown-list ::-webkit-scrollbar{width:8px}.dropdown-list ::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.dropdown-list ::-webkit-scrollbar-track{background:#f2f2f2}.arrow-up{width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:15px solid #fff;margin-left:15px;position:absolute;top:0}.arrow-2{border-bottom:15px solid #ccc;top:-1px}.list-area{border:1px solid #ccc;border-radius:3px;background:#fff;margin:0;box-shadow:0 1px 5px #959595}.select-all{padding:10px;border-bottom:1px solid #ccc;text-align:left}.list-filter{border-bottom:1px solid #ccc;position:relative}.list-filter input{border:0px;width:100%;height:35px;padding:0 0 0 35px}.list-filter input:focus{outline:none}.list-filter .fa{position:absolute;top:10px;left:13px;color:#888}.pure-checkbox input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pure-checkbox input[type=checkbox]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before{border-color:#0079fe;background-color:#f2f2f2}.pure-checkbox input[type=checkbox]:active+label:before{transition-duration:0s}.pure-checkbox input[type=checkbox]+label{position:relative;padding-left:2em;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;margin:0;color:#000;font-weight:300}.pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";color:#0079fe;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-9px;border:2px solid #0079FE;text-align:center;transition:all .4s ease}.pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";background-color:#0079fe;position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-5px;transform:scale(0);transform-origin:50%;transition:transform .2s ease-out}.pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.pure-checkbox input[type=checkbox]:disabled:focus+label:before .pure-checkbox input[type=checkbox]:disabled:hover+label:before{background-color:inherit}.pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.pure-checkbox input[type=checkbox]+label:after{background-color:transparent;top:50%;left:4px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;transform:rotate(-45deg) scale(0)}.pure-checkbox input[type=checkbox]:checked+label:after{content:\"\";transform:rotate(-45deg) scale(1);transition:transform .2s ease-out}.pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.pure-checkbox input[type=radio]:checked+label:after{transform:scale(1)}.pure-checkbox input[type=radio]+label:before{border-radius:50%}.pure-checkbox input[type=checkbox]:checked+label:before{background:#0079fe}.pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.list-message{text-align:center}.list-grp{padding:0 15px!important}.list-grp h4{text-transform:capitalize;margin:15px 0 0;font-size:14px;font-weight:700}.list-grp>li{padding-left:15px!important}.stackline-dropdown.theme-material,.stackline-dropdown.theme-dark,.stackline-dropdown.theme-custom{--ms-primary: #3f51b5;--ms-primary-soft: rgba(63, 81, 181, .12);--ms-surface: #ffffff;--ms-surface-soft: #f5f7fb;--ms-surface-muted: #e8eaf6;--ms-outline: #c5cae9;--ms-outline-strong: #7986cb;--ms-on-surface: #212121;--ms-on-surface-muted: #5f6368;--ms-chip-bg: #e8eaf6;--ms-chip-text: #303f9f;--ms-chip-remove: #303f9f;--ms-divider: rgba(125, 119, 134, .16);--ms-section-bg: rgba(247, 242, 250, .76);--ms-selected-text: var(--ms-primary);--ms-shadow: 0 1px 2px rgba(33, 33, 33, .16), 0 12px 32px rgba(63, 81, 181, .12);--ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, .12), 0 4px 12px rgba(33, 33, 33, .08);display:block;width:100%;color:var(--ms-on-surface);font:inherit}.stackline-dropdown.theme-dark{--ms-primary: #8ab4f8;--ms-primary-soft: rgba(138, 180, 248, .18);--ms-surface: #151a23;--ms-surface-soft: #202736;--ms-surface-muted: #111722;--ms-outline: #384456;--ms-outline-strong: #8ab4f8;--ms-on-surface: #edf2f7;--ms-on-surface-muted: #aab6c5;--ms-chip-bg: #263247;--ms-chip-text: #d7e6ff;--ms-chip-remove: #d7e6ff;--ms-divider: rgba(170, 182, 197, .18);--ms-section-bg: #101620;--ms-selected-text: #d7e6ff;--ms-shadow: 0 20px 50px rgba(0, 0, 0, .42);--ms-shadow-soft: 0 1px 2px rgba(0, 0, 0, .45), 0 10px 24px rgba(0, 0, 0, .28)}.stackline-dropdown.theme-custom{--ms-primary: var(--stackline-ms-primary, #0f766e);--ms-primary-soft: var(--stackline-ms-primary-soft, rgba(15, 118, 110, .14));--ms-surface: var(--stackline-ms-surface, #ffffff);--ms-surface-soft: var(--stackline-ms-surface-soft, #ecfdf5);--ms-surface-muted: var(--stackline-ms-surface-muted, #d1fae5);--ms-outline: var(--stackline-ms-outline, #99f6e4);--ms-outline-strong: var(--stackline-ms-outline-strong, #0f766e);--ms-on-surface: var(--stackline-ms-on-surface, #102a2a);--ms-on-surface-muted: var(--stackline-ms-on-surface-muted, #47615f);--ms-chip-bg: var(--stackline-ms-chip-bg, #ccfbf1);--ms-chip-text: var(--stackline-ms-chip-text, #115e59);--ms-chip-remove: var(--stackline-ms-chip-remove, #115e59);--ms-divider: var(--stackline-ms-divider, rgba(15, 118, 110, .16));--ms-section-bg: var(--stackline-ms-section-bg, #f0fdfa);--ms-selected-text: var(--stackline-ms-selected-text, var(--ms-primary));--ms-shadow: var(--stackline-ms-shadow, 0 18px 42px rgba(15, 118, 110, .15));--ms-shadow-soft: var(--stackline-ms-shadow-soft, 0 1px 2px rgba(15, 118, 110, .16), 0 8px 18px rgba(15, 118, 110, .09))}.stackline-dropdown.theme-material .selected-list,.stackline-dropdown.theme-dark .selected-list,.stackline-dropdown.theme-custom .selected-list{width:100%}.stackline-dropdown.theme-material .selected-list .c-btn,.stackline-dropdown.theme-dark .selected-list .c-btn,.stackline-dropdown.theme-custom .selected-list .c-btn{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;min-height:56px;padding:11px 54px 11px 16px;border-radius:18px;border:1px solid var(--ms-outline);background:var(--ms-surface);box-shadow:var(--ms-shadow-soft);color:var(--ms-on-surface);cursor:pointer;font-size:inherit;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}.stackline-dropdown.theme-material .selected-list .c-btn:hover,.stackline-dropdown.theme-dark .selected-list .c-btn:hover,.stackline-dropdown.theme-custom .selected-list .c-btn:hover{border-color:var(--ms-outline-strong)}.stackline-dropdown.theme-material .selected-list .c-btn.disabled,.stackline-dropdown.theme-dark .selected-list .c-btn.disabled,.stackline-dropdown.theme-custom .selected-list .c-btn.disabled{background:var(--ms-surface);cursor:not-allowed;opacity:.72}.stackline-dropdown.theme-material .selected-list .c-list,.stackline-dropdown.theme-dark .selected-list .c-list,.stackline-dropdown.theme-custom .selected-list .c-list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;width:auto;min-width:0;margin:0;padding:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token,.stackline-dropdown.theme-dark .selected-list .c-list .c-token,.stackline-dropdown.theme-custom .selected-list .c-list .c-token{position:relative;display:inline-block;vertical-align:middle;min-height:32px;max-width:100%;padding:6px 30px 6px 12px;background:var(--ms-chip-bg);color:var(--ms-chip-text);border-radius:999px;box-shadow:inset 0 0 0 1px #6750a414;line-height:1.35;white-space:normal;overflow-wrap:anywhere;margin:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .c-label{display:inline-flex;align-items:center;float:none;min-width:0;max-width:100%;line-height:1.3;font-weight:500;white-space:normal;overflow-wrap:anywhere}.stackline-dropdown.theme-material .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .fa-remove{position:absolute;right:10px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:0;transform:translateY(-50%);color:var(--ms-chip-remove);cursor:pointer}.stackline-dropdown.theme-material .selected-list .countplaceholder,.stackline-dropdown.theme-dark .selected-list .countplaceholder,.stackline-dropdown.theme-custom .selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0;line-height:1;color:var(--ms-on-surface-muted);font-size:.8rem;font-weight:600}.stackline-dropdown.theme-material .selected-list .fa-angle-down,.stackline-dropdown.theme-dark .selected-list .fa-angle-down,.stackline-dropdown.theme-custom .selected-list .fa-angle-down,.stackline-dropdown.theme-material .selected-list .fa-angle-up,.stackline-dropdown.theme-dark .selected-list .fa-angle-up,.stackline-dropdown.theme-custom .selected-list .fa-angle-up{position:absolute;top:50%;right:16px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transform:translateY(-50%);color:var(--ms-on-surface-muted);font-size:15pt;pointer-events:none}.stackline-dropdown.theme-material .dropdown-list,.stackline-dropdown.theme-dark .dropdown-list,.stackline-dropdown.theme-custom .dropdown-list{position:absolute;width:100%;padding-top:8px;z-index:99999}.stackline-dropdown.theme-material .arrow-up,.stackline-dropdown.theme-dark .arrow-up,.stackline-dropdown.theme-custom .arrow-up,.stackline-dropdown.theme-material .arrow-down,.stackline-dropdown.theme-dark .arrow-down,.stackline-dropdown.theme-custom .arrow-down,.stackline-dropdown.theme-material .arrow-2,.stackline-dropdown.theme-dark .arrow-2,.stackline-dropdown.theme-custom .arrow-2{display:none}.stackline-dropdown.theme-material .list-area,.stackline-dropdown.theme-dark .list-area,.stackline-dropdown.theme-custom .list-area{overflow:hidden;border-radius:22px;background:var(--ms-surface);border:1px solid var(--ms-outline);box-shadow:var(--ms-shadow);margin:0}.stackline-dropdown.theme-material .select-all,.stackline-dropdown.theme-dark .select-all,.stackline-dropdown.theme-custom .select-all{padding:10px 14px;border-bottom:1px solid var(--ms-divider);background:var(--ms-section-bg);text-align:left}.stackline-dropdown.theme-material .list-filter,.stackline-dropdown.theme-dark .list-filter,.stackline-dropdown.theme-custom .list-filter{position:relative;display:flex;align-items:center;min-height:52px;padding-left:48px;padding-right:44px;border-bottom:1px solid var(--ms-divider);background:var(--ms-surface)}.stackline-dropdown.theme-material .list-filter input,.stackline-dropdown.theme-dark .list-filter input,.stackline-dropdown.theme-custom .list-filter input{width:100%;height:100%;border:0;background:transparent;color:var(--ms-on-surface);font:inherit;padding:0}.stackline-dropdown.theme-material .list-filter input::placeholder,.stackline-dropdown.theme-dark .list-filter input::placeholder,.stackline-dropdown.theme-custom .list-filter input::placeholder{color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .list-filter input:focus,.stackline-dropdown.theme-dark .list-filter input:focus,.stackline-dropdown.theme-custom .list-filter input:focus{outline:none}.stackline-dropdown.theme-material .list-filter .fa,.stackline-dropdown.theme-dark .list-filter .fa,.stackline-dropdown.theme-custom .list-filter .fa{position:absolute;top:50%;left:16px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transform:translateY(-50%);color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .dropdown-list ul,.stackline-dropdown.theme-dark .dropdown-list ul,.stackline-dropdown.theme-custom .dropdown-list ul{list-style:none;margin:0;padding:8px;overflow:auto}.stackline-dropdown.theme-material .dropdown-list ul li,.stackline-dropdown.theme-dark .dropdown-list ul li,.stackline-dropdown.theme-custom .dropdown-list ul li{align-items:center;min-height:0;margin:4px;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:left;line-height:1.35;transition:background-color .16s ease,color .16s ease}.stackline-dropdown.theme-material .dropdown-list ul li:first-child,.stackline-dropdown.theme-dark .dropdown-list ul li:first-child,.stackline-dropdown.theme-custom .dropdown-list ul li:first-child{padding-top:12px}.stackline-dropdown.theme-material .dropdown-list ul li:last-child,.stackline-dropdown.theme-dark .dropdown-list ul li:last-child,.stackline-dropdown.theme-custom .dropdown-list ul li:last-child{padding-bottom:12px}.stackline-dropdown.theme-material .dropdown-list ul li:hover,.stackline-dropdown.theme-dark .dropdown-list ul li:hover,.stackline-dropdown.theme-custom .dropdown-list ul li:hover{background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox,.stackline-dropdown.theme-dark .pure-checkbox,.stackline-dropdown.theme-custom .pure-checkbox{position:relative}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label{position:relative;display:block;width:100%;margin:0;padding-left:32px;color:inherit;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-10px;border:2px solid var(--ms-outline-strong);border-radius:5px;background:var(--ms-surface);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:5px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;background:transparent;transform:rotate(-45deg) scale(0);transform-origin:50%;transition:transform .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:hover+label:before{border-color:var(--ms-primary);background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:before{border-color:var(--ms-primary);background:var(--ms-primary)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.stackline-dropdown.theme-material .list-message,.stackline-dropdown.theme-dark .list-message,.stackline-dropdown.theme-custom .list-message{margin:0;padding:20px 14px;color:var(--ms-on-surface-muted);text-align:center}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.DefaultValueAccessor), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(() => i2.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i2.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i0.forwardRef(() => ClickOutsideDirective), selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "directive", type: i0.forwardRef(() => styleDirective), selector: "[styleProp]", inputs: ["styleProp"] }, { kind: "component", type: i0.forwardRef(() => TemplateRenderer), selector: "c-templateRenderer", inputs: ["data", "item"] }, { kind: "pipe", type: i0.forwardRef(() => ListFilterPipe), name: "listFilter" }] });
554
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
555
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: AngularMultiSelect, isStandalone: false, selector: "angular-multiselect, angular2-multiselect", inputs: { data: "data", settings: "settings" }, outputs: { onSelect: "onSelect", onDeSelect: "onDeSelect", onSelectAll: "onSelectAll", onDeSelectAll: "onDeSelectAll", onOpen: "onOpen", onClose: "onClose" }, host: { properties: { "class": "defaultSettings.classes" } }, providers: [DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALIDATION], queries: [{ propertyName: "itemTempl", first: true, predicate: Item, descendants: true }, { propertyName: "badgeTempl", first: true, predicate: Badge, descendants: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"stackline-dropdown\" [ngClass]=\"getDropdownClasses()\" (clickOutside)=\"closeDropdown()\">\n <div class=\"selected-list\">\n <div class=\"c-btn\" (click)=\"toggleDropdown($event)\" [ngClass]=\"{'disabled': settings.disabled}\">\n <span *ngIf=\"selectedItems?.length == 0\">{{settings.text}}</span>\n <span *ngIf=\"settings.singleSelection\">\n <span *ngFor=\"let item of selectedItems;trackBy: trackByFn;\">\n {{item[settings.labelKey]}}\n </span>\n </span>\n <div class=\"c-list\" *ngIf=\"selectedItems?.length > 0 && !settings.singleSelection\">\n <div class=\"c-token\" *ngFor=\"let item of selectedItems;trackBy: trackByFn;let k = index\" [hidden]=\"k > settings.badgeShowLimit-1\">\n <span *ngIf=\"!badgeTempl\" class=\"c-label\">{{item[settings.labelKey]}}</span>\n <span *ngIf=\"badgeTempl\" class=\"c-label\">\n <c-templateRenderer [data]=\"badgeTempl\" [item]=\"item\"></c-templateRenderer>\n </span>\n <span class=\"fa fa-remove\" (click)=\"onItemClick(item,k,$event)\"></span>\n </div>\n </div> \n <span class=\"countplaceholder\" *ngIf=\"selectedItems?.length > settings.badgeShowLimit\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\n <span class=\"fa\" [ngClass]=\"{'fa-angle-down': !isActive,'fa-angle-up':isActive}\"></span>\n </div> \n </div>\n <div class=\"dropdown-list\" [hidden]=\"!isActive\">\n <div class=\"arrow-up arrow-2\"></div>\n <div class=\"arrow-up\"></div>\n <div class=\"list-area\">\n <div class=\"pure-checkbox select-all\" *ngIf=\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\" (click)=\"toggleSelectAll()\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelectAll\" [disabled]=\"settings.limitSelection == selectedItems?.length\"/>\n <label>\n <span [hidden]=\"isSelectAll\">{{settings.selectAllText}}</span>\n <span [hidden]=\"!isSelectAll\">{{settings.unSelectAllText}}</span>\n </label>\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && !settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" [(ngModel)]=\"filter\">\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" (keyup)=\"filterInfiniteList($event)\">\n </div>\n <ul *ngIf=\"!settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" class=\"lazyContainer\" >\n <span *ngIf=\"itemTempl\">\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && !settings.lazyLoading\" >\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && settings.lazyLoading\" >\n <div [ngStyle]=\"{'height':totalHeight+'px'}\" style=\"position: relative;\">\n\n \n <li *ngFor=\"let item of chunkArray | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" style=\"position: absolute;width: 100%;\" class=\"pure-checkbox\" [styleProp]=\"chunkIndex[i]\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </div>\n </span>\n </ul>\n <div *ngIf=\"settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" style=\"overflow: auto;\">\n <ul *ngFor=\"let obj of groupedData ; let i = index;\" class=\"list-grp\">\n <h4 *ngIf=\"(obj.value | listFilter:filter ).length > 0\">{{obj.key}}</h4>\n <span *ngIf=\"itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n </ul>\n </div>\n <h5 class=\"list-message\" *ngIf=\"data?.length == 0\">{{settings.noDataLabel}}</h5>\n </div>\n </div>\n</div>\n", isInline: true, styles: [".stackline-dropdown{position:relative}.c-btn{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333}.c-btn.disabled{background:#ccc}.c-btn:focus{outline:none}.selected-list .c-list{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;min-width:0;float:none;padding:0;margin:0;width:auto}.selected-list .c-list .c-token{list-style:none;padding:0 5px;background:#0079fe;color:#fff;border-radius:2px;margin-right:4px;margin-top:2px;float:left}.selected-list .c-list .c-token .c-label{display:block;float:left}.selected-list .c-list .c-token .fa-remove{margin-left:1px;font-size:12px}.selected-list .fa-angle-down,.selected-list .fa-angle-up{font-size:15pt;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0 0 0 6px;line-height:1}.selected-list .c-btn{box-sizing:border-box;width:100%;box-shadow:0 1px 5px #959595;padding:10px 36px 10px 10px;cursor:pointer;display:flex;align-items:center;flex-wrap:nowrap;position:relative}.dropdown-list{position:absolute;padding-top:14px;width:100%;z-index:9999}.dropdown-list ul{padding:0;list-style:none;overflow:auto;margin:0}.dropdown-list ul li{padding:10px;cursor:pointer;text-align:left}.dropdown-list ul li:first-child{padding-top:10px}.dropdown-list ul li:last-child{padding-bottom:10px}.dropdown-list ul li:hover{background:#f5f5f5}.dropdown-list ::-webkit-scrollbar{width:8px}.dropdown-list ::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.dropdown-list ::-webkit-scrollbar-track{background:#f2f2f2}.arrow-up{width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:15px solid #fff;margin-left:15px;position:absolute;top:0}.arrow-2{border-bottom:15px solid #ccc;top:-1px}.list-area{border:1px solid #ccc;border-radius:3px;background:#fff;margin:0;box-shadow:0 1px 5px #959595}.select-all{padding:10px;border-bottom:1px solid #ccc;text-align:left}.list-filter{border-bottom:1px solid #ccc;position:relative}.list-filter input{border:0px;width:100%;height:35px;padding:0 0 0 35px}.list-filter input:focus{outline:none}.list-filter .fa{position:absolute;top:10px;left:13px;color:#888}.pure-checkbox input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pure-checkbox input[type=checkbox]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before{border-color:#0079fe;background-color:#f2f2f2}.pure-checkbox input[type=checkbox]:active+label:before{transition-duration:0s}.pure-checkbox input[type=checkbox]+label{position:relative;padding-left:2em;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;margin:0;color:#000;font-weight:300}.pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";color:#0079fe;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-9px;border:2px solid #0079FE;text-align:center;transition:all .4s ease}.pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";background-color:#0079fe;position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-5px;transform:scale(0);transform-origin:50%;transition:transform .2s ease-out}.pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.pure-checkbox input[type=checkbox]:disabled:focus+label:before .pure-checkbox input[type=checkbox]:disabled:hover+label:before{background-color:inherit}.pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.pure-checkbox input[type=checkbox]+label:after{background-color:transparent;top:50%;left:4px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;transform:rotate(-45deg) scale(0)}.pure-checkbox input[type=checkbox]:checked+label:after{content:\"\";transform:rotate(-45deg) scale(1);transition:transform .2s ease-out}.pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.pure-checkbox input[type=radio]:checked+label:after{transform:scale(1)}.pure-checkbox input[type=radio]+label:before{border-radius:50%}.pure-checkbox input[type=checkbox]:checked+label:before{background:#0079fe}.pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.list-message{text-align:center}.list-grp{padding:0 15px!important}.list-grp h4{text-transform:capitalize;margin:15px 0 0;font-size:14px;font-weight:700}.list-grp>li{padding-left:15px!important}.stackline-dropdown.theme-material,.stackline-dropdown.theme-dark,.stackline-dropdown.theme-custom{--ms-primary: #3f51b5;--ms-primary-soft: rgba(63, 81, 181, .12);--ms-surface: #ffffff;--ms-surface-soft: #f5f7fb;--ms-surface-muted: #e8eaf6;--ms-outline: #c5cae9;--ms-outline-strong: #7986cb;--ms-on-surface: #212121;--ms-on-surface-muted: #5f6368;--ms-chip-bg: #e8eaf6;--ms-chip-text: #303f9f;--ms-chip-remove: #303f9f;--ms-divider: rgba(125, 119, 134, .16);--ms-section-bg: rgba(247, 242, 250, .76);--ms-selected-text: var(--ms-primary);--ms-shadow: 0 1px 2px rgba(33, 33, 33, .16), 0 12px 32px rgba(63, 81, 181, .12);--ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, .12), 0 4px 12px rgba(33, 33, 33, .08);display:block;width:100%;color:var(--ms-on-surface);font:inherit}.stackline-dropdown.theme-dark{--ms-primary: #8ab4f8;--ms-primary-soft: rgba(138, 180, 248, .18);--ms-surface: #151a23;--ms-surface-soft: #202736;--ms-surface-muted: #111722;--ms-outline: #384456;--ms-outline-strong: #8ab4f8;--ms-on-surface: #edf2f7;--ms-on-surface-muted: #aab6c5;--ms-chip-bg: #263247;--ms-chip-text: #d7e6ff;--ms-chip-remove: #d7e6ff;--ms-divider: rgba(170, 182, 197, .18);--ms-section-bg: #101620;--ms-selected-text: #d7e6ff;--ms-shadow: 0 20px 50px rgba(0, 0, 0, .42);--ms-shadow-soft: 0 1px 2px rgba(0, 0, 0, .45), 0 10px 24px rgba(0, 0, 0, .28)}.stackline-dropdown.theme-custom{--ms-primary: var(--stackline-ms-primary, #0f766e);--ms-primary-soft: var(--stackline-ms-primary-soft, rgba(15, 118, 110, .14));--ms-surface: var(--stackline-ms-surface, #ffffff);--ms-surface-soft: var(--stackline-ms-surface-soft, #ecfdf5);--ms-surface-muted: var(--stackline-ms-surface-muted, #d1fae5);--ms-outline: var(--stackline-ms-outline, #99f6e4);--ms-outline-strong: var(--stackline-ms-outline-strong, #0f766e);--ms-on-surface: var(--stackline-ms-on-surface, #102a2a);--ms-on-surface-muted: var(--stackline-ms-on-surface-muted, #47615f);--ms-chip-bg: var(--stackline-ms-chip-bg, #ccfbf1);--ms-chip-text: var(--stackline-ms-chip-text, #115e59);--ms-chip-remove: var(--stackline-ms-chip-remove, #115e59);--ms-divider: var(--stackline-ms-divider, rgba(15, 118, 110, .16));--ms-section-bg: var(--stackline-ms-section-bg, #f0fdfa);--ms-selected-text: var(--stackline-ms-selected-text, var(--ms-primary));--ms-shadow: var(--stackline-ms-shadow, 0 18px 42px rgba(15, 118, 110, .15));--ms-shadow-soft: var(--stackline-ms-shadow-soft, 0 1px 2px rgba(15, 118, 110, .16), 0 8px 18px rgba(15, 118, 110, .09))}.stackline-dropdown.theme-material .selected-list,.stackline-dropdown.theme-dark .selected-list,.stackline-dropdown.theme-custom .selected-list{width:100%}.stackline-dropdown.theme-material .selected-list .c-btn,.stackline-dropdown.theme-dark .selected-list .c-btn,.stackline-dropdown.theme-custom .selected-list .c-btn{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;min-height:56px;padding:11px 54px 11px 16px;border-radius:18px;border:1px solid var(--ms-outline);background:var(--ms-surface);box-shadow:var(--ms-shadow-soft);color:var(--ms-on-surface);cursor:pointer;font-size:inherit;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}.stackline-dropdown.theme-material .selected-list .c-btn:hover,.stackline-dropdown.theme-dark .selected-list .c-btn:hover,.stackline-dropdown.theme-custom .selected-list .c-btn:hover{border-color:var(--ms-outline-strong)}.stackline-dropdown.theme-material .selected-list .c-btn.disabled,.stackline-dropdown.theme-dark .selected-list .c-btn.disabled,.stackline-dropdown.theme-custom .selected-list .c-btn.disabled{background:var(--ms-surface);cursor:not-allowed;opacity:.72}.stackline-dropdown.theme-material .selected-list .c-list,.stackline-dropdown.theme-dark .selected-list .c-list,.stackline-dropdown.theme-custom .selected-list .c-list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;width:auto;min-width:0;margin:0;padding:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token,.stackline-dropdown.theme-dark .selected-list .c-list .c-token,.stackline-dropdown.theme-custom .selected-list .c-list .c-token{position:relative;display:inline-block;vertical-align:middle;min-height:32px;max-width:100%;padding:6px 30px 6px 12px;background:var(--ms-chip-bg);color:var(--ms-chip-text);border-radius:999px;box-shadow:inset 0 0 0 1px #6750a414;line-height:1.35;white-space:normal;overflow-wrap:anywhere;margin:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .c-label{display:inline-flex;align-items:center;float:none;min-width:0;max-width:100%;line-height:1.3;font-weight:500;white-space:normal;overflow-wrap:anywhere}.stackline-dropdown.theme-material .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .fa-remove{position:absolute;right:10px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:0;transform:translateY(-50%);color:var(--ms-chip-remove);cursor:pointer}.stackline-dropdown.theme-material .selected-list .countplaceholder,.stackline-dropdown.theme-dark .selected-list .countplaceholder,.stackline-dropdown.theme-custom .selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0;line-height:1;color:var(--ms-on-surface-muted);font-size:.8rem;font-weight:600}.stackline-dropdown.theme-material .selected-list .fa-angle-down,.stackline-dropdown.theme-dark .selected-list .fa-angle-down,.stackline-dropdown.theme-custom .selected-list .fa-angle-down,.stackline-dropdown.theme-material .selected-list .fa-angle-up,.stackline-dropdown.theme-dark .selected-list .fa-angle-up,.stackline-dropdown.theme-custom .selected-list .fa-angle-up{position:absolute;top:50%;right:16px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transform:translateY(-50%);color:var(--ms-on-surface-muted);font-size:15pt;pointer-events:none}.stackline-dropdown.theme-material .dropdown-list,.stackline-dropdown.theme-dark .dropdown-list,.stackline-dropdown.theme-custom .dropdown-list{position:absolute;width:100%;padding-top:8px;z-index:99999}.stackline-dropdown.theme-material .arrow-up,.stackline-dropdown.theme-dark .arrow-up,.stackline-dropdown.theme-custom .arrow-up,.stackline-dropdown.theme-material .arrow-down,.stackline-dropdown.theme-dark .arrow-down,.stackline-dropdown.theme-custom .arrow-down,.stackline-dropdown.theme-material .arrow-2,.stackline-dropdown.theme-dark .arrow-2,.stackline-dropdown.theme-custom .arrow-2{display:none}.stackline-dropdown.theme-material .list-area,.stackline-dropdown.theme-dark .list-area,.stackline-dropdown.theme-custom .list-area{overflow:hidden;border-radius:22px;background:var(--ms-surface);border:1px solid var(--ms-outline);box-shadow:var(--ms-shadow);margin:0}.stackline-dropdown.theme-material .select-all,.stackline-dropdown.theme-dark .select-all,.stackline-dropdown.theme-custom .select-all{padding:10px 14px;border-bottom:1px solid var(--ms-divider);background:var(--ms-section-bg);text-align:left}.stackline-dropdown.theme-material .list-filter,.stackline-dropdown.theme-dark .list-filter,.stackline-dropdown.theme-custom .list-filter{position:relative;display:flex;align-items:center;min-height:52px;padding-left:48px;padding-right:44px;border-bottom:1px solid var(--ms-divider);background:var(--ms-surface)}.stackline-dropdown.theme-material .list-filter input,.stackline-dropdown.theme-dark .list-filter input,.stackline-dropdown.theme-custom .list-filter input{width:100%;height:100%;border:0;background:transparent;color:var(--ms-on-surface);font:inherit;padding:0}.stackline-dropdown.theme-material .list-filter input::placeholder,.stackline-dropdown.theme-dark .list-filter input::placeholder,.stackline-dropdown.theme-custom .list-filter input::placeholder{color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .list-filter input:focus,.stackline-dropdown.theme-dark .list-filter input:focus,.stackline-dropdown.theme-custom .list-filter input:focus{outline:none}.stackline-dropdown.theme-material .list-filter .fa,.stackline-dropdown.theme-dark .list-filter .fa,.stackline-dropdown.theme-custom .list-filter .fa{position:absolute;top:50%;left:16px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transform:translateY(-50%);color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .dropdown-list ul,.stackline-dropdown.theme-dark .dropdown-list ul,.stackline-dropdown.theme-custom .dropdown-list ul{list-style:none;margin:0;padding:8px;overflow:auto}.stackline-dropdown.theme-material .dropdown-list ul li,.stackline-dropdown.theme-dark .dropdown-list ul li,.stackline-dropdown.theme-custom .dropdown-list ul li{align-items:center;min-height:0;margin:4px;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:left;line-height:1.35;transition:background-color .16s ease,color .16s ease}.stackline-dropdown.theme-material .dropdown-list ul li:first-child,.stackline-dropdown.theme-dark .dropdown-list ul li:first-child,.stackline-dropdown.theme-custom .dropdown-list ul li:first-child{padding-top:12px}.stackline-dropdown.theme-material .dropdown-list ul li:last-child,.stackline-dropdown.theme-dark .dropdown-list ul li:last-child,.stackline-dropdown.theme-custom .dropdown-list ul li:last-child{padding-bottom:12px}.stackline-dropdown.theme-material .dropdown-list ul li:hover,.stackline-dropdown.theme-dark .dropdown-list ul li:hover,.stackline-dropdown.theme-custom .dropdown-list ul li:hover{background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox,.stackline-dropdown.theme-dark .pure-checkbox,.stackline-dropdown.theme-custom .pure-checkbox{position:relative}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label{position:relative;display:block;width:100%;margin:0;padding-left:32px;color:inherit;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-10px;border:2px solid var(--ms-outline-strong);border-radius:5px;background:var(--ms-surface);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:5px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;background:transparent;transform:rotate(-45deg) scale(0);transform-origin:50%;transition:transform .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:hover+label:before{border-color:var(--ms-primary);background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:before{border-color:var(--ms-primary);background:var(--ms-primary)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.stackline-dropdown.theme-material .list-message,.stackline-dropdown.theme-dark .list-message,.stackline-dropdown.theme-custom .list-message{margin:0;padding:20px 14px;color:var(--ms-on-surface-muted);text-align:center}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.DefaultValueAccessor), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(() => i2.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i2.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i0.forwardRef(() => ClickOutsideDirective), selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "directive", type: i0.forwardRef(() => styleDirective), selector: "[styleProp]", inputs: ["styleProp"] }, { kind: "component", type: i0.forwardRef(() => TemplateRenderer), selector: "c-templateRenderer", inputs: ["data", "item"] }, { kind: "pipe", type: i0.forwardRef(() => ListFilterPipe), name: "listFilter" }] });
556
556
  }
557
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelect, decorators: [{
557
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelect, decorators: [{
558
558
  type: Component,
559
559
  args: [{ standalone: false, selector: 'angular-multiselect, angular2-multiselect', template: "<div class=\"stackline-dropdown\" [ngClass]=\"getDropdownClasses()\" (clickOutside)=\"closeDropdown()\">\n <div class=\"selected-list\">\n <div class=\"c-btn\" (click)=\"toggleDropdown($event)\" [ngClass]=\"{'disabled': settings.disabled}\">\n <span *ngIf=\"selectedItems?.length == 0\">{{settings.text}}</span>\n <span *ngIf=\"settings.singleSelection\">\n <span *ngFor=\"let item of selectedItems;trackBy: trackByFn;\">\n {{item[settings.labelKey]}}\n </span>\n </span>\n <div class=\"c-list\" *ngIf=\"selectedItems?.length > 0 && !settings.singleSelection\">\n <div class=\"c-token\" *ngFor=\"let item of selectedItems;trackBy: trackByFn;let k = index\" [hidden]=\"k > settings.badgeShowLimit-1\">\n <span *ngIf=\"!badgeTempl\" class=\"c-label\">{{item[settings.labelKey]}}</span>\n <span *ngIf=\"badgeTempl\" class=\"c-label\">\n <c-templateRenderer [data]=\"badgeTempl\" [item]=\"item\"></c-templateRenderer>\n </span>\n <span class=\"fa fa-remove\" (click)=\"onItemClick(item,k,$event)\"></span>\n </div>\n </div> \n <span class=\"countplaceholder\" *ngIf=\"selectedItems?.length > settings.badgeShowLimit\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\n <span class=\"fa\" [ngClass]=\"{'fa-angle-down': !isActive,'fa-angle-up':isActive}\"></span>\n </div> \n </div>\n <div class=\"dropdown-list\" [hidden]=\"!isActive\">\n <div class=\"arrow-up arrow-2\"></div>\n <div class=\"arrow-up\"></div>\n <div class=\"list-area\">\n <div class=\"pure-checkbox select-all\" *ngIf=\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\" (click)=\"toggleSelectAll()\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelectAll\" [disabled]=\"settings.limitSelection == selectedItems?.length\"/>\n <label>\n <span [hidden]=\"isSelectAll\">{{settings.selectAllText}}</span>\n <span [hidden]=\"!isSelectAll\">{{settings.unSelectAllText}}</span>\n </label>\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && !settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" [(ngModel)]=\"filter\">\n </div> \n <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter && settings.lazyLoading\">\n <span class=\"fa fa-search\"></span>\n <input #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\" (keyup)=\"filterInfiniteList($event)\">\n </div>\n <ul *ngIf=\"!settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" class=\"lazyContainer\" >\n <span *ngIf=\"itemTempl\">\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && !settings.lazyLoading\" >\n <li *ngFor=\"let item of data | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n <span *ngIf=\"!itemTempl && settings.lazyLoading\" >\n <div [ngStyle]=\"{'height':totalHeight+'px'}\" style=\"position: relative;\">\n\n \n <li *ngFor=\"let item of chunkArray | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" style=\"position: absolute;width: 100%;\" class=\"pure-checkbox\" [styleProp]=\"chunkIndex[i]\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </div>\n </span>\n </ul>\n <div *ngIf=\"settings.groupBy\" [style.maxHeight] = \"settings.maxHeight+'px'\" style=\"overflow: auto;\">\n <ul *ngFor=\"let obj of groupedData ; let i = index;\" class=\"list-grp\">\n <h4 *ngIf=\"(obj.value | listFilter:filter ).length > 0\">{{obj.key}}</h4>\n <span *ngIf=\"itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label></label>\n <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n </li>\n </span>\n <span *ngIf=\"!itemTempl\" >\n <li *ngFor=\"let item of obj.value | listFilter:filter; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n <label>{{item[settings.labelKey]}}</label>\n </li>\n </span>\n </ul>\n </div>\n <h5 class=\"list-message\" *ngIf=\"data?.length == 0\">{{settings.noDataLabel}}</h5>\n </div>\n </div>\n</div>\n", host: { '[class]': 'defaultSettings.classes' }, providers: [DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALIDATION], styles: [".stackline-dropdown{position:relative}.c-btn{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333}.c-btn.disabled{background:#ccc}.c-btn:focus{outline:none}.selected-list .c-list{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;min-width:0;float:none;padding:0;margin:0;width:auto}.selected-list .c-list .c-token{list-style:none;padding:0 5px;background:#0079fe;color:#fff;border-radius:2px;margin-right:4px;margin-top:2px;float:left}.selected-list .c-list .c-token .c-label{display:block;float:left}.selected-list .c-list .c-token .fa-remove{margin-left:1px;font-size:12px}.selected-list .fa-angle-down,.selected-list .fa-angle-up{font-size:15pt;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0 0 0 6px;line-height:1}.selected-list .c-btn{box-sizing:border-box;width:100%;box-shadow:0 1px 5px #959595;padding:10px 36px 10px 10px;cursor:pointer;display:flex;align-items:center;flex-wrap:nowrap;position:relative}.dropdown-list{position:absolute;padding-top:14px;width:100%;z-index:9999}.dropdown-list ul{padding:0;list-style:none;overflow:auto;margin:0}.dropdown-list ul li{padding:10px;cursor:pointer;text-align:left}.dropdown-list ul li:first-child{padding-top:10px}.dropdown-list ul li:last-child{padding-bottom:10px}.dropdown-list ul li:hover{background:#f5f5f5}.dropdown-list ::-webkit-scrollbar{width:8px}.dropdown-list ::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.dropdown-list ::-webkit-scrollbar-track{background:#f2f2f2}.arrow-up{width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:15px solid #fff;margin-left:15px;position:absolute;top:0}.arrow-2{border-bottom:15px solid #ccc;top:-1px}.list-area{border:1px solid #ccc;border-radius:3px;background:#fff;margin:0;box-shadow:0 1px 5px #959595}.select-all{padding:10px;border-bottom:1px solid #ccc;text-align:left}.list-filter{border-bottom:1px solid #ccc;position:relative}.list-filter input{border:0px;width:100%;height:35px;padding:0 0 0 35px}.list-filter input:focus{outline:none}.list-filter .fa{position:absolute;top:10px;left:13px;color:#888}.pure-checkbox input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pure-checkbox input[type=checkbox]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before{border-color:#0079fe;background-color:#f2f2f2}.pure-checkbox input[type=checkbox]:active+label:before{transition-duration:0s}.pure-checkbox input[type=checkbox]+label{position:relative;padding-left:2em;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;margin:0;color:#000;font-weight:300}.pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";color:#0079fe;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-9px;border:2px solid #0079FE;text-align:center;transition:all .4s ease}.pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";background-color:#0079fe;position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-5px;transform:scale(0);transform-origin:50%;transition:transform .2s ease-out}.pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.pure-checkbox input[type=checkbox]:disabled:focus+label:before .pure-checkbox input[type=checkbox]:disabled:hover+label:before{background-color:inherit}.pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.pure-checkbox input[type=checkbox]+label:after{background-color:transparent;top:50%;left:4px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;transform:rotate(-45deg) scale(0)}.pure-checkbox input[type=checkbox]:checked+label:after{content:\"\";transform:rotate(-45deg) scale(1);transition:transform .2s ease-out}.pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.pure-checkbox input[type=radio]:checked+label:after{transform:scale(1)}.pure-checkbox input[type=radio]+label:before{border-radius:50%}.pure-checkbox input[type=checkbox]:checked+label:before{background:#0079fe}.pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.list-message{text-align:center}.list-grp{padding:0 15px!important}.list-grp h4{text-transform:capitalize;margin:15px 0 0;font-size:14px;font-weight:700}.list-grp>li{padding-left:15px!important}.stackline-dropdown.theme-material,.stackline-dropdown.theme-dark,.stackline-dropdown.theme-custom{--ms-primary: #3f51b5;--ms-primary-soft: rgba(63, 81, 181, .12);--ms-surface: #ffffff;--ms-surface-soft: #f5f7fb;--ms-surface-muted: #e8eaf6;--ms-outline: #c5cae9;--ms-outline-strong: #7986cb;--ms-on-surface: #212121;--ms-on-surface-muted: #5f6368;--ms-chip-bg: #e8eaf6;--ms-chip-text: #303f9f;--ms-chip-remove: #303f9f;--ms-divider: rgba(125, 119, 134, .16);--ms-section-bg: rgba(247, 242, 250, .76);--ms-selected-text: var(--ms-primary);--ms-shadow: 0 1px 2px rgba(33, 33, 33, .16), 0 12px 32px rgba(63, 81, 181, .12);--ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, .12), 0 4px 12px rgba(33, 33, 33, .08);display:block;width:100%;color:var(--ms-on-surface);font:inherit}.stackline-dropdown.theme-dark{--ms-primary: #8ab4f8;--ms-primary-soft: rgba(138, 180, 248, .18);--ms-surface: #151a23;--ms-surface-soft: #202736;--ms-surface-muted: #111722;--ms-outline: #384456;--ms-outline-strong: #8ab4f8;--ms-on-surface: #edf2f7;--ms-on-surface-muted: #aab6c5;--ms-chip-bg: #263247;--ms-chip-text: #d7e6ff;--ms-chip-remove: #d7e6ff;--ms-divider: rgba(170, 182, 197, .18);--ms-section-bg: #101620;--ms-selected-text: #d7e6ff;--ms-shadow: 0 20px 50px rgba(0, 0, 0, .42);--ms-shadow-soft: 0 1px 2px rgba(0, 0, 0, .45), 0 10px 24px rgba(0, 0, 0, .28)}.stackline-dropdown.theme-custom{--ms-primary: var(--stackline-ms-primary, #0f766e);--ms-primary-soft: var(--stackline-ms-primary-soft, rgba(15, 118, 110, .14));--ms-surface: var(--stackline-ms-surface, #ffffff);--ms-surface-soft: var(--stackline-ms-surface-soft, #ecfdf5);--ms-surface-muted: var(--stackline-ms-surface-muted, #d1fae5);--ms-outline: var(--stackline-ms-outline, #99f6e4);--ms-outline-strong: var(--stackline-ms-outline-strong, #0f766e);--ms-on-surface: var(--stackline-ms-on-surface, #102a2a);--ms-on-surface-muted: var(--stackline-ms-on-surface-muted, #47615f);--ms-chip-bg: var(--stackline-ms-chip-bg, #ccfbf1);--ms-chip-text: var(--stackline-ms-chip-text, #115e59);--ms-chip-remove: var(--stackline-ms-chip-remove, #115e59);--ms-divider: var(--stackline-ms-divider, rgba(15, 118, 110, .16));--ms-section-bg: var(--stackline-ms-section-bg, #f0fdfa);--ms-selected-text: var(--stackline-ms-selected-text, var(--ms-primary));--ms-shadow: var(--stackline-ms-shadow, 0 18px 42px rgba(15, 118, 110, .15));--ms-shadow-soft: var(--stackline-ms-shadow-soft, 0 1px 2px rgba(15, 118, 110, .16), 0 8px 18px rgba(15, 118, 110, .09))}.stackline-dropdown.theme-material .selected-list,.stackline-dropdown.theme-dark .selected-list,.stackline-dropdown.theme-custom .selected-list{width:100%}.stackline-dropdown.theme-material .selected-list .c-btn,.stackline-dropdown.theme-dark .selected-list .c-btn,.stackline-dropdown.theme-custom .selected-list .c-btn{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;min-height:56px;padding:11px 54px 11px 16px;border-radius:18px;border:1px solid var(--ms-outline);background:var(--ms-surface);box-shadow:var(--ms-shadow-soft);color:var(--ms-on-surface);cursor:pointer;font-size:inherit;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}.stackline-dropdown.theme-material .selected-list .c-btn:hover,.stackline-dropdown.theme-dark .selected-list .c-btn:hover,.stackline-dropdown.theme-custom .selected-list .c-btn:hover{border-color:var(--ms-outline-strong)}.stackline-dropdown.theme-material .selected-list .c-btn.disabled,.stackline-dropdown.theme-dark .selected-list .c-btn.disabled,.stackline-dropdown.theme-custom .selected-list .c-btn.disabled{background:var(--ms-surface);cursor:not-allowed;opacity:.72}.stackline-dropdown.theme-material .selected-list .c-list,.stackline-dropdown.theme-dark .selected-list .c-list,.stackline-dropdown.theme-custom .selected-list .c-list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;width:auto;min-width:0;margin:0;padding:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token,.stackline-dropdown.theme-dark .selected-list .c-list .c-token,.stackline-dropdown.theme-custom .selected-list .c-list .c-token{position:relative;display:inline-block;vertical-align:middle;min-height:32px;max-width:100%;padding:6px 30px 6px 12px;background:var(--ms-chip-bg);color:var(--ms-chip-text);border-radius:999px;box-shadow:inset 0 0 0 1px #6750a414;line-height:1.35;white-space:normal;overflow-wrap:anywhere;margin:0;float:none}.stackline-dropdown.theme-material .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .c-label,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .c-label{display:inline-flex;align-items:center;float:none;min-width:0;max-width:100%;line-height:1.3;font-weight:500;white-space:normal;overflow-wrap:anywhere}.stackline-dropdown.theme-material .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-dark .selected-list .c-list .c-token .fa-remove,.stackline-dropdown.theme-custom .selected-list .c-list .c-token .fa-remove{position:absolute;right:10px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:0;transform:translateY(-50%);color:var(--ms-chip-remove);cursor:pointer}.stackline-dropdown.theme-material .selected-list .countplaceholder,.stackline-dropdown.theme-dark .selected-list .countplaceholder,.stackline-dropdown.theme-custom .selected-list .countplaceholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin:0;line-height:1;color:var(--ms-on-surface-muted);font-size:.8rem;font-weight:600}.stackline-dropdown.theme-material .selected-list .fa-angle-down,.stackline-dropdown.theme-dark .selected-list .fa-angle-down,.stackline-dropdown.theme-custom .selected-list .fa-angle-down,.stackline-dropdown.theme-material .selected-list .fa-angle-up,.stackline-dropdown.theme-dark .selected-list .fa-angle-up,.stackline-dropdown.theme-custom .selected-list .fa-angle-up{position:absolute;top:50%;right:16px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transform:translateY(-50%);color:var(--ms-on-surface-muted);font-size:15pt;pointer-events:none}.stackline-dropdown.theme-material .dropdown-list,.stackline-dropdown.theme-dark .dropdown-list,.stackline-dropdown.theme-custom .dropdown-list{position:absolute;width:100%;padding-top:8px;z-index:99999}.stackline-dropdown.theme-material .arrow-up,.stackline-dropdown.theme-dark .arrow-up,.stackline-dropdown.theme-custom .arrow-up,.stackline-dropdown.theme-material .arrow-down,.stackline-dropdown.theme-dark .arrow-down,.stackline-dropdown.theme-custom .arrow-down,.stackline-dropdown.theme-material .arrow-2,.stackline-dropdown.theme-dark .arrow-2,.stackline-dropdown.theme-custom .arrow-2{display:none}.stackline-dropdown.theme-material .list-area,.stackline-dropdown.theme-dark .list-area,.stackline-dropdown.theme-custom .list-area{overflow:hidden;border-radius:22px;background:var(--ms-surface);border:1px solid var(--ms-outline);box-shadow:var(--ms-shadow);margin:0}.stackline-dropdown.theme-material .select-all,.stackline-dropdown.theme-dark .select-all,.stackline-dropdown.theme-custom .select-all{padding:10px 14px;border-bottom:1px solid var(--ms-divider);background:var(--ms-section-bg);text-align:left}.stackline-dropdown.theme-material .list-filter,.stackline-dropdown.theme-dark .list-filter,.stackline-dropdown.theme-custom .list-filter{position:relative;display:flex;align-items:center;min-height:52px;padding-left:48px;padding-right:44px;border-bottom:1px solid var(--ms-divider);background:var(--ms-surface)}.stackline-dropdown.theme-material .list-filter input,.stackline-dropdown.theme-dark .list-filter input,.stackline-dropdown.theme-custom .list-filter input{width:100%;height:100%;border:0;background:transparent;color:var(--ms-on-surface);font:inherit;padding:0}.stackline-dropdown.theme-material .list-filter input::placeholder,.stackline-dropdown.theme-dark .list-filter input::placeholder,.stackline-dropdown.theme-custom .list-filter input::placeholder{color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .list-filter input:focus,.stackline-dropdown.theme-dark .list-filter input:focus,.stackline-dropdown.theme-custom .list-filter input:focus{outline:none}.stackline-dropdown.theme-material .list-filter .fa,.stackline-dropdown.theme-dark .list-filter .fa,.stackline-dropdown.theme-custom .list-filter .fa{position:absolute;top:50%;left:16px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transform:translateY(-50%);color:var(--ms-on-surface-muted)}.stackline-dropdown.theme-material .dropdown-list ul,.stackline-dropdown.theme-dark .dropdown-list ul,.stackline-dropdown.theme-custom .dropdown-list ul{list-style:none;margin:0;padding:8px;overflow:auto}.stackline-dropdown.theme-material .dropdown-list ul li,.stackline-dropdown.theme-dark .dropdown-list ul li,.stackline-dropdown.theme-custom .dropdown-list ul li{align-items:center;min-height:0;margin:4px;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:left;line-height:1.35;transition:background-color .16s ease,color .16s ease}.stackline-dropdown.theme-material .dropdown-list ul li:first-child,.stackline-dropdown.theme-dark .dropdown-list ul li:first-child,.stackline-dropdown.theme-custom .dropdown-list ul li:first-child{padding-top:12px}.stackline-dropdown.theme-material .dropdown-list ul li:last-child,.stackline-dropdown.theme-dark .dropdown-list ul li:last-child,.stackline-dropdown.theme-custom .dropdown-list ul li:last-child{padding-bottom:12px}.stackline-dropdown.theme-material .dropdown-list ul li:hover,.stackline-dropdown.theme-dark .dropdown-list ul li:hover,.stackline-dropdown.theme-custom .dropdown-list ul li:hover{background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox,.stackline-dropdown.theme-dark .pure-checkbox,.stackline-dropdown.theme-custom .pure-checkbox{position:relative}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label{position:relative;display:block;width:100%;margin:0;padding-left:32px;color:inherit;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:before{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-10px;border:2px solid var(--ms-outline-strong);border-radius:5px;background:var(--ms-surface);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]+label:after{box-sizing:content-box;content:\"\";position:absolute;top:50%;left:5px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#fff;border-width:0 0 3px 3px;border-image:none;background:transparent;transform:rotate(-45deg) scale(0);transform-origin:50%;transition:transform .16s ease}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:focus+label:before,.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:hover+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:hover+label:before{border-color:var(--ms-primary);background:var(--ms-surface-soft)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:before,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:before{border-color:var(--ms-primary);background:var(--ms-primary)}.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked+label:after,.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked+label:after{transform:rotate(-45deg) scale(1)}.stackline-dropdown.theme-material .list-message,.stackline-dropdown.theme-dark .list-message,.stackline-dropdown.theme-custom .list-message{margin:0;padding:20px 14px;color:var(--ms-on-surface-muted);text-align:center}\n"] }]
560
560
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
@@ -590,11 +590,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
590
590
  args: ['searchInput', { static: false }]
591
591
  }] } });
592
592
  class AngularMultiSelectModule {
593
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
594
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelectModule, declarations: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge], imports: [CommonModule, FormsModule], exports: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge] });
595
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelectModule, imports: [CommonModule, FormsModule] });
593
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
594
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelectModule, declarations: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge], imports: [CommonModule, FormsModule], exports: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge] });
595
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelectModule, imports: [CommonModule, FormsModule] });
596
596
  }
597
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: AngularMultiSelectModule, decorators: [{
597
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AngularMultiSelectModule, decorators: [{
598
598
  type: NgModule,
599
599
  args: [{
600
600
  imports: [CommonModule, FormsModule],
package/fesm2022/stackline-angular-multiselect-dropdown.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stackline-angular-multiselect-dropdown.mjs","sources":["../../src/lib/multiselect.model.ts","../../src/lib/clickOutside.ts","../../src/lib/list-filter.ts","../../src/lib/menu-item.ts","../../src/lib/multiselect.component.ts","../../src/stackline-angular-multiselect-dropdown.ts"],"sourcesContent":["export class ListItem{\n [key: string]: any;\n id: number;\n itemName: string\n}\nexport class MyException {\n\tstatus : number;\n\tbody : any;\n\tconstructor(status : number, body : any) {\n\t\tthis.status = status;\n\t\tthis.body = body;\n\t}\n\t\n}\n","import {Directive, ElementRef, Output, EventEmitter, HostListener, Input} from '@angular/core';\n\n@Directive({\n standalone: false,\n selector: '[clickOutside]'\n})\nexport class ClickOutsideDirective {\n constructor(private _elementRef: ElementRef) {\n }\n\n @Output()\n public clickOutside = new EventEmitter<MouseEvent>();\n\n @HostListener('document:click', ['$event', '$event.target'])\n @HostListener('document:touchstart', ['$event', '$event.target'])\n public onClick(event: MouseEvent, targetElement: HTMLElement): void {\n if (!targetElement) {\n return;\n }\n\n const clickedInside = this._elementRef.nativeElement.contains(targetElement);\n if (!clickedInside) {\n this.clickOutside.emit(event);\n }\n }\n}\n\n@Directive({\n standalone: false,\n selector: '[scroll]'\n})\nexport class ScrollDirective {\n constructor(private _elementRef: ElementRef) {\n }\n\n @Output()\n public scroll = new EventEmitter<MouseEvent>();\n\n @HostListener('scroll', ['$event'])\n public onClick(event: MouseEvent, targetElement: HTMLElement): void {\n this.scroll.emit(event);\n }\n}\n@Directive({\n standalone: false,\n selector: '[styleProp]'\n})\nexport class styleDirective {\n\n constructor(private el: ElementRef) {\n\n }\n\n @Input('styleProp') styleVal: number;\n\n ngOnInit() {\n\n this.el.nativeElement.style.top = this.styleVal;\n }\n ngOnChanges(): void {\n this.el.nativeElement.style.top = this.styleVal;\n }\n}","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { ListItem } from './multiselect.model';\n\n@Pipe({\n standalone: false,\n name: 'listFilter',\n pure: false\n})\nexport class ListFilterPipe implements PipeTransform {\n transform(items: ListItem[], filter: any): ListItem[] {\n if (!items || !filter) {\n return items;\n }\n return items.filter((item: any) => this.applyFilter(item, filter));\n }\n applyFilter(item: any, filter: any): boolean {\n let found = false;\n for (var prop in item) {\n if (filter) {\n if (item[prop].toString().toLowerCase().indexOf(filter.toLowerCase()) >= 0) {\n found = true;\n }\n }\n else\n found = true;\n }\n return found;\n }\n}\n","import { Component, OnInit, OnDestroy, NgModule, TemplateRef, AfterContentInit, ContentChild, EmbeddedViewRef, OnChanges, ViewContainerRef, ViewEncapsulation, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';\nimport { SafeResourceUrl, DomSanitizer } from '@angular/platform-browser';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n standalone: false,\n selector: 'c-item',\n template: ``\n})\n\nexport class Item { \n\n @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>\n constructor() { \n }\n\n}\n\n@Component({\n standalone: false,\n selector: 'c-badge',\n template: ``\n})\n\nexport class Badge { \n\n @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>\n constructor() { \n }\n\n}\n\n@Component({\n standalone: false,\n selector: 'c-templateRenderer',\n template: ``\n})\n\nexport class TemplateRenderer implements OnInit, OnDestroy { \n\n @Input() data: any\n @Input() item: any\n view: EmbeddedViewRef<any>;\n\n constructor(public viewContainer: ViewContainerRef) { \n }\n ngOnInit() {\n this.view = this.viewContainer.createEmbeddedView(this.data.template, {\n '\\$implicit': this.data,\n 'item':this.item\n });\n }\n\t\n ngOnDestroy() {\n\t\tthis.view.destroy();\n\t}\n\n}\n","import { Component, OnInit, NgModule, SimpleChanges, OnChanges, ViewEncapsulation, ContentChild, ViewChild, forwardRef, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR, ControlValueAccessor, NG_VALIDATORS, Validator, FormControl } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { ListItem, MyException } from './multiselect.model';\nimport { DropdownSettings } from './multiselect.interface';\nimport { ClickOutsideDirective, ScrollDirective, styleDirective } from './clickOutside';\nimport { ListFilterPipe } from './list-filter';\nimport { Item, Badge, TemplateRenderer } from './menu-item';\n\nexport const DROPDOWN_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AngularMultiSelect),\n multi: true\n};\nexport const DROPDOWN_CONTROL_VALIDATION: any = {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => AngularMultiSelect),\n multi: true,\n}\nconst noop = () => {\n};\n\n@Component({\n standalone: false,\n selector: 'angular-multiselect, angular2-multiselect',\n template: \"<div class=\\\"stackline-dropdown\\\" [ngClass]=\\\"getDropdownClasses()\\\" (clickOutside)=\\\"closeDropdown()\\\">\\n <div class=\\\"selected-list\\\">\\n <div class=\\\"c-btn\\\" (click)=\\\"toggleDropdown($event)\\\" [ngClass]=\\\"{'disabled': settings.disabled}\\\">\\n <span *ngIf=\\\"selectedItems?.length == 0\\\">{{settings.text}}</span>\\n <span *ngIf=\\\"settings.singleSelection\\\">\\n <span *ngFor=\\\"let item of selectedItems;trackBy: trackByFn;\\\">\\n {{item[settings.labelKey]}}\\n </span>\\n </span>\\n <div class=\\\"c-list\\\" *ngIf=\\\"selectedItems?.length > 0 && !settings.singleSelection\\\">\\n <div class=\\\"c-token\\\" *ngFor=\\\"let item of selectedItems;trackBy: trackByFn;let k = index\\\" [hidden]=\\\"k > settings.badgeShowLimit-1\\\">\\n <span *ngIf=\\\"!badgeTempl\\\" class=\\\"c-label\\\">{{item[settings.labelKey]}}</span>\\n <span *ngIf=\\\"badgeTempl\\\" class=\\\"c-label\\\">\\n <c-templateRenderer [data]=\\\"badgeTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </span>\\n <span class=\\\"fa fa-remove\\\" (click)=\\\"onItemClick(item,k,$event)\\\"></span>\\n </div>\\n </div> \\n <span class=\\\"countplaceholder\\\" *ngIf=\\\"selectedItems?.length > settings.badgeShowLimit\\\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\\n <span class=\\\"fa\\\" [ngClass]=\\\"{'fa-angle-down': !isActive,'fa-angle-up':isActive}\\\"></span>\\n </div> \\n </div>\\n <div class=\\\"dropdown-list\\\" [hidden]=\\\"!isActive\\\">\\n <div class=\\\"arrow-up arrow-2\\\"></div>\\n <div class=\\\"arrow-up\\\"></div>\\n <div class=\\\"list-area\\\">\\n <div class=\\\"pure-checkbox select-all\\\" *ngIf=\\\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\\\" (click)=\\\"toggleSelectAll()\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelectAll\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length\\\"/>\\n <label>\\n <span [hidden]=\\\"isSelectAll\\\">{{settings.selectAllText}}</span>\\n <span [hidden]=\\\"!isSelectAll\\\">{{settings.unSelectAllText}}</span>\\n </label>\\n </div> \\n <div class=\\\"list-filter\\\" *ngIf=\\\"settings.enableSearchFilter && !settings.lazyLoading\\\">\\n <span class=\\\"fa fa-search\\\"></span>\\n <input #searchInput type=\\\"text\\\" [placeholder]=\\\"settings.searchPlaceholderText\\\" [(ngModel)]=\\\"filter\\\">\\n </div> \\n <div class=\\\"list-filter\\\" *ngIf=\\\"settings.enableSearchFilter && settings.lazyLoading\\\">\\n <span class=\\\"fa fa-search\\\"></span>\\n <input #searchInput type=\\\"text\\\" [placeholder]=\\\"settings.searchPlaceholderText\\\" (keyup)=\\\"filterInfiniteList($event)\\\">\\n </div>\\n <ul *ngIf=\\\"!settings.groupBy\\\" [style.maxHeight] = \\\"settings.maxHeight+'px'\\\" class=\\\"lazyContainer\\\" >\\n <span *ngIf=\\\"itemTempl\\\">\\n <li *ngFor=\\\"let item of data | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label></label>\\n <c-templateRenderer [data]=\\\"itemTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl && !settings.lazyLoading\\\" >\\n <li *ngFor=\\\"let item of data | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl && settings.lazyLoading\\\" >\\n <div [ngStyle]=\\\"{'height':totalHeight+'px'}\\\" style=\\\"position: relative;\\\">\\n\\n \\n <li *ngFor=\\\"let item of chunkArray | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" style=\\\"position: absolute;width: 100%;\\\" class=\\\"pure-checkbox\\\" [styleProp]=\\\"chunkIndex[i]\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </div>\\n </span>\\n </ul>\\n <div *ngIf=\\\"settings.groupBy\\\" [style.maxHeight] = \\\"settings.maxHeight+'px'\\\" style=\\\"overflow: auto;\\\">\\n <ul *ngFor=\\\"let obj of groupedData ; let i = index;\\\" class=\\\"list-grp\\\">\\n <h4 *ngIf=\\\"(obj.value | listFilter:filter ).length > 0\\\">{{obj.key}}</h4>\\n <span *ngIf=\\\"itemTempl\\\" >\\n <li *ngFor=\\\"let item of obj.value | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label></label>\\n <c-templateRenderer [data]=\\\"itemTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl\\\" >\\n <li *ngFor=\\\"let item of obj.value | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </span>\\n </ul>\\n </div>\\n <h5 class=\\\"list-message\\\" *ngIf=\\\"data?.length == 0\\\">{{settings.noDataLabel}}</h5>\\n </div>\\n </div>\\n</div>\\n\",\n host: { '[class]': 'defaultSettings.classes' },\n styles: [\".stackline-dropdown {\\n position: relative;\\n}\\n\\n.c-btn {\\n display: inline-block;\\n background: #fff;\\n border: 1px solid #ccc;\\n border-radius: 3px;\\n font-size: 14px;\\n color: #333;\\n}\\n\\n.c-btn.disabled {\\n background: #ccc;\\n}\\n\\n.c-btn:focus {\\n outline: none;\\n}\\n\\n.selected-list .c-list {\\n display: flex;\\n flex: 1 1 auto;\\n align-items: center;\\n flex-wrap: wrap;\\n min-width: 0;\\n float: none;\\n padding: 0px;\\n margin: 0px;\\n width: auto;\\n}\\n.selected-list .c-list .c-token {\\n list-style: none;\\n padding: 0px 5px;\\n background: #0079FE;\\n color: #fff;\\n border-radius: 2px;\\n margin-right: 4px;\\n margin-top: 2px;\\n float: left;\\n}\\n.selected-list .c-list .c-token .c-label {\\n display: block;\\n float: left;\\n /*width: 50px;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n overflow: hidden;*/\\n}\\n.selected-list .c-list .c-token .fa-remove {\\n margin-left: 1px;\\n font-size: 12px;\\n}\\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\\n font-size: 15pt;\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n.selected-list .countplaceholder {\\n display: inline-flex;\\n flex: 0 0 auto;\\n align-items: center;\\n justify-content: center;\\n align-self: center;\\n margin: 0 0 0 6px;\\n line-height: 1;\\n}\\n.selected-list .c-btn {\\n box-sizing: border-box;\\n width: 100%;\\n box-shadow: 0px 1px 5px #959595;\\n padding: 10px 36px 10px 10px;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n flex-wrap: nowrap;\\n position: relative;\\n}\\n\\n.dropdown-list {\\n position: absolute;\\n padding-top: 14px;\\n width: 100%;\\n z-index: 9999;\\n}\\n.dropdown-list ul {\\n padding: 0px;\\n list-style: none;\\n overflow: auto;\\n margin: 0px;\\n}\\n.dropdown-list ul li {\\n padding: 10px 10px;\\n cursor: pointer;\\n text-align: left;\\n}\\n.dropdown-list ul li:first-child {\\n padding-top: 10px;\\n}\\n.dropdown-list ul li:last-child {\\n padding-bottom: 10px;\\n}\\n.dropdown-list ul li:hover {\\n background: #f5f5f5;\\n}\\n.dropdown-list ::-webkit-scrollbar {\\n width: 8px;\\n}\\n.dropdown-list ::-webkit-scrollbar-thumb {\\n background: #cccccc;\\n border-radius: 5px;\\n}\\n.dropdown-list ::-webkit-scrollbar-track {\\n background: #f2f2f2;\\n}\\n\\n.arrow-up {\\n width: 0;\\n height: 0;\\n border-left: 13px solid transparent;\\n border-right: 13px solid transparent;\\n border-bottom: 15px solid #fff;\\n margin-left: 15px;\\n position: absolute;\\n top: 0;\\n}\\n\\n.arrow-2 {\\n border-bottom: 15px solid #ccc;\\n top: -1px;\\n}\\n\\n.list-area {\\n border: 1px solid #ccc;\\n border-radius: 3px;\\n background: #fff;\\n margin: 0px;\\n box-shadow: 0px 1px 5px #959595;\\n}\\n\\n.select-all {\\n padding: 10px;\\n border-bottom: 1px solid #ccc;\\n text-align: left;\\n}\\n\\n.list-filter {\\n border-bottom: 1px solid #ccc;\\n position: relative;\\n}\\n.list-filter input {\\n border: 0px;\\n width: 100%;\\n height: 35px;\\n padding: 0px 0px 0px 35px;\\n}\\n.list-filter input:focus {\\n outline: none;\\n}\\n.list-filter .fa {\\n position: absolute;\\n top: 10px;\\n left: 13px;\\n color: #888;\\n}\\n\\n.pure-checkbox input[type=checkbox] {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n}\\n\\n.pure-checkbox input[type=checkbox]:focus + label:before,\\n.pure-checkbox input[type=checkbox]:hover + label:before {\\n border-color: #0079FE;\\n background-color: #f2f2f2;\\n}\\n\\n.pure-checkbox input[type=checkbox]:active + label:before {\\n transition-duration: 0s;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label {\\n position: relative;\\n padding-left: 2em;\\n vertical-align: middle;\\n user-select: none;\\n cursor: pointer;\\n margin: 0px;\\n color: #000;\\n font-weight: 300;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:before {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n color: #0079FE;\\n position: absolute;\\n top: 50%;\\n left: 0;\\n width: 14px;\\n height: 14px;\\n margin-top: -9px;\\n border: 2px solid #0079FE;\\n text-align: center;\\n transition: all 0.4s ease;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:after {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n background-color: #0079FE;\\n position: absolute;\\n top: 50%;\\n left: 4px;\\n width: 10px;\\n height: 10px;\\n margin-top: -5px;\\n transform: scale(0);\\n transform-origin: 50%;\\n transition: transform 200ms ease-out;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled + label:before {\\n border-color: #cccccc;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled:focus + label:before .pure-checkbox input[type=checkbox]:disabled:hover + label:before {\\n background-color: inherit;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled:checked + label:before {\\n background-color: #cccccc;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:after {\\n background-color: transparent;\\n top: 50%;\\n left: 4px;\\n width: 8px;\\n height: 3px;\\n margin-top: -4px;\\n border-style: solid;\\n border-color: #ffffff;\\n border-width: 0 0 3px 3px;\\n border-image: none;\\n transform: rotate(-45deg) scale(0);\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:after {\\n content: \\\"\\\";\\n transform: rotate(-45deg) scale(1);\\n transition: transform 200ms ease-out;\\n}\\n\\n.pure-checkbox input[type=radio]:checked + label:before {\\n background-color: white;\\n}\\n\\n.pure-checkbox input[type=radio]:checked + label:after {\\n transform: scale(1);\\n}\\n\\n.pure-checkbox input[type=radio] + label:before {\\n border-radius: 50%;\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:before {\\n background: #0079FE;\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:after {\\n transform: rotate(-45deg) scale(1);\\n}\\n\\n.list-message {\\n text-align: center;\\n}\\n\\n.list-grp {\\n padding: 0 15px !important;\\n}\\n\\n.list-grp h4 {\\n text-transform: capitalize;\\n margin: 15px 0px 0px 0px;\\n font-size: 14px;\\n font-weight: 700;\\n}\\n\\n.list-grp > li {\\n padding-left: 15px !important;\\n}\\n\\n.stackline-dropdown.theme-material,\\n.stackline-dropdown.theme-dark,\\n.stackline-dropdown.theme-custom {\\n --ms-primary: #3f51b5;\\n --ms-primary-soft: rgba(63, 81, 181, 0.12);\\n --ms-surface: #ffffff;\\n --ms-surface-soft: #f5f7fb;\\n --ms-surface-muted: #e8eaf6;\\n --ms-outline: #c5cae9;\\n --ms-outline-strong: #7986cb;\\n --ms-on-surface: #212121;\\n --ms-on-surface-muted: #5f6368;\\n --ms-chip-bg: #e8eaf6;\\n --ms-chip-text: #303f9f;\\n --ms-chip-remove: #303f9f;\\n --ms-divider: rgba(125, 119, 134, 0.16);\\n --ms-section-bg: rgba(247, 242, 250, 0.76);\\n --ms-selected-text: var(--ms-primary);\\n --ms-shadow: 0 1px 2px rgba(33, 33, 33, 0.16), 0 12px 32px rgba(63, 81, 181, 0.12);\\n --ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, 0.12), 0 4px 12px rgba(33, 33, 33, 0.08);\\n display: block;\\n width: 100%;\\n color: var(--ms-on-surface);\\n font: inherit;\\n}\\n\\n.stackline-dropdown.theme-dark {\\n --ms-primary: #8ab4f8;\\n --ms-primary-soft: rgba(138, 180, 248, 0.18);\\n --ms-surface: #151a23;\\n --ms-surface-soft: #202736;\\n --ms-surface-muted: #111722;\\n --ms-outline: #384456;\\n --ms-outline-strong: #8ab4f8;\\n --ms-on-surface: #edf2f7;\\n --ms-on-surface-muted: #aab6c5;\\n --ms-chip-bg: #263247;\\n --ms-chip-text: #d7e6ff;\\n --ms-chip-remove: #d7e6ff;\\n --ms-divider: rgba(170, 182, 197, 0.18);\\n --ms-section-bg: #101620;\\n --ms-selected-text: #d7e6ff;\\n --ms-shadow: 0 20px 50px rgba(0, 0, 0, 0.42);\\n --ms-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 24px rgba(0, 0, 0, 0.28);\\n}\\n\\n.stackline-dropdown.theme-custom {\\n --ms-primary: var(--stackline-ms-primary, #0f766e);\\n --ms-primary-soft: var(--stackline-ms-primary-soft, rgba(15, 118, 110, 0.14));\\n --ms-surface: var(--stackline-ms-surface, #ffffff);\\n --ms-surface-soft: var(--stackline-ms-surface-soft, #ecfdf5);\\n --ms-surface-muted: var(--stackline-ms-surface-muted, #d1fae5);\\n --ms-outline: var(--stackline-ms-outline, #99f6e4);\\n --ms-outline-strong: var(--stackline-ms-outline-strong, #0f766e);\\n --ms-on-surface: var(--stackline-ms-on-surface, #102a2a);\\n --ms-on-surface-muted: var(--stackline-ms-on-surface-muted, #47615f);\\n --ms-chip-bg: var(--stackline-ms-chip-bg, #ccfbf1);\\n --ms-chip-text: var(--stackline-ms-chip-text, #115e59);\\n --ms-chip-remove: var(--stackline-ms-chip-remove, #115e59);\\n --ms-divider: var(--stackline-ms-divider, rgba(15, 118, 110, 0.16));\\n --ms-section-bg: var(--stackline-ms-section-bg, #f0fdfa);\\n --ms-selected-text: var(--stackline-ms-selected-text, var(--ms-primary));\\n --ms-shadow: var(--stackline-ms-shadow, 0 18px 42px rgba(15, 118, 110, 0.15));\\n --ms-shadow-soft: var(--stackline-ms-shadow-soft, 0 1px 2px rgba(15, 118, 110, 0.16), 0 8px 18px rgba(15, 118, 110, 0.09));\\n}\\n\\n.stackline-dropdown.theme-material .selected-list,\\n.stackline-dropdown.theme-dark .selected-list,\\n.stackline-dropdown.theme-custom .selected-list {\\n width: 100%;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn,\\n.stackline-dropdown.theme-dark .selected-list .c-btn,\\n.stackline-dropdown.theme-custom .selected-list .c-btn {\\n position: relative;\\n display: flex;\\n align-items: center;\\n flex-wrap: nowrap;\\n gap: 8px;\\n width: 100%;\\n min-height: 56px;\\n padding: 11px 54px 11px 16px;\\n border-radius: 18px;\\n border: 1px solid var(--ms-outline);\\n background: var(--ms-surface);\\n box-shadow: var(--ms-shadow-soft);\\n color: var(--ms-on-surface);\\n cursor: pointer;\\n font-size: inherit;\\n line-height: 1.45;\\n transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn:hover,\\n.stackline-dropdown.theme-dark .selected-list .c-btn:hover,\\n.stackline-dropdown.theme-custom .selected-list .c-btn:hover {\\n border-color: var(--ms-outline-strong);\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn.disabled,\\n.stackline-dropdown.theme-dark .selected-list .c-btn.disabled,\\n.stackline-dropdown.theme-custom .selected-list .c-btn.disabled {\\n background: var(--ms-surface);\\n cursor: not-allowed;\\n opacity: 0.72;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list,\\n.stackline-dropdown.theme-dark .selected-list .c-list,\\n.stackline-dropdown.theme-custom .selected-list .c-list {\\n display: flex;\\n flex: 1 1 auto;\\n flex-wrap: wrap;\\n gap: 8px;\\n width: auto;\\n min-width: 0;\\n margin: 0;\\n padding: 0;\\n float: none;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token {\\n position: relative;\\n display: inline-block;\\n vertical-align: middle;\\n min-height: 32px;\\n max-width: 100%;\\n padding: 6px 30px 6px 12px;\\n background: var(--ms-chip-bg);\\n color: var(--ms-chip-text);\\n border-radius: 999px;\\n box-shadow: inset 0 0 0 1px rgba(103, 80, 164, 0.08);\\n line-height: 1.35;\\n white-space: normal;\\n overflow-wrap: anywhere;\\n margin: 0;\\n float: none;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token .c-label,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token .c-label,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token .c-label {\\n display: inline-flex;\\n align-items: center;\\n float: none;\\n min-width: 0;\\n max-width: 100%;\\n line-height: 1.3;\\n font-weight: 500;\\n white-space: normal;\\n overflow-wrap: anywhere;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token .fa-remove,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token .fa-remove,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token .fa-remove {\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 16px;\\n height: 16px;\\n margin-left: 0;\\n transform: translateY(-50%);\\n color: var(--ms-chip-remove);\\n cursor: pointer;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .countplaceholder,\\n.stackline-dropdown.theme-dark .selected-list .countplaceholder,\\n.stackline-dropdown.theme-custom .selected-list .countplaceholder {\\n display: inline-flex;\\n flex: 0 0 auto;\\n align-items: center;\\n justify-content: center;\\n align-self: center;\\n margin: 0;\\n line-height: 1;\\n color: var(--ms-on-surface-muted);\\n font-size: 0.8rem;\\n font-weight: 600;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-dark .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-custom .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-material .selected-list .fa-angle-up,\\n.stackline-dropdown.theme-dark .selected-list .fa-angle-up,\\n.stackline-dropdown.theme-custom .selected-list .fa-angle-up {\\n position: absolute;\\n top: 50%;\\n right: 16px;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 20px;\\n height: 20px;\\n transform: translateY(-50%);\\n color: var(--ms-on-surface-muted);\\n font-size: 15pt;\\n pointer-events: none;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list,\\n.stackline-dropdown.theme-dark .dropdown-list,\\n.stackline-dropdown.theme-custom .dropdown-list {\\n position: absolute;\\n width: 100%;\\n padding-top: 8px;\\n z-index: 99999;\\n}\\n\\n.stackline-dropdown.theme-material .arrow-up,\\n.stackline-dropdown.theme-dark .arrow-up,\\n.stackline-dropdown.theme-custom .arrow-up,\\n.stackline-dropdown.theme-material .arrow-down,\\n.stackline-dropdown.theme-dark .arrow-down,\\n.stackline-dropdown.theme-custom .arrow-down,\\n.stackline-dropdown.theme-material .arrow-2,\\n.stackline-dropdown.theme-dark .arrow-2,\\n.stackline-dropdown.theme-custom .arrow-2 {\\n display: none;\\n}\\n\\n.stackline-dropdown.theme-material .list-area,\\n.stackline-dropdown.theme-dark .list-area,\\n.stackline-dropdown.theme-custom .list-area {\\n overflow: hidden;\\n border-radius: 22px;\\n background: var(--ms-surface);\\n border: 1px solid var(--ms-outline);\\n box-shadow: var(--ms-shadow);\\n margin: 0;\\n}\\n\\n.stackline-dropdown.theme-material .select-all,\\n.stackline-dropdown.theme-dark .select-all,\\n.stackline-dropdown.theme-custom .select-all {\\n padding: 10px 14px;\\n border-bottom: 1px solid var(--ms-divider);\\n background: var(--ms-section-bg);\\n text-align: left;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter,\\n.stackline-dropdown.theme-dark .list-filter,\\n.stackline-dropdown.theme-custom .list-filter {\\n position: relative;\\n display: flex;\\n align-items: center;\\n min-height: 52px;\\n padding-left: 48px;\\n padding-right: 44px;\\n border-bottom: 1px solid var(--ms-divider);\\n background: var(--ms-surface);\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input,\\n.stackline-dropdown.theme-dark .list-filter input,\\n.stackline-dropdown.theme-custom .list-filter input {\\n width: 100%;\\n height: 100%;\\n border: 0;\\n background: transparent;\\n color: var(--ms-on-surface);\\n font: inherit;\\n padding: 0;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input::placeholder,\\n.stackline-dropdown.theme-dark .list-filter input::placeholder,\\n.stackline-dropdown.theme-custom .list-filter input::placeholder {\\n color: var(--ms-on-surface-muted);\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input:focus,\\n.stackline-dropdown.theme-dark .list-filter input:focus,\\n.stackline-dropdown.theme-custom .list-filter input:focus {\\n outline: none;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter .fa,\\n.stackline-dropdown.theme-dark .list-filter .fa,\\n.stackline-dropdown.theme-custom .list-filter .fa {\\n position: absolute;\\n top: 50%;\\n left: 16px;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 18px;\\n height: 18px;\\n transform: translateY(-50%);\\n color: var(--ms-on-surface-muted);\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul,\\n.stackline-dropdown.theme-dark .dropdown-list ul,\\n.stackline-dropdown.theme-custom .dropdown-list ul {\\n list-style: none;\\n margin: 0;\\n padding: 8px;\\n overflow: auto;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li,\\n.stackline-dropdown.theme-dark .dropdown-list ul li,\\n.stackline-dropdown.theme-custom .dropdown-list ul li {\\n align-items: center;\\n min-height: 0;\\n margin: 4px;\\n padding: 12px 14px;\\n border-radius: 14px;\\n cursor: pointer;\\n text-align: left;\\n line-height: 1.35;\\n transition: background-color 0.16s ease, color 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:first-child,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:first-child,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:first-child {\\n padding-top: 12px;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:last-child,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:last-child,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:last-child {\\n padding-bottom: 12px;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:hover,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:hover,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:hover {\\n background: var(--ms-surface-soft);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox,\\n.stackline-dropdown.theme-dark .pure-checkbox,\\n.stackline-dropdown.theme-custom .pure-checkbox {\\n position: relative;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label {\\n position: relative;\\n display: block;\\n width: 100%;\\n margin: 0;\\n padding-left: 32px;\\n color: inherit;\\n cursor: pointer;\\n font-weight: 500;\\n user-select: none;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label:before {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 0;\\n width: 16px;\\n height: 16px;\\n margin-top: -10px;\\n border: 2px solid var(--ms-outline-strong);\\n border-radius: 5px;\\n background: var(--ms-surface);\\n transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label:after,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label:after,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label:after {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 5px;\\n width: 8px;\\n height: 3px;\\n margin-top: -4px;\\n border-style: solid;\\n border-color: #ffffff;\\n border-width: 0 0 3px 3px;\\n border-image: none;\\n background: transparent;\\n transform: rotate(-45deg) scale(0);\\n transform-origin: 50%;\\n transition: transform 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:hover + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:hover + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:hover + label:before {\\n border-color: var(--ms-primary);\\n background: var(--ms-surface-soft);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked + label:before {\\n border-color: var(--ms-primary);\\n background: var(--ms-primary);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked + label:after,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked + label:after,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked + label:after {\\n transform: rotate(-45deg) scale(1);\\n}\\n\\n.stackline-dropdown.theme-material .list-message,\\n.stackline-dropdown.theme-dark .list-message,\\n.stackline-dropdown.theme-custom .list-message {\\n margin: 0;\\n padding: 20px 14px;\\n color: var(--ms-on-surface-muted);\\n text-align: center;\\n}\\n\"],\n providers: [DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALIDATION]\n})\n\nexport class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChanges, Validator {\n\n @Input()\n data: Array<ListItem>;\n\n @Input()\n settings: DropdownSettings;\n\n @Output('onSelect')\n onSelect: EventEmitter<ListItem> = new EventEmitter<ListItem>();\n\n @Output('onDeSelect')\n onDeSelect: EventEmitter<ListItem> = new EventEmitter<ListItem>();\n\n @Output('onSelectAll')\n onSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();\n\n @Output('onDeSelectAll')\n onDeSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();\n\n @Output('onOpen')\n onOpen: EventEmitter<any> = new EventEmitter<any>();\n\n @Output('onClose')\n onClose: EventEmitter<any> = new EventEmitter<any>();\n\n @ContentChild(Item, { static: false }) itemTempl: Item;\n @ContentChild(Badge, { static: false }) badgeTempl: Badge;\n\n\n @ViewChild('searchInput', { static: false }) searchInput: ElementRef;\n\n public selectedItems: Array<ListItem>;\n public isActive: boolean = false;\n public isSelectAll: boolean = false;\n public groupedData: Array<ListItem>;\n filter: any;\n public chunkArray:any[];\n public scrollTop:any;\n public chunkIndex:any[] = [];\n public cachedItems:any[] = [];\n public totalRows:any;\n public itemHeight:any = 41.6;\n public screenItemsLen:any;\n public cachedItemsLen:any;\n public totalHeight: any;\n public scroller:any;\n public maxBuffer:any;\n public lastScrolled:any;\n public lastRepaintY: any;\n\n defaultSettings: DropdownSettings = {\n singleSelection: false,\n text: 'Select',\n enableCheckAll: true,\n selectAllText: 'Select All',\n unSelectAllText: 'UnSelect All',\n enableSearchFilter: false,\n maxHeight: 300,\n badgeShowLimit: 999999999999,\n classes: '',\n disabled: false,\n searchPlaceholderText: 'Search',\n showCheckbox: true,\n noDataLabel: 'No Data Available',\n searchAutofocus: true,\n lazyLoading: false,\n labelKey: 'itemName',\n theme: 'classic',\n skin: 'classic'\n }\n public parseError: boolean;\n constructor(public _elementRef : ElementRef) {\n\n }\n getThemeName(): string {\n let rawTheme: any = 'classic';\n if (this.settings) {\n rawTheme = this.settings.skin || this.settings.theme || 'classic';\n }\n let theme = String(rawTheme).toLowerCase().replace(/[^a-z0-9_-]+/g, '-');\n theme = theme.replace(/^-+|-+$/g, '');\n return theme || 'classic';\n }\n getDropdownClasses(): string {\n let theme = this.getThemeName();\n let className = 'theme-' + theme;\n if (theme !== 'classic' && theme !== 'material' && theme !== 'dark' && theme !== 'custom') {\n className += ' theme-custom';\n }\n if (this.isActive) {\n className += ' is-open';\n }\n if (this.settings && this.settings.disabled) {\n className += ' is-disabled';\n }\n return className;\n }\n ngOnInit() {\n this.settings = Object.assign(this.defaultSettings, this.settings);\n if (this.settings.groupBy) {\n this.groupedData = this.transformData(this.data, this.settings.groupBy);\n }\n this.totalRows = (this.data && this.data.length);\n this.cachedItems = this.data;\n this.screenItemsLen = Math.ceil(this.settings.maxHeight / this.itemHeight);\n this.cachedItemsLen = this.screenItemsLen * 3;\n this.totalHeight = this.itemHeight * this.totalRows;\n this.maxBuffer = this.screenItemsLen * this.itemHeight;\n this.lastScrolled = 0;\n this.renderChunk(0, this.cachedItemsLen / 2);\n }\n ngOnChanges(changes: SimpleChanges) {\n if (changes.data && !changes.data.isFirstChange()) {\n if (this.settings.groupBy) {\n this.groupedData = this.transformData(this.data, this.settings.groupBy);\n if (this.data.length == 0) {\n this.selectedItems = [];\n }\n }\n }\n if (changes.settings && !changes.settings.isFirstChange()) {\n this.settings = Object.assign(this.defaultSettings, this.settings);\n }\n }\n ngDoCheck() {\n if (this.selectedItems) {\n if (this.selectedItems.length == 0 || this.data.length == 0 || this.selectedItems.length < this.data.length) {\n this.isSelectAll = false;\n }\n }\n }\n ngAfterViewInit() {\n if(this.settings.lazyLoading){\n this._elementRef.nativeElement.getElementsByClassName(\"lazyContainer\")[0].addEventListener('scroll', this.onScroll.bind(this));\n }\n }\n onItemClick(item: ListItem, index: number, evt: Event) {\n if (this.settings.disabled) {\n return false;\n }\n\n let found = this.isSelected(item);\n let limit = this.selectedItems.length < this.settings.limitSelection ? true : false;\n\n if (!found) {\n if (this.settings.limitSelection) {\n if (limit) {\n this.addSelected(item);\n this.onSelect.emit(item);\n }\n }\n else {\n this.addSelected(item);\n this.onSelect.emit(item);\n }\n\n }\n else {\n this.removeSelected(item);\n this.onDeSelect.emit(item);\n }\n if (this.isSelectAll || this.data.length > this.selectedItems.length) {\n this.isSelectAll = false;\n }\n if (this.data.length == this.selectedItems.length) {\n this.isSelectAll = true;\n }\n }\n public validate(c: FormControl): any {\n return null;\n }\n private onTouchedCallback: (_: any) => void = noop;\n private onChangeCallback: (_: any) => void = noop;\n\n writeValue(value: any) {\n if (value !== undefined && value !== null) {\n if (this.settings.singleSelection) {\n try {\n\n if (value.length > 1) {\n this.selectedItems = [value[0]];\n throw new MyException(404, { \"msg\": \"Single Selection Mode, Selected Items cannot have more than one item.\" });\n }\n else {\n this.selectedItems = value;\n }\n }\n catch (e) {\n console.error(e.body.msg);\n }\n\n }\n else {\n if (this.settings.limitSelection) {\n this.selectedItems = value.splice(0, this.settings.limitSelection);\n }\n else {\n this.selectedItems = value;\n }\n if (this.selectedItems.length === this.data.length && this.data.length > 0) {\n this.isSelectAll = true;\n }\n }\n } else {\n this.selectedItems = [];\n }\n }\n\n //From ControlValueAccessor interface\n registerOnChange(fn: any) {\n this.onChangeCallback = fn;\n }\n\n //From ControlValueAccessor interface\n registerOnTouched(fn: any) {\n this.onTouchedCallback = fn;\n }\n trackByFn(index: number, item: ListItem) {\n return item.id;\n }\n isSelected(clickedItem: ListItem) {\n let found = false;\n this.selectedItems && this.selectedItems.forEach(item => {\n if (clickedItem.id === item.id) {\n found = true;\n }\n });\n return found;\n }\n addSelected(item: ListItem) {\n if (this.settings.singleSelection) {\n this.selectedItems = [];\n this.selectedItems.push(item);\n this.closeDropdown();\n }\n else\n this.selectedItems.push(item);\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n }\n removeSelected(clickedItem: ListItem) {\n this.selectedItems && this.selectedItems.forEach(item => {\n if (clickedItem.id === item.id) {\n this.selectedItems.splice(this.selectedItems.indexOf(item), 1);\n }\n });\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n }\n toggleDropdown(evt: any) {\n if (this.settings.disabled) {\n return false;\n }\n this.isActive = !this.isActive;\n if (this.isActive) {\n if (this.settings.searchAutofocus && this.settings.enableSearchFilter) {\n setTimeout(() => {\n this.searchInput.nativeElement.focus();\n }, 0);\n }\n this.onOpen.emit(true);\n }\n else {\n this.onClose.emit(false);\n }\n evt.preventDefault();\n }\n closeDropdown() {\n if(this.searchInput){\n this.searchInput.nativeElement.value = \"\";\n this.data = [];\n this.data = this.cachedItems;\n this.totalHeight = this.itemHeight * this.data.length;\n this.totalRows = this.data.length;\n this.updateView(this.scrollTop);\n }\n this.filter = \"\";\n this.isActive = false;\n this.onClose.emit(false);\n }\n toggleSelectAll() {\n if (!this.isSelectAll) {\n this.selectedItems = [];\n this.selectedItems = this.data.slice();\n this.isSelectAll = true;\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n\n this.onSelectAll.emit(this.selectedItems);\n }\n else {\n this.selectedItems = [];\n this.isSelectAll = false;\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n\n this.onDeSelectAll.emit(this.selectedItems);\n }\n }\n transformData(arr: Array<ListItem>, field: any): Array<ListItem> {\n const groupedObj: any = arr.reduce((prev: any, cur: any) => {\n if (!prev[cur[field]]) {\n prev[cur[field]] = [cur];\n } else {\n prev[cur[field]].push(cur);\n }\n return prev;\n }, {});\n const tempArr: any = [];\n Object.keys(groupedObj).map(function (x) {\n tempArr.push({ key: x, value: groupedObj[x] });\n });\n return tempArr;\n }\n renderChunk(fromPos:any, howMany:any) {\n this.chunkArray = [];\n this.chunkIndex = [];\n var finalItem = fromPos + howMany;\n if (finalItem > this.totalRows)\n finalItem = this.totalRows;\n\n for (var i = fromPos; i < finalItem; i++) {\n this.chunkIndex.push((i * this.itemHeight) + 'px');\n this.chunkArray.push(this.data[i]);\n }\n }\n public onScroll(e:any) {\n this.scrollTop = e.target.scrollTop;\n this.updateView(this.scrollTop);\n\n }\n public updateView(scrollTop:any){\n var scrollPos = scrollTop ? scrollTop: 0;\n var first = (scrollPos / this.itemHeight) - this.screenItemsLen;\n var firstTemp = \"\"+first;\n first = parseInt(firstTemp) < 0 ? 0 : parseInt(firstTemp);\n this.renderChunk(first, this.cachedItemsLen);\n this.lastRepaintY = scrollPos;\n }\n public filterInfiniteList(evt: any){\n var filteredElems:Array<any> = [];\n this.data = this.cachedItems.slice();\n if(evt.target.value.toString() != ''){\n this.data.filter(function(el:any){\n for(var prop in el){\n if(el[prop].toString().toLowerCase().indexOf(evt.target.value.toString().toLowerCase()) >=0 ){\n filteredElems.push(el);\n break;\n }\n }\n });\n //this.cachedItems = this.data;\n this.totalHeight = this.itemHeight * filteredElems.length;\n this.totalRows = filteredElems.length;\n this.data = [];\n this.data = filteredElems;\n this.updateView(this.scrollTop);\n }\n else if(evt.target.value.toString() == '' && this.cachedItems.length > 0){\n this.data = [];\n this.data = this.cachedItems;\n this.totalHeight = this.itemHeight * this.data.length;\n this.totalRows = this.data.length;\n this.updateView(this.scrollTop);\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n declarations: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge],\n exports: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge]\n})\nexport class AngularMultiSelectModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"stackline-angular-multiselect-dropdown.mjs","sources":["../../src/lib/multiselect.model.ts","../../src/lib/clickOutside.ts","../../src/lib/list-filter.ts","../../src/lib/menu-item.ts","../../src/lib/multiselect.component.ts","../../src/stackline-angular-multiselect-dropdown.ts"],"sourcesContent":["export class ListItem{\n [key: string]: any;\n id: number;\n itemName: string\n}\nexport class MyException {\n\tstatus : number;\n\tbody : any;\n\tconstructor(status : number, body : any) {\n\t\tthis.status = status;\n\t\tthis.body = body;\n\t}\n\t\n}\n","import {Directive, ElementRef, Output, EventEmitter, HostListener, Input} from '@angular/core';\n\n@Directive({\n standalone: false,\n selector: '[clickOutside]'\n})\nexport class ClickOutsideDirective {\n constructor(private _elementRef: ElementRef) {\n }\n\n @Output()\n public clickOutside = new EventEmitter<Event>();\n\n @HostListener('document:click', ['$event', '$event.target'])\n @HostListener('document:touchstart', ['$event', '$event.target'])\n public onClick(event: Event, targetElement: EventTarget | null): void {\n if (!targetElement) {\n return;\n }\n\n const clickedInside = this._elementRef.nativeElement.contains(targetElement as Node);\n if (!clickedInside) {\n this.clickOutside.emit(event);\n }\n }\n}\n\n@Directive({\n standalone: false,\n selector: '[scroll]'\n})\nexport class ScrollDirective {\n constructor(private _elementRef: ElementRef) {\n }\n\n @Output()\n public scroll = new EventEmitter<Event>();\n\n @HostListener('scroll', ['$event'])\n public onClick(event: Event): void {\n this.scroll.emit(event);\n }\n}\n@Directive({\n standalone: false,\n selector: '[styleProp]'\n})\nexport class styleDirective {\n\n constructor(private el: ElementRef) {\n\n }\n\n @Input('styleProp') styleVal: number;\n\n ngOnInit() {\n\n this.el.nativeElement.style.top = this.styleVal;\n }\n ngOnChanges(): void {\n this.el.nativeElement.style.top = this.styleVal;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { ListItem } from './multiselect.model';\n\n@Pipe({\n standalone: false,\n name: 'listFilter',\n pure: false\n})\nexport class ListFilterPipe implements PipeTransform {\n transform(items: ListItem[], filter: any): ListItem[] {\n if (!items || !filter) {\n return items;\n }\n return items.filter((item: any) => this.applyFilter(item, filter));\n }\n applyFilter(item: any, filter: any): boolean {\n let found = false;\n for (var prop in item) {\n if (filter) {\n if (item[prop].toString().toLowerCase().indexOf(filter.toLowerCase()) >= 0) {\n found = true;\n }\n }\n else\n found = true;\n }\n return found;\n }\n}\n","import { Component, OnInit, OnDestroy, NgModule, TemplateRef, AfterContentInit, ContentChild, EmbeddedViewRef, OnChanges, ViewContainerRef, ViewEncapsulation, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';\nimport { SafeResourceUrl, DomSanitizer } from '@angular/platform-browser';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n standalone: false,\n selector: 'c-item',\n template: ``\n})\n\nexport class Item { \n\n @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>\n constructor() { \n }\n\n}\n\n@Component({\n standalone: false,\n selector: 'c-badge',\n template: ``\n})\n\nexport class Badge { \n\n @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>\n constructor() { \n }\n\n}\n\n@Component({\n standalone: false,\n selector: 'c-templateRenderer',\n template: ``\n})\n\nexport class TemplateRenderer implements OnInit, OnDestroy { \n\n @Input() data: any\n @Input() item: any\n view: EmbeddedViewRef<any>;\n\n constructor(public viewContainer: ViewContainerRef) { \n }\n ngOnInit() {\n this.view = this.viewContainer.createEmbeddedView(this.data.template, {\n '\\$implicit': this.data,\n 'item':this.item\n });\n }\n\t\n ngOnDestroy() {\n\t\tthis.view.destroy();\n\t}\n\n}\n","import { Component, OnInit, NgModule, SimpleChanges, OnChanges, ViewEncapsulation, ContentChild, ViewChild, forwardRef, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR, ControlValueAccessor, NG_VALIDATORS, Validator, FormControl } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { ListItem, MyException } from './multiselect.model';\nimport { DropdownSettings } from './multiselect.interface';\nimport { ClickOutsideDirective, ScrollDirective, styleDirective } from './clickOutside';\nimport { ListFilterPipe } from './list-filter';\nimport { Item, Badge, TemplateRenderer } from './menu-item';\n\nexport const DROPDOWN_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AngularMultiSelect),\n multi: true\n};\nexport const DROPDOWN_CONTROL_VALIDATION: any = {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => AngularMultiSelect),\n multi: true,\n}\nconst noop = () => {\n};\n\n@Component({\n standalone: false,\n selector: 'angular-multiselect, angular2-multiselect',\n template: \"<div class=\\\"stackline-dropdown\\\" [ngClass]=\\\"getDropdownClasses()\\\" (clickOutside)=\\\"closeDropdown()\\\">\\n <div class=\\\"selected-list\\\">\\n <div class=\\\"c-btn\\\" (click)=\\\"toggleDropdown($event)\\\" [ngClass]=\\\"{'disabled': settings.disabled}\\\">\\n <span *ngIf=\\\"selectedItems?.length == 0\\\">{{settings.text}}</span>\\n <span *ngIf=\\\"settings.singleSelection\\\">\\n <span *ngFor=\\\"let item of selectedItems;trackBy: trackByFn;\\\">\\n {{item[settings.labelKey]}}\\n </span>\\n </span>\\n <div class=\\\"c-list\\\" *ngIf=\\\"selectedItems?.length > 0 && !settings.singleSelection\\\">\\n <div class=\\\"c-token\\\" *ngFor=\\\"let item of selectedItems;trackBy: trackByFn;let k = index\\\" [hidden]=\\\"k > settings.badgeShowLimit-1\\\">\\n <span *ngIf=\\\"!badgeTempl\\\" class=\\\"c-label\\\">{{item[settings.labelKey]}}</span>\\n <span *ngIf=\\\"badgeTempl\\\" class=\\\"c-label\\\">\\n <c-templateRenderer [data]=\\\"badgeTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </span>\\n <span class=\\\"fa fa-remove\\\" (click)=\\\"onItemClick(item,k,$event)\\\"></span>\\n </div>\\n </div> \\n <span class=\\\"countplaceholder\\\" *ngIf=\\\"selectedItems?.length > settings.badgeShowLimit\\\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\\n <span class=\\\"fa\\\" [ngClass]=\\\"{'fa-angle-down': !isActive,'fa-angle-up':isActive}\\\"></span>\\n </div> \\n </div>\\n <div class=\\\"dropdown-list\\\" [hidden]=\\\"!isActive\\\">\\n <div class=\\\"arrow-up arrow-2\\\"></div>\\n <div class=\\\"arrow-up\\\"></div>\\n <div class=\\\"list-area\\\">\\n <div class=\\\"pure-checkbox select-all\\\" *ngIf=\\\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\\\" (click)=\\\"toggleSelectAll()\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelectAll\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length\\\"/>\\n <label>\\n <span [hidden]=\\\"isSelectAll\\\">{{settings.selectAllText}}</span>\\n <span [hidden]=\\\"!isSelectAll\\\">{{settings.unSelectAllText}}</span>\\n </label>\\n </div> \\n <div class=\\\"list-filter\\\" *ngIf=\\\"settings.enableSearchFilter && !settings.lazyLoading\\\">\\n <span class=\\\"fa fa-search\\\"></span>\\n <input #searchInput type=\\\"text\\\" [placeholder]=\\\"settings.searchPlaceholderText\\\" [(ngModel)]=\\\"filter\\\">\\n </div> \\n <div class=\\\"list-filter\\\" *ngIf=\\\"settings.enableSearchFilter && settings.lazyLoading\\\">\\n <span class=\\\"fa fa-search\\\"></span>\\n <input #searchInput type=\\\"text\\\" [placeholder]=\\\"settings.searchPlaceholderText\\\" (keyup)=\\\"filterInfiniteList($event)\\\">\\n </div>\\n <ul *ngIf=\\\"!settings.groupBy\\\" [style.maxHeight] = \\\"settings.maxHeight+'px'\\\" class=\\\"lazyContainer\\\" >\\n <span *ngIf=\\\"itemTempl\\\">\\n <li *ngFor=\\\"let item of data | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label></label>\\n <c-templateRenderer [data]=\\\"itemTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl && !settings.lazyLoading\\\" >\\n <li *ngFor=\\\"let item of data | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl && settings.lazyLoading\\\" >\\n <div [ngStyle]=\\\"{'height':totalHeight+'px'}\\\" style=\\\"position: relative;\\\">\\n\\n \\n <li *ngFor=\\\"let item of chunkArray | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" style=\\\"position: absolute;width: 100%;\\\" class=\\\"pure-checkbox\\\" [styleProp]=\\\"chunkIndex[i]\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </div>\\n </span>\\n </ul>\\n <div *ngIf=\\\"settings.groupBy\\\" [style.maxHeight] = \\\"settings.maxHeight+'px'\\\" style=\\\"overflow: auto;\\\">\\n <ul *ngFor=\\\"let obj of groupedData ; let i = index;\\\" class=\\\"list-grp\\\">\\n <h4 *ngIf=\\\"(obj.value | listFilter:filter ).length > 0\\\">{{obj.key}}</h4>\\n <span *ngIf=\\\"itemTempl\\\" >\\n <li *ngFor=\\\"let item of obj.value | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label></label>\\n <c-templateRenderer [data]=\\\"itemTempl\\\" [item]=\\\"item\\\"></c-templateRenderer>\\n </li>\\n </span>\\n <span *ngIf=\\\"!itemTempl\\\" >\\n <li *ngFor=\\\"let item of obj.value | listFilter:filter; let i = index;\\\" (click)=\\\"onItemClick(item,i,$event)\\\" class=\\\"pure-checkbox\\\">\\n <input *ngIf=\\\"settings.showCheckbox\\\" type=\\\"checkbox\\\" [checked]=\\\"isSelected(item)\\\" [disabled]=\\\"settings.limitSelection == selectedItems?.length && !isSelected(item)\\\"/>\\n <label>{{item[settings.labelKey]}}</label>\\n </li>\\n </span>\\n </ul>\\n </div>\\n <h5 class=\\\"list-message\\\" *ngIf=\\\"data?.length == 0\\\">{{settings.noDataLabel}}</h5>\\n </div>\\n </div>\\n</div>\\n\",\n host: { '[class]': 'defaultSettings.classes' },\n styles: [\".stackline-dropdown {\\n position: relative;\\n}\\n\\n.c-btn {\\n display: inline-block;\\n background: #fff;\\n border: 1px solid #ccc;\\n border-radius: 3px;\\n font-size: 14px;\\n color: #333;\\n}\\n\\n.c-btn.disabled {\\n background: #ccc;\\n}\\n\\n.c-btn:focus {\\n outline: none;\\n}\\n\\n.selected-list .c-list {\\n display: flex;\\n flex: 1 1 auto;\\n align-items: center;\\n flex-wrap: wrap;\\n min-width: 0;\\n float: none;\\n padding: 0px;\\n margin: 0px;\\n width: auto;\\n}\\n.selected-list .c-list .c-token {\\n list-style: none;\\n padding: 0px 5px;\\n background: #0079FE;\\n color: #fff;\\n border-radius: 2px;\\n margin-right: 4px;\\n margin-top: 2px;\\n float: left;\\n}\\n.selected-list .c-list .c-token .c-label {\\n display: block;\\n float: left;\\n /*width: 50px;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n overflow: hidden;*/\\n}\\n.selected-list .c-list .c-token .fa-remove {\\n margin-left: 1px;\\n font-size: 12px;\\n}\\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\\n font-size: 15pt;\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n.selected-list .countplaceholder {\\n display: inline-flex;\\n flex: 0 0 auto;\\n align-items: center;\\n justify-content: center;\\n align-self: center;\\n margin: 0 0 0 6px;\\n line-height: 1;\\n}\\n.selected-list .c-btn {\\n box-sizing: border-box;\\n width: 100%;\\n box-shadow: 0px 1px 5px #959595;\\n padding: 10px 36px 10px 10px;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n flex-wrap: nowrap;\\n position: relative;\\n}\\n\\n.dropdown-list {\\n position: absolute;\\n padding-top: 14px;\\n width: 100%;\\n z-index: 9999;\\n}\\n.dropdown-list ul {\\n padding: 0px;\\n list-style: none;\\n overflow: auto;\\n margin: 0px;\\n}\\n.dropdown-list ul li {\\n padding: 10px 10px;\\n cursor: pointer;\\n text-align: left;\\n}\\n.dropdown-list ul li:first-child {\\n padding-top: 10px;\\n}\\n.dropdown-list ul li:last-child {\\n padding-bottom: 10px;\\n}\\n.dropdown-list ul li:hover {\\n background: #f5f5f5;\\n}\\n.dropdown-list ::-webkit-scrollbar {\\n width: 8px;\\n}\\n.dropdown-list ::-webkit-scrollbar-thumb {\\n background: #cccccc;\\n border-radius: 5px;\\n}\\n.dropdown-list ::-webkit-scrollbar-track {\\n background: #f2f2f2;\\n}\\n\\n.arrow-up {\\n width: 0;\\n height: 0;\\n border-left: 13px solid transparent;\\n border-right: 13px solid transparent;\\n border-bottom: 15px solid #fff;\\n margin-left: 15px;\\n position: absolute;\\n top: 0;\\n}\\n\\n.arrow-2 {\\n border-bottom: 15px solid #ccc;\\n top: -1px;\\n}\\n\\n.list-area {\\n border: 1px solid #ccc;\\n border-radius: 3px;\\n background: #fff;\\n margin: 0px;\\n box-shadow: 0px 1px 5px #959595;\\n}\\n\\n.select-all {\\n padding: 10px;\\n border-bottom: 1px solid #ccc;\\n text-align: left;\\n}\\n\\n.list-filter {\\n border-bottom: 1px solid #ccc;\\n position: relative;\\n}\\n.list-filter input {\\n border: 0px;\\n width: 100%;\\n height: 35px;\\n padding: 0px 0px 0px 35px;\\n}\\n.list-filter input:focus {\\n outline: none;\\n}\\n.list-filter .fa {\\n position: absolute;\\n top: 10px;\\n left: 13px;\\n color: #888;\\n}\\n\\n.pure-checkbox input[type=checkbox] {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n}\\n\\n.pure-checkbox input[type=checkbox]:focus + label:before,\\n.pure-checkbox input[type=checkbox]:hover + label:before {\\n border-color: #0079FE;\\n background-color: #f2f2f2;\\n}\\n\\n.pure-checkbox input[type=checkbox]:active + label:before {\\n transition-duration: 0s;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label {\\n position: relative;\\n padding-left: 2em;\\n vertical-align: middle;\\n user-select: none;\\n cursor: pointer;\\n margin: 0px;\\n color: #000;\\n font-weight: 300;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:before {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n color: #0079FE;\\n position: absolute;\\n top: 50%;\\n left: 0;\\n width: 14px;\\n height: 14px;\\n margin-top: -9px;\\n border: 2px solid #0079FE;\\n text-align: center;\\n transition: all 0.4s ease;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:after {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n background-color: #0079FE;\\n position: absolute;\\n top: 50%;\\n left: 4px;\\n width: 10px;\\n height: 10px;\\n margin-top: -5px;\\n transform: scale(0);\\n transform-origin: 50%;\\n transition: transform 200ms ease-out;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled + label:before {\\n border-color: #cccccc;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled:focus + label:before .pure-checkbox input[type=checkbox]:disabled:hover + label:before {\\n background-color: inherit;\\n}\\n\\n.pure-checkbox input[type=checkbox]:disabled:checked + label:before {\\n background-color: #cccccc;\\n}\\n\\n.pure-checkbox input[type=checkbox] + label:after {\\n background-color: transparent;\\n top: 50%;\\n left: 4px;\\n width: 8px;\\n height: 3px;\\n margin-top: -4px;\\n border-style: solid;\\n border-color: #ffffff;\\n border-width: 0 0 3px 3px;\\n border-image: none;\\n transform: rotate(-45deg) scale(0);\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:after {\\n content: \\\"\\\";\\n transform: rotate(-45deg) scale(1);\\n transition: transform 200ms ease-out;\\n}\\n\\n.pure-checkbox input[type=radio]:checked + label:before {\\n background-color: white;\\n}\\n\\n.pure-checkbox input[type=radio]:checked + label:after {\\n transform: scale(1);\\n}\\n\\n.pure-checkbox input[type=radio] + label:before {\\n border-radius: 50%;\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:before {\\n background: #0079FE;\\n}\\n\\n.pure-checkbox input[type=checkbox]:checked + label:after {\\n transform: rotate(-45deg) scale(1);\\n}\\n\\n.list-message {\\n text-align: center;\\n}\\n\\n.list-grp {\\n padding: 0 15px !important;\\n}\\n\\n.list-grp h4 {\\n text-transform: capitalize;\\n margin: 15px 0px 0px 0px;\\n font-size: 14px;\\n font-weight: 700;\\n}\\n\\n.list-grp > li {\\n padding-left: 15px !important;\\n}\\n\\n.stackline-dropdown.theme-material,\\n.stackline-dropdown.theme-dark,\\n.stackline-dropdown.theme-custom {\\n --ms-primary: #3f51b5;\\n --ms-primary-soft: rgba(63, 81, 181, 0.12);\\n --ms-surface: #ffffff;\\n --ms-surface-soft: #f5f7fb;\\n --ms-surface-muted: #e8eaf6;\\n --ms-outline: #c5cae9;\\n --ms-outline-strong: #7986cb;\\n --ms-on-surface: #212121;\\n --ms-on-surface-muted: #5f6368;\\n --ms-chip-bg: #e8eaf6;\\n --ms-chip-text: #303f9f;\\n --ms-chip-remove: #303f9f;\\n --ms-divider: rgba(125, 119, 134, 0.16);\\n --ms-section-bg: rgba(247, 242, 250, 0.76);\\n --ms-selected-text: var(--ms-primary);\\n --ms-shadow: 0 1px 2px rgba(33, 33, 33, 0.16), 0 12px 32px rgba(63, 81, 181, 0.12);\\n --ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, 0.12), 0 4px 12px rgba(33, 33, 33, 0.08);\\n display: block;\\n width: 100%;\\n color: var(--ms-on-surface);\\n font: inherit;\\n}\\n\\n.stackline-dropdown.theme-dark {\\n --ms-primary: #8ab4f8;\\n --ms-primary-soft: rgba(138, 180, 248, 0.18);\\n --ms-surface: #151a23;\\n --ms-surface-soft: #202736;\\n --ms-surface-muted: #111722;\\n --ms-outline: #384456;\\n --ms-outline-strong: #8ab4f8;\\n --ms-on-surface: #edf2f7;\\n --ms-on-surface-muted: #aab6c5;\\n --ms-chip-bg: #263247;\\n --ms-chip-text: #d7e6ff;\\n --ms-chip-remove: #d7e6ff;\\n --ms-divider: rgba(170, 182, 197, 0.18);\\n --ms-section-bg: #101620;\\n --ms-selected-text: #d7e6ff;\\n --ms-shadow: 0 20px 50px rgba(0, 0, 0, 0.42);\\n --ms-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 24px rgba(0, 0, 0, 0.28);\\n}\\n\\n.stackline-dropdown.theme-custom {\\n --ms-primary: var(--stackline-ms-primary, #0f766e);\\n --ms-primary-soft: var(--stackline-ms-primary-soft, rgba(15, 118, 110, 0.14));\\n --ms-surface: var(--stackline-ms-surface, #ffffff);\\n --ms-surface-soft: var(--stackline-ms-surface-soft, #ecfdf5);\\n --ms-surface-muted: var(--stackline-ms-surface-muted, #d1fae5);\\n --ms-outline: var(--stackline-ms-outline, #99f6e4);\\n --ms-outline-strong: var(--stackline-ms-outline-strong, #0f766e);\\n --ms-on-surface: var(--stackline-ms-on-surface, #102a2a);\\n --ms-on-surface-muted: var(--stackline-ms-on-surface-muted, #47615f);\\n --ms-chip-bg: var(--stackline-ms-chip-bg, #ccfbf1);\\n --ms-chip-text: var(--stackline-ms-chip-text, #115e59);\\n --ms-chip-remove: var(--stackline-ms-chip-remove, #115e59);\\n --ms-divider: var(--stackline-ms-divider, rgba(15, 118, 110, 0.16));\\n --ms-section-bg: var(--stackline-ms-section-bg, #f0fdfa);\\n --ms-selected-text: var(--stackline-ms-selected-text, var(--ms-primary));\\n --ms-shadow: var(--stackline-ms-shadow, 0 18px 42px rgba(15, 118, 110, 0.15));\\n --ms-shadow-soft: var(--stackline-ms-shadow-soft, 0 1px 2px rgba(15, 118, 110, 0.16), 0 8px 18px rgba(15, 118, 110, 0.09));\\n}\\n\\n.stackline-dropdown.theme-material .selected-list,\\n.stackline-dropdown.theme-dark .selected-list,\\n.stackline-dropdown.theme-custom .selected-list {\\n width: 100%;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn,\\n.stackline-dropdown.theme-dark .selected-list .c-btn,\\n.stackline-dropdown.theme-custom .selected-list .c-btn {\\n position: relative;\\n display: flex;\\n align-items: center;\\n flex-wrap: nowrap;\\n gap: 8px;\\n width: 100%;\\n min-height: 56px;\\n padding: 11px 54px 11px 16px;\\n border-radius: 18px;\\n border: 1px solid var(--ms-outline);\\n background: var(--ms-surface);\\n box-shadow: var(--ms-shadow-soft);\\n color: var(--ms-on-surface);\\n cursor: pointer;\\n font-size: inherit;\\n line-height: 1.45;\\n transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn:hover,\\n.stackline-dropdown.theme-dark .selected-list .c-btn:hover,\\n.stackline-dropdown.theme-custom .selected-list .c-btn:hover {\\n border-color: var(--ms-outline-strong);\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-btn.disabled,\\n.stackline-dropdown.theme-dark .selected-list .c-btn.disabled,\\n.stackline-dropdown.theme-custom .selected-list .c-btn.disabled {\\n background: var(--ms-surface);\\n cursor: not-allowed;\\n opacity: 0.72;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list,\\n.stackline-dropdown.theme-dark .selected-list .c-list,\\n.stackline-dropdown.theme-custom .selected-list .c-list {\\n display: flex;\\n flex: 1 1 auto;\\n flex-wrap: wrap;\\n gap: 8px;\\n width: auto;\\n min-width: 0;\\n margin: 0;\\n padding: 0;\\n float: none;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token {\\n position: relative;\\n display: inline-block;\\n vertical-align: middle;\\n min-height: 32px;\\n max-width: 100%;\\n padding: 6px 30px 6px 12px;\\n background: var(--ms-chip-bg);\\n color: var(--ms-chip-text);\\n border-radius: 999px;\\n box-shadow: inset 0 0 0 1px rgba(103, 80, 164, 0.08);\\n line-height: 1.35;\\n white-space: normal;\\n overflow-wrap: anywhere;\\n margin: 0;\\n float: none;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token .c-label,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token .c-label,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token .c-label {\\n display: inline-flex;\\n align-items: center;\\n float: none;\\n min-width: 0;\\n max-width: 100%;\\n line-height: 1.3;\\n font-weight: 500;\\n white-space: normal;\\n overflow-wrap: anywhere;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .c-list .c-token .fa-remove,\\n.stackline-dropdown.theme-dark .selected-list .c-list .c-token .fa-remove,\\n.stackline-dropdown.theme-custom .selected-list .c-list .c-token .fa-remove {\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 16px;\\n height: 16px;\\n margin-left: 0;\\n transform: translateY(-50%);\\n color: var(--ms-chip-remove);\\n cursor: pointer;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .countplaceholder,\\n.stackline-dropdown.theme-dark .selected-list .countplaceholder,\\n.stackline-dropdown.theme-custom .selected-list .countplaceholder {\\n display: inline-flex;\\n flex: 0 0 auto;\\n align-items: center;\\n justify-content: center;\\n align-self: center;\\n margin: 0;\\n line-height: 1;\\n color: var(--ms-on-surface-muted);\\n font-size: 0.8rem;\\n font-weight: 600;\\n}\\n\\n.stackline-dropdown.theme-material .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-dark .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-custom .selected-list .fa-angle-down,\\n.stackline-dropdown.theme-material .selected-list .fa-angle-up,\\n.stackline-dropdown.theme-dark .selected-list .fa-angle-up,\\n.stackline-dropdown.theme-custom .selected-list .fa-angle-up {\\n position: absolute;\\n top: 50%;\\n right: 16px;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 20px;\\n height: 20px;\\n transform: translateY(-50%);\\n color: var(--ms-on-surface-muted);\\n font-size: 15pt;\\n pointer-events: none;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list,\\n.stackline-dropdown.theme-dark .dropdown-list,\\n.stackline-dropdown.theme-custom .dropdown-list {\\n position: absolute;\\n width: 100%;\\n padding-top: 8px;\\n z-index: 99999;\\n}\\n\\n.stackline-dropdown.theme-material .arrow-up,\\n.stackline-dropdown.theme-dark .arrow-up,\\n.stackline-dropdown.theme-custom .arrow-up,\\n.stackline-dropdown.theme-material .arrow-down,\\n.stackline-dropdown.theme-dark .arrow-down,\\n.stackline-dropdown.theme-custom .arrow-down,\\n.stackline-dropdown.theme-material .arrow-2,\\n.stackline-dropdown.theme-dark .arrow-2,\\n.stackline-dropdown.theme-custom .arrow-2 {\\n display: none;\\n}\\n\\n.stackline-dropdown.theme-material .list-area,\\n.stackline-dropdown.theme-dark .list-area,\\n.stackline-dropdown.theme-custom .list-area {\\n overflow: hidden;\\n border-radius: 22px;\\n background: var(--ms-surface);\\n border: 1px solid var(--ms-outline);\\n box-shadow: var(--ms-shadow);\\n margin: 0;\\n}\\n\\n.stackline-dropdown.theme-material .select-all,\\n.stackline-dropdown.theme-dark .select-all,\\n.stackline-dropdown.theme-custom .select-all {\\n padding: 10px 14px;\\n border-bottom: 1px solid var(--ms-divider);\\n background: var(--ms-section-bg);\\n text-align: left;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter,\\n.stackline-dropdown.theme-dark .list-filter,\\n.stackline-dropdown.theme-custom .list-filter {\\n position: relative;\\n display: flex;\\n align-items: center;\\n min-height: 52px;\\n padding-left: 48px;\\n padding-right: 44px;\\n border-bottom: 1px solid var(--ms-divider);\\n background: var(--ms-surface);\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input,\\n.stackline-dropdown.theme-dark .list-filter input,\\n.stackline-dropdown.theme-custom .list-filter input {\\n width: 100%;\\n height: 100%;\\n border: 0;\\n background: transparent;\\n color: var(--ms-on-surface);\\n font: inherit;\\n padding: 0;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input::placeholder,\\n.stackline-dropdown.theme-dark .list-filter input::placeholder,\\n.stackline-dropdown.theme-custom .list-filter input::placeholder {\\n color: var(--ms-on-surface-muted);\\n}\\n\\n.stackline-dropdown.theme-material .list-filter input:focus,\\n.stackline-dropdown.theme-dark .list-filter input:focus,\\n.stackline-dropdown.theme-custom .list-filter input:focus {\\n outline: none;\\n}\\n\\n.stackline-dropdown.theme-material .list-filter .fa,\\n.stackline-dropdown.theme-dark .list-filter .fa,\\n.stackline-dropdown.theme-custom .list-filter .fa {\\n position: absolute;\\n top: 50%;\\n left: 16px;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n width: 18px;\\n height: 18px;\\n transform: translateY(-50%);\\n color: var(--ms-on-surface-muted);\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul,\\n.stackline-dropdown.theme-dark .dropdown-list ul,\\n.stackline-dropdown.theme-custom .dropdown-list ul {\\n list-style: none;\\n margin: 0;\\n padding: 8px;\\n overflow: auto;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li,\\n.stackline-dropdown.theme-dark .dropdown-list ul li,\\n.stackline-dropdown.theme-custom .dropdown-list ul li {\\n align-items: center;\\n min-height: 0;\\n margin: 4px;\\n padding: 12px 14px;\\n border-radius: 14px;\\n cursor: pointer;\\n text-align: left;\\n line-height: 1.35;\\n transition: background-color 0.16s ease, color 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:first-child,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:first-child,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:first-child {\\n padding-top: 12px;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:last-child,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:last-child,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:last-child {\\n padding-bottom: 12px;\\n}\\n\\n.stackline-dropdown.theme-material .dropdown-list ul li:hover,\\n.stackline-dropdown.theme-dark .dropdown-list ul li:hover,\\n.stackline-dropdown.theme-custom .dropdown-list ul li:hover {\\n background: var(--ms-surface-soft);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox,\\n.stackline-dropdown.theme-dark .pure-checkbox,\\n.stackline-dropdown.theme-custom .pure-checkbox {\\n position: relative;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label {\\n position: relative;\\n display: block;\\n width: 100%;\\n margin: 0;\\n padding-left: 32px;\\n color: inherit;\\n cursor: pointer;\\n font-weight: 500;\\n user-select: none;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label:before {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 0;\\n width: 16px;\\n height: 16px;\\n margin-top: -10px;\\n border: 2px solid var(--ms-outline-strong);\\n border-radius: 5px;\\n background: var(--ms-surface);\\n transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox] + label:after,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox] + label:after,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox] + label:after {\\n box-sizing: content-box;\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 5px;\\n width: 8px;\\n height: 3px;\\n margin-top: -4px;\\n border-style: solid;\\n border-color: #ffffff;\\n border-width: 0 0 3px 3px;\\n border-image: none;\\n background: transparent;\\n transform: rotate(-45deg) scale(0);\\n transform-origin: 50%;\\n transition: transform 0.16s ease;\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:focus + label:before,\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:hover + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:hover + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:hover + label:before {\\n border-color: var(--ms-primary);\\n background: var(--ms-surface-soft);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked + label:before,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked + label:before,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked + label:before {\\n border-color: var(--ms-primary);\\n background: var(--ms-primary);\\n}\\n\\n.stackline-dropdown.theme-material .pure-checkbox input[type=checkbox]:checked + label:after,\\n.stackline-dropdown.theme-dark .pure-checkbox input[type=checkbox]:checked + label:after,\\n.stackline-dropdown.theme-custom .pure-checkbox input[type=checkbox]:checked + label:after {\\n transform: rotate(-45deg) scale(1);\\n}\\n\\n.stackline-dropdown.theme-material .list-message,\\n.stackline-dropdown.theme-dark .list-message,\\n.stackline-dropdown.theme-custom .list-message {\\n margin: 0;\\n padding: 20px 14px;\\n color: var(--ms-on-surface-muted);\\n text-align: center;\\n}\\n\"],\n providers: [DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALIDATION]\n})\n\nexport class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChanges, Validator {\n\n @Input()\n data: Array<ListItem>;\n\n @Input()\n settings: DropdownSettings;\n\n @Output('onSelect')\n onSelect: EventEmitter<ListItem> = new EventEmitter<ListItem>();\n\n @Output('onDeSelect')\n onDeSelect: EventEmitter<ListItem> = new EventEmitter<ListItem>();\n\n @Output('onSelectAll')\n onSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();\n\n @Output('onDeSelectAll')\n onDeSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();\n\n @Output('onOpen')\n onOpen: EventEmitter<any> = new EventEmitter<any>();\n\n @Output('onClose')\n onClose: EventEmitter<any> = new EventEmitter<any>();\n\n @ContentChild(Item, { static: false }) itemTempl: Item;\n @ContentChild(Badge, { static: false }) badgeTempl: Badge;\n\n\n @ViewChild('searchInput', { static: false }) searchInput: ElementRef;\n\n public selectedItems: Array<ListItem>;\n public isActive: boolean = false;\n public isSelectAll: boolean = false;\n public groupedData: Array<ListItem>;\n filter: any;\n public chunkArray:any[];\n public scrollTop:any;\n public chunkIndex:any[] = [];\n public cachedItems:any[] = [];\n public totalRows:any;\n public itemHeight:any = 41.6;\n public screenItemsLen:any;\n public cachedItemsLen:any;\n public totalHeight: any;\n public scroller:any;\n public maxBuffer:any;\n public lastScrolled:any;\n public lastRepaintY: any;\n\n defaultSettings: DropdownSettings = {\n singleSelection: false,\n text: 'Select',\n enableCheckAll: true,\n selectAllText: 'Select All',\n unSelectAllText: 'UnSelect All',\n enableSearchFilter: false,\n maxHeight: 300,\n badgeShowLimit: 999999999999,\n classes: '',\n disabled: false,\n searchPlaceholderText: 'Search',\n showCheckbox: true,\n noDataLabel: 'No Data Available',\n searchAutofocus: true,\n lazyLoading: false,\n labelKey: 'itemName',\n theme: 'classic',\n skin: 'classic'\n }\n public parseError: boolean;\n constructor(public _elementRef : ElementRef) {\n\n }\n getThemeName(): string {\n let rawTheme: any = 'classic';\n if (this.settings) {\n rawTheme = this.settings.skin || this.settings.theme || 'classic';\n }\n let theme = String(rawTheme).toLowerCase().replace(/[^a-z0-9_-]+/g, '-');\n theme = theme.replace(/^-+|-+$/g, '');\n return theme || 'classic';\n }\n getDropdownClasses(): string {\n let theme = this.getThemeName();\n let className = 'theme-' + theme;\n if (theme !== 'classic' && theme !== 'material' && theme !== 'dark' && theme !== 'custom') {\n className += ' theme-custom';\n }\n if (this.isActive) {\n className += ' is-open';\n }\n if (this.settings && this.settings.disabled) {\n className += ' is-disabled';\n }\n return className;\n }\n ngOnInit() {\n this.settings = Object.assign(this.defaultSettings, this.settings);\n if (this.settings.groupBy) {\n this.groupedData = this.transformData(this.data, this.settings.groupBy);\n }\n this.totalRows = (this.data && this.data.length);\n this.cachedItems = this.data;\n this.screenItemsLen = Math.ceil(this.settings.maxHeight / this.itemHeight);\n this.cachedItemsLen = this.screenItemsLen * 3;\n this.totalHeight = this.itemHeight * this.totalRows;\n this.maxBuffer = this.screenItemsLen * this.itemHeight;\n this.lastScrolled = 0;\n this.renderChunk(0, this.cachedItemsLen / 2);\n }\n ngOnChanges(changes: SimpleChanges) {\n if (changes.data && !changes.data.isFirstChange()) {\n if (this.settings.groupBy) {\n this.groupedData = this.transformData(this.data, this.settings.groupBy);\n if (this.data.length == 0) {\n this.selectedItems = [];\n }\n }\n }\n if (changes.settings && !changes.settings.isFirstChange()) {\n this.settings = Object.assign(this.defaultSettings, this.settings);\n }\n }\n ngDoCheck() {\n if (this.selectedItems) {\n if (this.selectedItems.length == 0 || this.data.length == 0 || this.selectedItems.length < this.data.length) {\n this.isSelectAll = false;\n }\n }\n }\n ngAfterViewInit() {\n if(this.settings.lazyLoading){\n this._elementRef.nativeElement.getElementsByClassName(\"lazyContainer\")[0].addEventListener('scroll', this.onScroll.bind(this));\n }\n }\n onItemClick(item: ListItem, index: number, evt: Event) {\n if (this.settings.disabled) {\n return false;\n }\n\n let found = this.isSelected(item);\n let limit = this.selectedItems.length < this.settings.limitSelection ? true : false;\n\n if (!found) {\n if (this.settings.limitSelection) {\n if (limit) {\n this.addSelected(item);\n this.onSelect.emit(item);\n }\n }\n else {\n this.addSelected(item);\n this.onSelect.emit(item);\n }\n\n }\n else {\n this.removeSelected(item);\n this.onDeSelect.emit(item);\n }\n if (this.isSelectAll || this.data.length > this.selectedItems.length) {\n this.isSelectAll = false;\n }\n if (this.data.length == this.selectedItems.length) {\n this.isSelectAll = true;\n }\n }\n public validate(c: FormControl): any {\n return null;\n }\n private onTouchedCallback: (_: any) => void = noop;\n private onChangeCallback: (_: any) => void = noop;\n\n writeValue(value: any) {\n if (value !== undefined && value !== null) {\n if (this.settings.singleSelection) {\n try {\n\n if (value.length > 1) {\n this.selectedItems = [value[0]];\n throw new MyException(404, { \"msg\": \"Single Selection Mode, Selected Items cannot have more than one item.\" });\n }\n else {\n this.selectedItems = value;\n }\n }\n catch (e) {\n console.error(e.body.msg);\n }\n\n }\n else {\n if (this.settings.limitSelection) {\n this.selectedItems = value.splice(0, this.settings.limitSelection);\n }\n else {\n this.selectedItems = value;\n }\n if (this.selectedItems.length === this.data.length && this.data.length > 0) {\n this.isSelectAll = true;\n }\n }\n } else {\n this.selectedItems = [];\n }\n }\n\n //From ControlValueAccessor interface\n registerOnChange(fn: any) {\n this.onChangeCallback = fn;\n }\n\n //From ControlValueAccessor interface\n registerOnTouched(fn: any) {\n this.onTouchedCallback = fn;\n }\n trackByFn(index: number, item: ListItem) {\n return item.id;\n }\n isSelected(clickedItem: ListItem) {\n let found = false;\n this.selectedItems && this.selectedItems.forEach(item => {\n if (clickedItem.id === item.id) {\n found = true;\n }\n });\n return found;\n }\n addSelected(item: ListItem) {\n if (this.settings.singleSelection) {\n this.selectedItems = [];\n this.selectedItems.push(item);\n this.closeDropdown();\n }\n else\n this.selectedItems.push(item);\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n }\n removeSelected(clickedItem: ListItem) {\n this.selectedItems && this.selectedItems.forEach(item => {\n if (clickedItem.id === item.id) {\n this.selectedItems.splice(this.selectedItems.indexOf(item), 1);\n }\n });\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n }\n toggleDropdown(evt: any) {\n if (this.settings.disabled) {\n return false;\n }\n this.isActive = !this.isActive;\n if (this.isActive) {\n if (this.settings.searchAutofocus && this.settings.enableSearchFilter) {\n setTimeout(() => {\n this.searchInput.nativeElement.focus();\n }, 0);\n }\n this.onOpen.emit(true);\n }\n else {\n this.onClose.emit(false);\n }\n evt.preventDefault();\n }\n closeDropdown() {\n if(this.searchInput){\n this.searchInput.nativeElement.value = \"\";\n this.data = [];\n this.data = this.cachedItems;\n this.totalHeight = this.itemHeight * this.data.length;\n this.totalRows = this.data.length;\n this.updateView(this.scrollTop);\n }\n this.filter = \"\";\n this.isActive = false;\n this.onClose.emit(false);\n }\n toggleSelectAll() {\n if (!this.isSelectAll) {\n this.selectedItems = [];\n this.selectedItems = this.data.slice();\n this.isSelectAll = true;\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n\n this.onSelectAll.emit(this.selectedItems);\n }\n else {\n this.selectedItems = [];\n this.isSelectAll = false;\n this.onChangeCallback(this.selectedItems);\n this.onTouchedCallback(this.selectedItems);\n\n this.onDeSelectAll.emit(this.selectedItems);\n }\n }\n transformData(arr: Array<ListItem>, field: any): Array<ListItem> {\n const groupedObj: any = arr.reduce((prev: any, cur: any) => {\n if (!prev[cur[field]]) {\n prev[cur[field]] = [cur];\n } else {\n prev[cur[field]].push(cur);\n }\n return prev;\n }, {});\n const tempArr: any = [];\n Object.keys(groupedObj).map(function (x) {\n tempArr.push({ key: x, value: groupedObj[x] });\n });\n return tempArr;\n }\n renderChunk(fromPos:any, howMany:any) {\n this.chunkArray = [];\n this.chunkIndex = [];\n var finalItem = fromPos + howMany;\n if (finalItem > this.totalRows)\n finalItem = this.totalRows;\n\n for (var i = fromPos; i < finalItem; i++) {\n this.chunkIndex.push((i * this.itemHeight) + 'px');\n this.chunkArray.push(this.data[i]);\n }\n }\n public onScroll(e:any) {\n this.scrollTop = e.target.scrollTop;\n this.updateView(this.scrollTop);\n\n }\n public updateView(scrollTop:any){\n var scrollPos = scrollTop ? scrollTop: 0;\n var first = (scrollPos / this.itemHeight) - this.screenItemsLen;\n var firstTemp = \"\"+first;\n first = parseInt(firstTemp) < 0 ? 0 : parseInt(firstTemp);\n this.renderChunk(first, this.cachedItemsLen);\n this.lastRepaintY = scrollPos;\n }\n public filterInfiniteList(evt: any){\n var filteredElems:Array<any> = [];\n this.data = this.cachedItems.slice();\n if(evt.target.value.toString() != ''){\n this.data.filter(function(el:any){\n for(var prop in el){\n if(el[prop].toString().toLowerCase().indexOf(evt.target.value.toString().toLowerCase()) >=0 ){\n filteredElems.push(el);\n break;\n }\n }\n });\n //this.cachedItems = this.data;\n this.totalHeight = this.itemHeight * filteredElems.length;\n this.totalRows = filteredElems.length;\n this.data = [];\n this.data = filteredElems;\n this.updateView(this.scrollTop);\n }\n else if(evt.target.value.toString() == '' && this.cachedItems.length > 0){\n this.data = [];\n this.data = this.cachedItems;\n this.totalHeight = this.itemHeight * this.data.length;\n this.totalRows = this.data.length;\n this.updateView(this.scrollTop);\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n declarations: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge],\n exports: [AngularMultiSelect, ClickOutsideDirective, ScrollDirective, styleDirective, ListFilterPipe, Item, TemplateRenderer, Badge]\n})\nexport class AngularMultiSelectModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackline/angular-multiselect-dropdown",
3
- "version": "20.0.0",
4
- "description": "Angular 20 compatible multiselect dropdown package for the Stackline Angular 20 release line.",
3
+ "version": "21.0.0",
4
+ "description": "Angular 21 compatible multiselect dropdown package for the Stackline Angular 21 release line.",
5
5
  "license": "MIT",
6
6
  "author": "Pradeep Terli",
7
7
  "repository": {
@@ -11,32 +11,33 @@
11
11
  "bugs": {
12
12
  "url": "https://github.com/alexandroit/angular-multiselect-dropdown/issues"
13
13
  },
14
- "homepage": "https://alexandro.net/docs/angular/multiselect/angular-20/",
14
+ "homepage": "https://alexandro.net/docs/angular/multiselect/angular-21/",
15
15
  "keywords": [
16
16
  "angular 2 multiselect dropdown",
17
- "angular 20 multiselect dropdown",
17
+ "angular 21 multiselect dropdown",
18
18
  "angular multiselect",
19
19
  "angular dropdown"
20
20
  ],
21
21
  "peerDependencies": {
22
- "@angular/common": ">=20.0.0 <21.0.0",
23
- "@angular/core": ">=20.0.0 <21.0.0",
24
- "@angular/forms": ">=20.0.0 <21.0.0"
22
+ "@angular/common": ">=21.0.0 <22.0.0",
23
+ "@angular/core": ">=21.0.0 <22.0.0",
24
+ "@angular/forms": ">=21.0.0 <22.0.0"
25
25
  },
26
26
  "dependencies": {
27
27
  "font-awesome": "*",
28
28
  "tslib": "^2.3.0"
29
29
  },
30
30
  "module": "fesm2022/stackline-angular-multiselect-dropdown.mjs",
31
- "typings": "index.d.ts",
31
+ "typings": "types/stackline-angular-multiselect-dropdown.d.ts",
32
32
  "exports": {
33
33
  "./package.json": {
34
34
  "default": "./package.json"
35
35
  },
36
36
  ".": {
37
- "types": "./index.d.ts",
37
+ "types": "./types/stackline-angular-multiselect-dropdown.d.ts",
38
38
  "default": "./fesm2022/stackline-angular-multiselect-dropdown.mjs"
39
39
  }
40
40
  },
41
- "sideEffects": false
41
+ "sideEffects": false,
42
+ "type": "module"
42
43
  }
package/{index.d.ts → types/stackline-angular-multiselect-dropdown.d.ts} RENAMED
@@ -65,16 +65,16 @@ declare class TemplateRenderer implements OnInit, OnDestroy {
65
65
  declare class ClickOutsideDirective {
66
66
  private _elementRef;
67
67
  constructor(_elementRef: ElementRef);
68
- clickOutside: EventEmitter<MouseEvent>;
69
- onClick(event: MouseEvent, targetElement: HTMLElement): void;
68
+ clickOutside: EventEmitter<Event>;
69
+ onClick(event: Event, targetElement: EventTarget | null): void;
70
70
  static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
71
71
  static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, {}, { "clickOutside": "clickOutside"; }, never, never, false, never>;
72
72
  }
73
73
  declare class ScrollDirective {
74
74
  private _elementRef;
75
75
  constructor(_elementRef: ElementRef);
76
- scroll: EventEmitter<MouseEvent>;
77
- onClick(event: MouseEvent, targetElement: HTMLElement): void;
76
+ scroll: EventEmitter<Event>;
77
+ onClick(event: Event): void;
78
78
  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollDirective, never>;
79
79
  static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollDirective, "[scroll]", never, {}, { "scroll": "scroll"; }, never, never, false, never>;
80
80
  }