var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (g && (g = 0, op[0] && (_ = 0)), _) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
import { ServiceBase } from './../../data/service-base';
import { bindable, bindingMode, customElement, observable } from "aurelia-framework";
import * as breeze from 'breeze-client';
import { Predicate, FilterQueryOp } from 'breeze-client';
export var UITagSelect = (function () {
    function UITagSelect() {
        this.placeholder = "";
        this.disabled = false;
        this.targetService = null;
        this.linkedService = null;
        this.isSelectVisible = false;
    }
    UITagSelect.prototype.attached = function () {
        var _this = this;
        this.uISelectInput = this.uISelect.getElementsByTagName("input").item(0);
        var navigationProperty = this.entity.entityType.navigationProperties.find(function (fkp) { return fkp.name == _this.targetArrayName; });
        this.linkedIdName = navigationProperty.invForeignKeyNames[0];
        var fkPropTarget = navigationProperty.entityType.foreignKeyProperties.find(function (p) { return p.name != _this.linkedIdName && p.name != 'createdById' && p.name != 'updatedById'; });
        this.targetName = fkPropTarget.relatedNavigationProperty.name;
        this.targetIdName = fkPropTarget.name;
        this.tags = this.entity[this.targetArrayName];
    };
    UITagSelect.prototype.bind = function () {
        if (this.targetService == null)
            throw new Error("Parameter 'targetService' is mandatory");
        if (this.linkedService == null)
            throw new Error("Parameter 'linkedService' is mandatory");
    };
    UITagSelect.prototype.focus = function () {
        var _this = this;
        this.isSelectVisible = true;
        setTimeout(function () {
            _this.uISelectInput.focus();
        }, 50);
    };
    UITagSelect.prototype.blur = function () {
        this.isSelectVisible = false;
    };
    UITagSelect.prototype.fetchOptions = function (query) {
        var _a;
        return __awaiter(this, void 0, void 0, function () {
            var params, _b;
            var _c;
            var _this = this;
            return __generator(this, function (_d) {
                switch (_d.label) {
                    case 0:
                        if (!(((_a = this.targetService) === null || _a === void 0 ? void 0 : _a.gridDataSource) != null)) return [3, 2];
                        params = {
                            startRow: null,
                            endRow: null,
                            successCallback: null,
                            failCallback: function () {
                            },
                            sortModel: [
                                { colId: this.optionsText, sort: 'asc' }
                            ],
                            filterModel: null,
                            context: null
                        };
                        if (query != null && query != "") {
                            params.filterModel = (_c = {},
                                _c[this.optionsText] = { filterType: "text", type: "contains", filter: query },
                                _c);
                        }
                        this.targetService.gridDataSource.getPredicatesFunction = function () {
                            var predicate;
                            _this.tags.forEach(function (tag) {
                                var tempPredicate = new Predicate("id", FilterQueryOp.NotEquals, tag[_this.targetIdName]);
                                _this.targetService.gridDataSource.getPredicatesFunction = function () { var predicate = new Predicate("id", FilterQueryOp.NotEquals, tag["id"]); return predicate; };
                                if (predicate == null)
                                    predicate = tempPredicate;
                                else
                                    predicate = predicate.and(tempPredicate);
                            });
                            return predicate;
                        };
                        _b = this;
                        return [4, this.targetService.gridDataSource.getRows(params)];
                    case 1:
                        _b.options = (_d.sent()).results;
                        _d.label = 2;
                    case 2: return [2, this.options];
                }
            });
        });
    };
    UITagSelect.prototype.modelChanged = function (newValue, oldValue) {
        return __awaiter(this, void 0, void 0, function () {
            var option;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        option = this.model;
                        if (!(option != null)) return [3, 2];
                        return [4, this.addLinked(option)];
                    case 1:
                        _a.sent();
                        _a.label = 2;
                    case 2:
                        this.model = null;
                        return [2];
                }
            });
        });
    };
    UITagSelect.prototype.addTarget = function (query) {
        return __awaiter(this, void 0, void 0, function () {
            var targetEntity;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4, this.targetService.createEntity()];
                    case 1:
                        targetEntity = _a.sent();
                        targetEntity[this.optionsText] = query;
                        if (this.callback != null) {
                            this.callback({ targetEntity: targetEntity });
                        }
                        return [4, this.addLinked(targetEntity)];
                    case 2:
                        _a.sent();
                        return [2];
                }
            });
        });
    };
    UITagSelect.prototype.addLinked = function (targetEntity) {
        return __awaiter(this, void 0, void 0, function () {
            var linkedEntity;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4, this.linkedService.createEntity()];
                    case 1:
                        linkedEntity = _a.sent();
                        linkedEntity[this.linkedIdName] = this.entity["id"];
                        linkedEntity[this.targetIdName] = targetEntity["id"];
                        this.tags.push(linkedEntity);
                        this.blur();
                        return [2];
                }
            });
        });
    };
    UITagSelect.prototype.delete = function (tag) {
        if (tag.entityAspect.entityState.isAdded()) {
            if (tag[this.targetName].entityAspect.entityState.isAdded()) {
                tag[this.targetName].entityAspect.setDetached();
            }
            tag.entityAspect.setDetached();
        }
        else {
            tag.entityAspect.setDeleted();
        }
    };
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UITagSelect.prototype, "placeholder", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UITagSelect.prototype, "disabled", void 0);
    __decorate([
        observable,
        __metadata("design:type", Object)
    ], UITagSelect.prototype, "model", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", Object)
    ], UITagSelect.prototype, "entity", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", String)
    ], UITagSelect.prototype, "optionsText", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", String)
    ], UITagSelect.prototype, "targetArrayName", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.twoWay }),
        __metadata("design:type", Array)
    ], UITagSelect.prototype, "options", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", ServiceBase)
    ], UITagSelect.prototype, "targetService", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", ServiceBase)
    ], UITagSelect.prototype, "linkedService", void 0);
    __decorate([
        bindable({ defaultBindingMode: bindingMode.oneTime }),
        __metadata("design:type", Function)
    ], UITagSelect.prototype, "callback", void 0);
    UITagSelect = __decorate([
        customElement("ui-tag-select")
    ], UITagSelect);
    return UITagSelect;
}());

//# sourceMappingURL=ui-tag-select.js.map
