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 { bindable, child, computedFrom, customElement, Parser } from "aurelia-framework";
import { UIInternal } from "../../utils/ui-internal";
import { KeyboardShortcut } from "../../constants/constants";
export var UIButton = (function () {
    function UIButton(element, parser) {
        this.element = element;
        this.parser = parser;
        this.icon = "";
        this.href = "";
        this.size = "nm";
        this.type = "default";
        this.id = "";
        this.busy = false;
        this.active = false;
        this.disabled = false;
        this.showCaret = true;
        this.hasDrop = false;
        this.split = false;
        this.elDisabled = false;
        if (element.hasAttribute("icon-hilight")) {
            element.classList.add("ui-btn__icon--hilight");
        }
        if (element.hasAttribute("icon-end")) {
            element.classList.add("ui-btn__icon--end");
        }
        if (element.hasAttribute("icon-top")) {
            element.classList.add("ui-btn__icon--top");
        }
        if (element.hasAttribute("no-caret")) {
            element.classList.add("ui-btn__caret--hide");
        }
        if (element.hasAttribute("block")) {
            element.classList.add("ui-btn--block");
        }
        this.split = element.hasAttribute("split");
    }
    Object.defineProperty(UIButton.prototype, "isDisabled", {
        get: function () {
            if (typeof (this.disabled) == 'boolean') {
                return this.disabled || this.elDisabled;
            }
            else if (typeof (this.disabled) == 'function') {
                return this.disabled(this.current) || this.elDisabled;
            }
            else if (typeof (this.disabled) == 'string' && this.disabled.trim() != '') {
                var expression = this.parser.parse(this.disabled);
                var scope = {
                    bindingContext: { record: this.current },
                    overrideContext: null
                };
                return expression.evaluate(scope);
            }
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(UIButton.prototype, "tabIndex", {
        get: function () {
            if (this.isDisabled || this.busy)
                return -1;
            return 0;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(UIButton.prototype, "style", {
        get: function () {
            if (this.textColor == null && this.backgroundColor == null) {
                return null;
            }
            var str = "";
            if (this.textColor != null) {
                str += "color:".concat(this.textColor, ";");
            }
            if (this.backgroundColor != null) {
                str += "background-color:".concat(this.backgroundColor, ";");
            }
            return str;
        },
        enumerable: false,
        configurable: true
    });
    UIButton.prototype.disable = function (disabled) {
        this.elDisabled = disabled;
    };
    UIButton.prototype.attached = function () {
        var _this = this;
        var _a;
        if (((_a = this.keyboardShortcut) === null || _a === void 0 ? void 0 : _a.length) > 0) {
            this.handleShortcutsEvent = function (event) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4, this.handleShortcuts.call(this, event)];
                    case 1: return [2, _a.sent()];
                }
            }); }); };
            document.addEventListener("keydown", this.handleShortcutsEvent, false);
        }
        UIInternal.queueTask(function () {
            _this.hasDrop = !!_this.elDropdown || !!_this.dropEl;
            if (_this.hasDrop) {
                if (!_this.dropEl) {
                    _this.dropEl = getSlotViewModel(_this.elDropdown);
                }
                _this.dropEl.tether(_this.element);
            }
        });
        this.hrefChanged();
    };
    UIButton.prototype.detached = function () {
        document.removeEventListener("keydown", this.handleShortcutsEvent, false);
    };
    UIButton.prototype.hrefChanged = function () {
        if (this.badgeEl) {
            if (this.href) {
                this.badgeEl.href = this.href;
            }
            else if (this.badgeEl.attributes.getNamedItem("href")) {
                this.badgeEl.attributes.removeNamedItem("href");
            }
        }
    };
    UIButton.prototype.fireKeydown = function (e) {
        if ((e.key === KeyboardShortcut.ArrowDown || e.key === KeyboardShortcut.Enter)) {
            UIInternal.broadcast(UIInternal.EVT_VIEWPORT_CLICK, e.target);
            return this.fireClick(e);
        }
        else if (e.key === KeyboardShortcut.Tab) {
            UIInternal.broadcast(UIInternal.EVT_VIEWPORT_CLICK, document);
        }
        return true;
    };
    UIButton.prototype.fireClickInner = function ($event) {
        if (this.isDisabled || this.busy) {
            $event.stopEvent();
            return false;
        }
    };
    UIButton.prototype.fireClick = function ($event) {
        if (this.isDisabled || this.busy) {
            $event.stopEvent();
            return false;
        }
        if (!this.href) {
            $event.stopEvent();
            if (this.hasDrop && !this.split) {
                return this.toggleDrop();
            }
            else {
                return this.element.dispatchEvent(UIInternal.createEvent("click", this.id));
            }
        }
    };
    UIButton.prototype.toggleDrop = function () {
        var beforeEvent = this.dropEl.isOpen ? "beforeopen" : "beforeclose";
        var afterEvent = this.dropEl.isOpen ? "close" : "open";
        if (this.element.dispatchEvent(UIInternal.createEvent(beforeEvent)) !== false) {
            this.dropEl.toggleDrop();
            this.element.dispatchEvent(UIInternal.createEvent(afterEvent));
        }
        event.stopPropagation();
        return true;
    };
    UIButton.prototype.isVisible = function (currentRecord) {
        if (this.buttonVisible != null) {
            if (typeof (this.buttonVisible) == 'boolean') {
                return this.buttonVisible;
            }
            if (currentRecord != null || this.current != null) {
                if (typeof (this.buttonVisible) == 'string') {
                    var expression = this.parser.parse(this.buttonVisible);
                    var scope = {
                        bindingContext: { record: currentRecord !== null && currentRecord !== void 0 ? currentRecord : this.current },
                        overrideContext: null
                    };
                    return expression.evaluate(scope);
                }
                if (typeof (this.buttonVisible) == 'function') {
                    return this.buttonVisible({ record: (currentRecord !== null && currentRecord !== void 0 ? currentRecord : this.current) });
                }
            }
        }
        return true;
    };
    UIButton.prototype.handleShortcuts = function (event) {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                if ((typeof (this.keyboardShortcut) === "string" && event.key == this.keyboardShortcut) || (Array.isArray(this.keyboardShortcut) && this.keyboardShortcut.some(function (key) { return key == event.key; }))) {
                    event.stopImmediatePropagation();
                    event.preventDefault();
                    return [2, this.fireClick(event)];
                }
                return [2];
            });
        });
    };
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "icon", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "href", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "label", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "size", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "type", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "id", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Boolean)
    ], UIButton.prototype, "busy", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Boolean)
    ], UIButton.prototype, "active", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UIButton.prototype, "disabled", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UIButton.prototype, "menuItems", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UIButton.prototype, "buttonVisible", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Boolean)
    ], UIButton.prototype, "showCaret", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UIButton.prototype, "current", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "textColor", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", String)
    ], UIButton.prototype, "backgroundColor", void 0);
    __decorate([
        bindable(),
        __metadata("design:type", Object)
    ], UIButton.prototype, "keyboardShortcut", void 0);
    __decorate([
        child("div.ui-drop"),
        __metadata("design:type", Element)
    ], UIButton.prototype, "elDropdown", void 0);
    __decorate([
        computedFrom("disabled", "elDisabled"),
        __metadata("design:type", Boolean),
        __metadata("design:paramtypes", [])
    ], UIButton.prototype, "isDisabled", null);
    __decorate([
        computedFrom("disabled", "elDisabled"),
        __metadata("design:type", Number),
        __metadata("design:paramtypes", [])
    ], UIButton.prototype, "tabIndex", null);
    __decorate([
        computedFrom("textColor", "backgroundColor"),
        __metadata("design:type", String),
        __metadata("design:paramtypes", [])
    ], UIButton.prototype, "style", null);
    UIButton = __decorate([
        customElement("ui-button"),
        __metadata("design:paramtypes", [Element, Parser])
    ], UIButton);
    return UIButton;
}());

//# sourceMappingURL=ui-button.js.map
