@stackline/angular-multiselect-dropdown 12.0.0 → 14.0.0

package/src/app/angular2-multiselect-dropdown/angular2-multiselect-dropdown.ts

@@ -1,6 +0,0 @@
-export { AngularMultiSelect } from './multiselect.component';
-export { ClickOutsideDirective } from './clickOutside';
-export { ListFilterPipe } from './list-filter';
-export { Item } from './menu-item';
-export { TemplateRenderer } from './menu-item';
-export { AngularMultiSelectModule } from './multiselect.component';

package/src/app/angular2-multiselect-dropdown/clickOutside.ts

@@ -1,60 +0,0 @@
-import {Directive, ElementRef, Output, EventEmitter, HostListener, Input} from '@angular/core';
-
-@Directive({
-    selector: '[clickOutside]'
-})
-export class ClickOutsideDirective {
-    constructor(private _elementRef: ElementRef) {
-    }
-
-    @Output()
-    public clickOutside = new EventEmitter<MouseEvent>();
-
-    @HostListener('document:click', ['$event', '$event.target'])
-    @HostListener('document:touchstart', ['$event', '$event.target'])
-    public onClick(event: MouseEvent, targetElement: HTMLElement): void {
-        if (!targetElement) {
-            return;
-        }
-
-        const clickedInside = this._elementRef.nativeElement.contains(targetElement);
-        if (!clickedInside) {
-            this.clickOutside.emit(event);
-        }
-    }
-}
-
-@Directive({
-    selector: '[scroll]'
-})
-export class ScrollDirective {
-    constructor(private _elementRef: ElementRef) {
-    }
-
-    @Output()
-    public scroll = new EventEmitter<MouseEvent>();
-
-    @HostListener('scroll', ['$event'])
-    public onClick(event: MouseEvent, targetElement: HTMLElement): void {
-        this.scroll.emit(event);
-    }
-}
-@Directive({
-  selector: '[styleProp]'
-})
-export class styleDirective {
-
-  constructor(private el: ElementRef) {
-
-   }
-
-  @Input('styleProp') styleVal: number;
-
-   ngOnInit() {
-
-      this.el.nativeElement.style.top = this.styleVal;
-   }
-    ngOnChanges(): void {
-       this.el.nativeElement.style.top = this.styleVal;
-  }
-}

package/src/app/angular2-multiselect-dropdown/index.ts

@@ -1,6 +0,0 @@
-export { AngularMultiSelect } from './multiselect.component';
-export { ClickOutsideDirective } from './clickOutside';
-export { ListFilterPipe } from './list-filter';
-export { Item } from './menu-item';
-export { TemplateRenderer } from './menu-item';
-export { AngularMultiSelectModule } from './multiselect.component';

package/src/app/angular2-multiselect-dropdown/list-filter.ts

@@ -1,29 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-import { ListItem } from './multiselect.model';
-
-@Pipe({
-    name: 'listFilter',
-    pure: false
-})
-export class ListFilterPipe implements PipeTransform {
-    transform(items: ListItem[], filter: any): ListItem[] {
-        if (!items || !filter) {
-            return items;
-        }
-        return items.filter((item: any) => this.applyFilter(item, filter));
-    }
-    applyFilter(item: any, filter: any): boolean {
-        let found = false;
-        for (var prop in item) {
-            if (filter) {
-                if (item[prop].toString().toLowerCase().indexOf(filter.toLowerCase()) >= 0) {
-                    found = true;
-                }
-            }
-            else
-                found = true;
-        }
-        return found;
-    }
-}

package/src/app/angular2-multiselect-dropdown/menu-item.ts

@@ -1,55 +0,0 @@
-import { Component, OnInit, OnDestroy, NgModule, TemplateRef, AfterContentInit, ContentChild, EmbeddedViewRef, OnChanges, ViewContainerRef, ViewEncapsulation, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';
-import { SafeResourceUrl, DomSanitizer } from '@angular/platform-browser';
-import { CommonModule }       from '@angular/common';
-
-@Component({
-  selector: 'c-item',
-  template: ``
-})
-
-export class Item { 
-
-    @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>
-    constructor() {   
-    }
-
-}
-
-@Component({
-  selector: 'c-badge',
-  template: ``
-})
-
-export class Badge { 
-
-    @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>
-    constructor() {   
-    }
-
-}
-
-@Component({
-  selector: 'c-templateRenderer',
-  template: ``
-})
-
-export class TemplateRenderer implements OnInit, OnDestroy { 
-
-    @Input() data: any
-    @Input() item: any
-    view: EmbeddedViewRef<any>;
-
-    constructor(public viewContainer: ViewContainerRef) {   
-    }
-    ngOnInit() {
-        this.view = this.viewContainer.createEmbeddedView(this.data.template, {
-            '\$implicit': this.data,
-            'item':this.item
-        });
-    }
-	
-    ngOnDestroy() {
-		this.view.destroy();
-	}
-
-}

package/src/app/angular2-multiselect-dropdown/multiselect.component.html

@@ -1,88 +0,0 @@
-<div class="stackline-dropdown" [ngClass]="getDropdownClasses()" (clickOutside)="closeDropdown()">
-    <div class="selected-list">
-        <div class="c-btn" (click)="toggleDropdown($event)" [ngClass]="{'disabled': settings.disabled}">
-            <span *ngIf="selectedItems?.length == 0">{{settings.text}}</span>
-            <span *ngIf="settings.singleSelection">
-                <span *ngFor="let item of selectedItems;trackBy: trackByFn;">
-                    {{item[settings.labelKey]}}
-                </span>
-            </span>
-            <div class="c-list" *ngIf="selectedItems?.length > 0 && !settings.singleSelection">
-                <div class="c-token" *ngFor="let item of selectedItems;trackBy: trackByFn;let k = index" [hidden]="k > settings.badgeShowLimit-1">
-                    <span *ngIf="!badgeTempl" class="c-label">{{item[settings.labelKey]}}</span>
-                    <span *ngIf="badgeTempl" class="c-label">
-                        <c-templateRenderer [data]="badgeTempl" [item]="item"></c-templateRenderer>
-                    </span>
-                    <span class="fa fa-remove" (click)="onItemClick(item,k,$event)"></span>
-                </div>
-            </div> 
-            <span class="countplaceholder" *ngIf="selectedItems?.length > settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}</span>
-            <span class="fa" [ngClass]="{'fa-angle-down': !isActive,'fa-angle-up':isActive}"></span>
-        </div>      
-    </div>
-    <div class="dropdown-list" [hidden]="!isActive">
-    <div class="arrow-up arrow-2"></div>
-    <div class="arrow-up"></div>
-    <div class="list-area">
-        <div class="pure-checkbox select-all" *ngIf="settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection" (click)="toggleSelectAll()">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelectAll" [disabled]="settings.limitSelection == selectedItems?.length"/>
-            <label>
-                <span [hidden]="isSelectAll">{{settings.selectAllText}}</span>
-                <span [hidden]="!isSelectAll">{{settings.unSelectAllText}}</span>
-            </label>
-        </div>   
-        <div class="list-filter" *ngIf="settings.enableSearchFilter && !settings.lazyLoading">
-            <span class="fa fa-search"></span>
-            <input #searchInput type="text" [placeholder]="settings.searchPlaceholderText" [(ngModel)]="filter">
-        </div> 
-        <div class="list-filter" *ngIf="settings.enableSearchFilter && settings.lazyLoading">
-            <span class="fa fa-search"></span>
-            <input #searchInput type="text" [placeholder]="settings.searchPlaceholderText" (keyup)="filterInfiniteList($event)">
-        </div>
-    <ul *ngIf="!settings.groupBy" [style.maxHeight] = "settings.maxHeight+'px'" class="lazyContainer" >
-        <span *ngIf="itemTempl">
-            <li *ngFor="let item of data | listFilter:filter; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>
-            <label></label>
-            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>
-        </li>
-        </span>
-        <span *ngIf="!itemTempl && !settings.lazyLoading" >
-        <li *ngFor="let item of data | listFilter:filter; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>
-            <label>{{item[settings.labelKey]}}</label>
-        </li>
-        </span>
-        <span *ngIf="!itemTempl && settings.lazyLoading" >
-            <div [ngStyle]="{'height':totalHeight+'px'}" style="position: relative;">
-
-            
-        <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]">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>
-            <label>{{item[settings.labelKey]}}</label>
-        </li>
-        </div>
-        </span>
-    </ul>
-    <div *ngIf="settings.groupBy" [style.maxHeight] = "settings.maxHeight+'px'" style="overflow: auto;">
-    <ul *ngFor="let obj of groupedData ; let i = index;" class="list-grp">
-        <h4 *ngIf="(obj.value | listFilter:filter ).length > 0">{{obj.key}}</h4>
-        <span *ngIf="itemTempl" >
-        <li *ngFor="let item of obj.value | listFilter:filter; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>
-            <label></label>
-            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>
-        </li>
-        </span>
-        <span *ngIf="!itemTempl" >
-        <li *ngFor="let item of obj.value | listFilter:filter; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">
-            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>
-            <label>{{item[settings.labelKey]}}</label>
-        </li>
-        </span>
-    </ul>
-    </div>
-    <h5 class="list-message" *ngIf="data?.length == 0">{{settings.noDataLabel}}</h5>
-    </div>
-    </div>
-</div>