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 SelectWithCommonButton extends PopupSelectComponentClass {
}
SelectWithCommonButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectWithCommonButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
SelectWithCommonButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectWithCommonButton, selector: "epom-popup-select-with-common", usesInheritance: true, ngImport: i0, template: "<div class=\"row row-border-top row-space-40\">\n  <div class=\"col-md-6 col-right-border pr-16\">\n    <label class=\"headline-4\">Available</label>\n    <div class=\"search-container form-control-wrapper\">\n      <input\n        type=\"text\"\n        class=\"search-control form-control\"\n        placeholder=\"Search\"\n        id=\"inputSuccess2\"\n        aria-describedby=\"inputSuccess2Status\"\n        [(ngModel)]=\"searchString\"\n        (ngModelChange)=\"onSearchInput()\"\n      />\n      <span *ngIf=\"!searchString.length\" class=\"material-icons search-icon\" aria-hidden=\"true\">search</span>\n      <span\n        *ngIf=\"searchString.length\"\n        class=\"material-icons search-icon\"\n        aria-hidden=\"true\"\n        (click)=\"clearSearchInput()\"\n        >close</span\n      >\n    </div>\n    <ul class=\"table-list\">\n      <ng-container *ngFor=\"let item of (filteredItems | sortBy: sortField || ''); let index = index\">\n        <li class=\"table-list-item-card\" *ngIf=\"!item['hidden']\">\n          <div class=\"select-rows\">\n            <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{ item.name }}</span>\n            <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"\n              ><a class=\"link\" [title]=\"item.name\" [routerLink]=\"item.url\">{{ item.name }}</a></span\n            >\n            <span\n              class=\"status-switcher-list\"\n              *ngIf=\"popupType !== 'filtersListMedia' && ( limitSelection === 0 || selectedSet.size < limitSelection )\"\n            >\n              <span *ngIf=\"!isDisabled\" class=\"button-link\" (click)=\"addToSelected(item, index, 'WHITE')\"\n                ><span class=\"material-icons button-icon button-icon-primary button-icon-small\">add_circle_outline</span\n                >Add</span\n              >\n              <!--<span *ngIf=\"!isDisabled\" class=\"status-switcher status-switcher-block\" (click)=\"addToSelected(item, index, 'BLACK')\">block</span>-->\n            </span>\n            <span class=\"status-switcher-list\" *ngIf=\"popupType === 'filtersListMedia'\">\n              <span *ngIf=\"!isDisabled\" class=\"status-switcher\" (click)=\"addToSelected(item, index)\">add</span>\n            </span>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n    <button\n      *ngIf=\"isShowMoreAvailable | async\"\n      class=\"button button-outlined mt-8\"\n      [attr.data-qa]=\"'showMore'\"\n      (click)=\"showMore()\"\n    >\n      Show more\n    </button>\n  </div>\n  <div class=\"col-md-6 col-left-border pl-16\">\n    <div class=\"right-column\">\n      <div>\n        <span *ngIf=\"!isDisabled\" class=\"headline-4\">Linked ({{ selectedSet.size }})</span>\n        <span class=\"button-link clear-button\" (click)=\"clearSelected()\"> Clear all </span>\n      </div>\n      <ul class=\"table-list\">\n        <li class=\"right-column-item\" *ngFor=\"let item of selectedSet\">\n          <div\n            class=\"table-list-item-card table-list-item-allow {{item['type'] === 'BLACK' ? 'text-danger' : 'text-success'}}\"\n          >\n            <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{ item.name }}</span>\n            <span *ngIf=\"!!item['url']\" class=\"filter-name-span\">\n              <a [title]=\"item.name\" [routerLink]=\"item.url\" class=\"link\">{{ item.name }}</a></span\n            >\n          </div>\n          <span\n            *ngIf=\"!isDisabled\"\n            class=\"material-icons material-icons-outlined button-icon-middle button-icon-outline\"\n            (click)=\"deleteFromSelected(item)\"\n            >close</span\n          >\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".search-container{margin-right:0;max-width:441px!important}.close-icon{width:18px;height:18px}.clear-button{float:right}\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: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SortByPipe, name: "sortBy" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectWithCommonButton, decorators: [{
            type: Component,
            args: [{ selector: 'epom-popup-select-with-common', template: "<div class=\"row row-border-top row-space-40\">\n  <div class=\"col-md-6 col-right-border pr-16\">\n    <label class=\"headline-4\">Available</label>\n    <div class=\"search-container form-control-wrapper\">\n      <input\n        type=\"text\"\n        class=\"search-control form-control\"\n        placeholder=\"Search\"\n        id=\"inputSuccess2\"\n        aria-describedby=\"inputSuccess2Status\"\n        [(ngModel)]=\"searchString\"\n        (ngModelChange)=\"onSearchInput()\"\n      />\n      <span *ngIf=\"!searchString.length\" class=\"material-icons search-icon\" aria-hidden=\"true\">search</span>\n      <span\n        *ngIf=\"searchString.length\"\n        class=\"material-icons search-icon\"\n        aria-hidden=\"true\"\n        (click)=\"clearSearchInput()\"\n        >close</span\n      >\n    </div>\n    <ul class=\"table-list\">\n      <ng-container *ngFor=\"let item of (filteredItems | sortBy: sortField || ''); let index = index\">\n        <li class=\"table-list-item-card\" *ngIf=\"!item['hidden']\">\n          <div class=\"select-rows\">\n            <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{ item.name }}</span>\n            <span *ngIf=\"!!item['url']\" class=\"filter-name-span\"\n              ><a class=\"link\" [title]=\"item.name\" [routerLink]=\"item.url\">{{ item.name }}</a></span\n            >\n            <span\n              class=\"status-switcher-list\"\n              *ngIf=\"popupType !== 'filtersListMedia' && ( limitSelection === 0 || selectedSet.size < limitSelection )\"\n            >\n              <span *ngIf=\"!isDisabled\" class=\"button-link\" (click)=\"addToSelected(item, index, 'WHITE')\"\n                ><span class=\"material-icons button-icon button-icon-primary button-icon-small\">add_circle_outline</span\n                >Add</span\n              >\n              <!--<span *ngIf=\"!isDisabled\" class=\"status-switcher status-switcher-block\" (click)=\"addToSelected(item, index, 'BLACK')\">block</span>-->\n            </span>\n            <span class=\"status-switcher-list\" *ngIf=\"popupType === 'filtersListMedia'\">\n              <span *ngIf=\"!isDisabled\" class=\"status-switcher\" (click)=\"addToSelected(item, index)\">add</span>\n            </span>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n    <button\n      *ngIf=\"isShowMoreAvailable | async\"\n      class=\"button button-outlined mt-8\"\n      [attr.data-qa]=\"'showMore'\"\n      (click)=\"showMore()\"\n    >\n      Show more\n    </button>\n  </div>\n  <div class=\"col-md-6 col-left-border pl-16\">\n    <div class=\"right-column\">\n      <div>\n        <span *ngIf=\"!isDisabled\" class=\"headline-4\">Linked ({{ selectedSet.size }})</span>\n        <span class=\"button-link clear-button\" (click)=\"clearSelected()\"> Clear all </span>\n      </div>\n      <ul class=\"table-list\">\n        <li class=\"right-column-item\" *ngFor=\"let item of selectedSet\">\n          <div\n            class=\"table-list-item-card table-list-item-allow {{item['type'] === 'BLACK' ? 'text-danger' : 'text-success'}}\"\n          >\n            <span *ngIf=\"!item['url']\" [title]=\"item.name\" class=\"filter-name-span\">{{ item.name }}</span>\n            <span *ngIf=\"!!item['url']\" class=\"filter-name-span\">\n              <a [title]=\"item.name\" [routerLink]=\"item.url\" class=\"link\">{{ item.name }}</a></span\n            >\n          </div>\n          <span\n            *ngIf=\"!isDisabled\"\n            class=\"material-icons material-icons-outlined button-icon-middle button-icon-outline\"\n            (click)=\"deleteFromSelected(item)\"\n            >close</span\n          >\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".search-container{margin-right:0;max-width:441px!important}.close-icon{width:18px;height:18px}.clear-button{float:right}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64, 