import { Component } from '@angular/core';
import { PopupSelectComponentClass } from '../select/select.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/router";
import * as i4 from "../../sort-by.pipe";
export class SelectWithSwapComponent extends PopupSelectComponentClass {
}
SelectWithSwapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectWithSwapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
SelectWithSwapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectWithSwapComponent, selector: "epom-popup-select-with-swap", usesInheritance: true, ngImport: i0, template: "<div class=\"row row-border-top row-space-40\">\n  <div class=\"col-md-6 col-right-border\">\n    <label class=\"control-label table-list-label\">Available Filters</label>\n    <div class=\"form-group has-feedback\">\n      <input type=\"text\" class=\"form-control\" placeholder=\"Search...\" id=\"inputSuccess2\" aria-describedby=\"inputSuccess2Status\"\n             [(ngModel)]=\"searchString\" (ngModelChange)=\"filter()\">\n      <i class=\"icon-search form-control-feedback\" aria-hidden=\"true\"></i>\n    </div>\n    <ul class=\"table-list\">\n      <li *ngFor=\"let item of (filteredItems | sortBy:'name'); let index = index\">\n        <div class=\"table-list-item\" *ngIf=\"!item['hidden']\">\n          <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{item.name}}</span>\n          <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"><a [title]=\"item.name\" [routerLink]=\"item.url\">{{item.name}}</a></span>\n          <span class=\"status-switcher-list\">\n              <span *ngIf=\"!isDisabled\" class=\"status-switcher status-switcher-allow\" (click)=\"addToSelected(item, index, type)\">add</span>\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-6 col-left-border\">\n    <label *ngIf=\"!isDisabled\" class=\"control-label table-list-label text-success\">\n      <span class=\"{{include ? 'text-success' : 'text-danger'}}\" (click)=\"swapInclude()\">\n        {{include ? 'Include' : 'Exclude'}}\n      </span>\n      Filters {{selectedSet.size}}\n      <button class=\"pull-right btn-as-link\" (click)=\"clearSelected()\">\n        Clear all\n      </button>\n    </label>\n    <ul class=\"table-list\">\n      <li *ngFor=\"let item of selectedSet\">\n        <div class=\"table-list-item table-list-item-allow {{item['type'] === 'WHITE' ? 'text-success': 'text-danger'}}\">\n          <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{item.name}}</span>\n          <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"><a [title]=\"item.name\" [routerLink]=\"item.url\">{{item.name}}</a></span>\n          <button *ngIf=\"!isDisabled\" type=\"button\" class=\"close\" (click)=\"deleteFromSelected(item)\"><span aria-hidden=\"true\">\u00D7</span></button>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.SortByPipe, name: "sortBy" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectWithSwapComponent, decorators: [{
            type: Component,
            args: [{ selector: 'epom-popup-select-with-swap', template: "<div class=\"row row-border-top row-space-40\">\n  <div class=\"col-md-6 col-right-border\">\n    <label class=\"control-label table-list-label\">Available Filters</label>\n    <div class=\"form-group has-feedback\">\n      <input type=\"text\" class=\"form-control\" placeholder=\"Search...\" id=\"inputSuccess2\" aria-describedby=\"inputSuccess2Status\"\n             [(ngModel)]=\"searchString\" (ngModelChange)=\"filter()\">\n      <i class=\"icon-search form-control-feedback\" aria-hidden=\"true\"></i>\n    </div>\n    <ul class=\"table-list\">\n      <li *ngFor=\"let item of (filteredItems | sortBy:'name'); let index = index\">\n        <div class=\"table-list-item\" *ngIf=\"!item['hidden']\">\n          <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{item.name}}</span>\n          <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"><a [title]=\"item.name\" [routerLink]=\"item.url\">{{item.name}}</a></span>\n          <span class=\"status-switcher-list\">\n              <span *ngIf=\"!isDisabled\" class=\"status-switcher status-switcher-allow\" (click)=\"addToSelected(item, index, type)\">add</span>\n          </span>\n        </div>\n      </li>\n    </ul>\n  </div>\n  <div class=\"col-md-6 col-left-border\">\n    <label *ngIf=\"!isDisabled\" class=\"control-label table-list-label text-success\">\n      <span class=\"{{include ? 'text-success' : 'text-danger'}}\" (click)=\"swapInclude()\">\n        {{include ? 'Include' : 'Exclude'}}\n      </span>\n      Filters {{selectedSet.size}}\n      <button class=\"pull-right btn-as-link\" (click)=\"clearSelected()\">\n        Clear all\n      </button>\n    </label>\n    <ul class=\"table-list\">\n      <li *ngFor=\"let item of selectedSet\">\n        <div class=\"table-list-item table-list-item-allow {{item['type'] === 'WHITE' ? 'text-success': 'text-danger'}}\">\n          <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{item.name}}</span>\n          <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"><a [title]=\"item.name\" [routerLink]=\"item.url\">{{item.name}}</a></span>\n          <button *ngIf=\"!isDisabled\" type=\"button\" class=\"close\" (click)=\"deleteFromSelected(item)\"><span aria-hidden=\"true\">\u00D7</span></button>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n" }]
        }] });
//# sourceMappingURL=data:application/json;base64, 